:root{--navy:#123a59;--blue:#1d6b91;--teal:#1a9b94;--gold:#efb64b;--cream:#f6f8f8;--ink:#173044;--muted:#66808e;--line:#dbe6e8;--good:#178455;--bad:#c64d47;--shadow:0 18px 48px rgba(20,58,89,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#eef6f7 0%,#f9fbfa 55%,#fff8e9 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;padding:16px max(20px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:13px}.logo{object-fit:contain}.logo-encino{width:48px;height:48px}.logo-ciencias{width:48px;height:55px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.63rem;color:#a6c6d0;font-weight:700}.topbar h1{font-size:1.12rem;margin:1px 0 0;font-weight:750}main{max-width:1120px;margin:0 auto;padding:34px 20px 80px}.card{background:rgba(255,255,255,.95);border:1px solid rgba(219,230,232,.92);border-radius:24px;box-shadow:var(--shadow);padding:30px}.hero-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;padding:38px 42px;overflow:hidden}.mission-tag,.kicker{color:var(--teal);font-weight:800;letter-spacing:.12em;font-size:.72rem;text-transform:uppercase;margin:0}.hero-copy h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1.02;margin:11px 0 16px;color:var(--navy);letter-spacing:-.045em}.hero-copy p{font-size:1.08rem;max-width:570px;color:#476575}.hero-art{width:100%;max-width:530px;justify-self:end;border-radius:16px}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-pills span{background:#eff8f7;color:#26736f;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.identity-card{margin-top:22px}.section-heading{display:flex;align-items:center;gap:13px}.step-number{background:var(--gold);color:#563e14;font-weight:900;padding:7px 10px;border-radius:11px;font-size:.8rem}.section-heading h2{margin:0;font-size:1.6rem;color:var(--navy)}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}label{display:flex;flex-direction:column;gap:7px;font-weight:750;font-size:.9rem;color:#315265}input,textarea,select{border:1px solid #cbdde1;border-radius:12px;padding:12px 13px;background:#fbfdfd;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,155,148,.13)}textarea{resize:vertical;min-height:94px;overflow:hidden}.optional{font-weight:500;color:#8399a2}.primary,.secondary{border:0;border-radius:13px;padding:13px 18px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s}.primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(18,58,89,.2)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.primary span{font-size:1.1em;margin-left:8px}.secondary{background:#edf4f5;color:var(--navy)}.hidden{display:none!important}.progress-wrap{margin:28px 2px 13px}.progress-meta{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:var(--muted);margin-bottom:8px}.progress-track{height:9px;background:#dfecee;border-radius:20px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--teal),#70c9ad);border-radius:20px;width:25%;transition:width .3s}.mission{min-height:490px}.mission-title{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:24px}.mission-index{min-width:44px;height:44px;border-radius:15px;background:#e3f3f1;color:#15706d;display:grid;place-items:center;font-weight:900}.mission-title h2{margin:0;color:var(--navy);font-size:1.55rem;line-height:1.15}.mission-title p{margin:6px 0 0;color:var(--muted)}.question-list{display:grid;gap:16px}.question{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.question legend,.question-label{font-weight:800;color:#284e63;display:block;margin-bottom:12px}.question-number{color:var(--teal);font-size:.78rem;margin-right:6px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.option{display:block;position:relative}.option input{position:absolute;opacity:0}.option span{display:block;border:1px solid #cfe0e3;border-radius:10px;padding:11px 10px;text-align:center;color:#486a78;background:#fbfdfd;height:100%;cursor:pointer;font-size:.9rem}.option input:checked+span{border-color:var(--teal);background:#eaf8f6;color:#126762;font-weight:800;box-shadow:0 0 0 2px rgba(26,155,148,.12)}.question textarea{width:100%}.select-answer{width:100%;max-width:460px}.hint{font-size:.8rem;color:#78929c;background:#f3f8f8;border-radius:9px;padding:8px 10px;margin-top:9px}.nav-actions{display:flex;justify-content:space-between;gap:12px;margin:16px 3px 0}.nav-actions #nextBtn{margin-left:auto}.rubric{overflow-x:auto;margin-top:14px}.rubric table{width:100%;border-collapse:separate;border-spacing:0;min-width:620px}.rubric th,.rubric td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.rubric th{background:#eff7f7;color:#286166;font-size:.8rem}.rubric th:first-child{border-radius:10px 0 0 0}.rubric td:not(:first-child),.rubric th:not(:first-child){text-align:center;width:132px}.rubric input{accent-color:var(--teal);transform:scale(1.25)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-grid label:last-child{grid-column:1/-1}.results-hero{background:var(--navy);color:#fff;border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.results-hero h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:4px 0}.results-hero p{color:#c8e0e6;margin:6px 0}.score-circle{width:130px;height:130px;border:9px solid var(--gold);border-radius:50%;display:grid;place-items:center;flex:none;text-align:center}.score-circle strong{display:block;font-size:2rem;line-height:1}.score-circle span{font-size:.75rem;color:#d8eceb}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.report-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.report-stat small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.report-stat strong{font-size:1.25rem;color:var(--navy)}.review-card{margin-top:18px}.review-card h3{color:var(--navy);margin-top:0}.review-item{border-left:4px solid var(--line);padding:10px 13px;margin:10px 0;background:#fbfdfd;border-radius:0 10px 10px 0}.review-item.correct{border-color:var(--good)}.review-item.incorrect{border-color:var(--bad)}.review-item strong{display:block}.review-item small{color:var(--muted)}.review-item .answer{margin-top:4px;color:#456773}.open-summary{background:#fff8e5;border:1px solid #f1d58b;padding:14px;border-radius:13px;color:#6c541e}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}footer{text-align:center;color:#779099;padding:0 20px 26px;font-size:.78rem}
@media(max-width:720px){.topbar{padding:13px 15px}.logo-ciencias{width:38px;height:44px}.logo-encino{width:40px;height:40px}.eyebrow{font-size:.52rem}.topbar h1{font-size:.92rem}main{padding:20px 12px 48px}.card{padding:20px 16px;border-radius:18px}.hero-card{grid-template-columns:1fr;padding:24px 18px;gap:14px}.hero-copy h2{font-size:2.25rem}.hero-copy p{font-size:.98rem}.hero-art{max-width:100%}.hero-pills{gap:7px}.hero-pills span{font-size:.74rem;padding:7px 9px}.form-grid,.product-grid{grid-template-columns:1fr;gap:13px}.product-grid label:last-child{grid-column:auto}.identity-card .primary{width:100%}.mission{min-height:0}.mission-title h2{font-size:1.28rem}.question{padding:14px 12px}.option-grid{grid-template-columns:1fr;gap:7px}.option span{text-align:left;padding:12px}.nav-actions{position:static;margin-top:14px}.nav-actions button{padding:12px 13px}.rubric{margin-left:-4px;margin-right:-4px}.results-hero{padding:23px 18px;align-items:flex-start}.score-circle{width:94px;height:94px;border-width:7px}.score-circle strong{font-size:1.45rem}.report-grid{grid-template-columns:1fr}.result-actions button{width:100%}}
@media print{body{background:#fff}.topbar{print-color-adjust:exact}.card,.results-hero{box-shadow:none}.nav-actions,.result-actions,footer{display:none!important}.hidden{display:none!important}}

/* Rúbrica en tarjetas: legible y completa en pantallas pequeñas. */
.rubric-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.rubric-heading h3{color:var(--navy);margin:0}.rubric-heading>span{background:#fff3cf;color:#775719;border:1px solid #f0d88d;border-radius:999px;padding:6px 11px;font-weight:850;font-size:.8rem}.rubric-cards{display:grid;gap:13px}.rubric-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:linear-gradient(145deg,#fff,#f8fcfb)}.rubric-card-top{display:flex;gap:11px;align-items:flex-start}.rubric-num{min-width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e3f3f1;color:#15706d;font-weight:900}.rubric-card h4{margin:1px 0 2px;color:var(--navy);font-size:.98rem}.rubric-card p{margin:0;color:var(--muted);font-size:.82rem}.rubric-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.rubric-levels label{position:relative;cursor:pointer}.rubric-levels input{position:absolute;opacity:0}.rubric-levels span{min-height:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 6px;border:1px solid #ccdedf;border-radius:11px;background:#fff;color:#55727b;transition:.18s}.rubric-levels b{font-size:.78rem}.rubric-levels small{font-size:.72rem;margin-top:2px;color:#82989d}.rubric-levels input:checked+span{border-color:var(--teal);background:#e6f8f4;color:#126762;box-shadow:inset 0 0 0 2px var(--teal)}.rubric-report-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;color:#3b5d6b}.rubric-report-row strong{white-space:nowrap;color:var(--teal)}.rubric-total{display:flex;justify-content:space-between;gap:15px;padding:15px 0 0;color:var(--navy);font-weight:850}.rubric-total strong{color:#a16c09}
@media(max-width:720px){.rubric-levels{grid-template-columns:1fr;gap:7px}.rubric-levels span{min-height:50px;align-items:flex-start;text-align:left;padding:9px 11px}.rubric-card{padding:13px}.rubric-report-row{align-items:flex-start;font-size:.88rem}.rubric-report-row strong{font-size:.9rem}}

/* Franja clara para conservar el contraste de los logotipos originales. */
.topbar{background:#fff;color:var(--navy);border-bottom:1px solid #dbe6e8;box-shadow:0 4px 16px rgba(20,58,89,.06)}
.eyebrow{color:var(--teal)}
.topbar h1{color:var(--navy)}