:root{--deep:#102d39;--deep2:#173e47;--teal:#0d756a;--mint:#d3f3e6;--cream:#f7f6f1;--ink:#15333c;--muted:#64767a;--stroke:#dde7e3;--white:#fff;--orange:#e6a35c;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}a{color:inherit}button,textarea{font:inherit}.skip{position:absolute;left:-9999px;top:8px;z-index:10;padding:10px;background:white}.skip:focus{left:8px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5%,calc((100vw - 1320px)/2));background:var(--white);border-bottom:1px solid var(--stroke)}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:24px;line-height:1;font-weight:800;letter-spacing:-1.2px}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:2px;color:var(--teal);margin-top:4px}.mark{width:37px;height:37px;background:var(--deep);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.mark span{width:6px;height:17px;background:#a2eac9;border-radius:9px}.mark span:nth-child(2){height:25px;background:var(--orange)}.mark span:nth-child(3){height:12px}.site-header nav{display:flex;gap:30px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:650;color:#415c61}.site-header nav a:hover,.site-header nav a:focus{color:var(--teal);text-decoration:underline}.version{font-size:11px;font-weight:800;letter-spacing:1.4px;border:1px solid var(--stroke);padding:8px 12px;border-radius:25px;color:var(--muted)}.hero{background:var(--deep);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:82px max(5%,calc((100vw - 1320px)/2)) 92px;min-height:550px;overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:675px}.eyebrow,.section-kicker{font-size:12px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:#9ce4c6}.dot{display:inline-block;width:8px;height:8px;background:#94ddb5;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,5.5vw,83px);letter-spacing:-4px;line-height:1.04;margin:28px 0 25px;font-weight:760}.hero h1 em{font-style:normal;color:#a2eacc}.hero p{max-width:590px;color:#c2d9d6;font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{text-decoration:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;cursor:pointer;border-radius:12px;font-weight:730;font-size:14px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(.97)}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #efb46e;outline-offset:2px}.primary{background:#9ce4be;color:#102e37}.secondary{background:#ffffff16;border:1px solid #ffffff46;color:white}.outline{background:white;border:1px solid var(--stroke);color:var(--deep)}.hero-note{font-size:12px;color:#9bb6b7;margin-top:30px;max-width:540px}.hero-visual{min-height:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #9ce4be2e;border-radius:50%;aspect-ratio:1}.orbit-one{width:83%}.orbit-two{width:60%;border-style:dashed}.center-circle{position:relative;background:#204650;border:1px solid #49746c;width:min(56%,230px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;box-shadow:0 12px 45px #0003}.center-circle strong{font-size:24px;line-height:1.15;letter-spacing:-.5px}.center-circle span:last-child{color:#b9d5c9;font-size:12px;margin-top:12px}.orbit-small{font-size:10px;letter-spacing:2px;color:#95e2c0;margin-bottom:13px}.float-tag{position:absolute;background:#fcfff8;color:#20494c;border-radius:12px;padding:10px 15px;box-shadow:0 12px 35px #071b244d;font-size:13px;font-weight:750}.t1{top:14%;left:14%}.t2{top:24%;right:0}.t3{bottom:19%;right:0}.t4{bottom:8%;left:6%}.intro-band{padding:23px max(5%,calc((100vw - 1320px)/2));border-bottom:1px solid var(--stroke);display:flex;gap:26px;align-items:center;flex-wrap:wrap;background:#eaf2ec}.intro-band p{margin:0;font-size:11px;font-weight:800;letter-spacing:1px;color:#638076}.intro-band div{display:flex;gap:8px;flex-wrap:wrap}.intro-band span{display:inline-block;border:1px solid #c6ddd3;padding:6px 13px;border-radius:25px;background:#fbfffd;font-size:12px;color:#336358;font-weight:700}.section{padding:82px max(5%,calc((100vw - 1320px)/2))}.section-lead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-kicker{color:var(--teal)}h2{font-size:clamp(31px,3.1vw,45px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 14px}h3{margin:0 0 10px;font-size:22px;line-height:1.3;letter-spacing:-.35px}.section-lead p{color:var(--muted);max-width:780px;margin:0}.subject{white-space:nowrap;border:1px solid var(--stroke);padding:8px 14px;border-radius:22px;font-size:12px;color:#547079;font-weight:700}.scenario{display:flex;gap:20px;background:#e3eee7;border:1px solid #c9e0d2;padding:24px 30px;border-radius:18px;margin-bottom:24px}.scenario h3{font-size:18px}.scenario p{margin:0;color:#3e5e5a}.scenario-icon{display:grid;place-items:center;border-radius:16px;background:#b9dcc8;min-width:43px;height:43px;font-size:23px;font-weight:800;color:#24554e}.steps{background:white;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.step{display:flex;gap:26px;padding:38px;border-bottom:1px solid var(--stroke)}.step:last-child{border:0}.step-index{flex:0 0 49px;display:grid;place-items:center;width:49px;height:49px;background:#e7f4ec;border-radius:14px;font-size:16px;color:var(--teal);font-weight:800}.step-body{flex:1;min-width:0}.step-body>p{color:#587078;max-width:720px}.step-label{font-weight:820;letter-spacing:1px;font-size:11px;color:var(--teal);margin-bottom:8px}.quiz{display:grid;gap:10px;margin:24px 0 15px;border:0;padding:0;min-width:0}.quiz label{display:block;border:1px solid var(--stroke);border-radius:11px;padding:11px 16px;cursor:pointer;line-height:1.45}.quiz label:has(input:checked){border-color:var(--teal);background:#edf8f1}.quiz input{accent-color:var(--teal);margin-right:10px}.quiz-inline{display:flex;gap:10px;flex-wrap:wrap}.quiz-inline label{min-width:120px}.small-button{background:var(--deep2);border:0;color:white;padding:10px 16px;border-radius:9px;cursor:pointer;font-weight:700;font-size:13px}.feedback{margin-top:13px;color:#8c4e25;font-weight:650;font-size:14px;min-height:0}.feedback.success{color:#0b7263}.data-table-wrap{overflow:auto;max-width:500px}.data-table-wrap table{border-collapse:collapse;width:100%;margin:20px 0 0;font-size:14px;text-align:left}.data-table-wrap caption{text-align:left;font-size:12px;font-weight:700;color:#6a7774;margin-bottom:4px}.data-table-wrap th,.data-table-wrap td{padding:9px 13px;border:1px solid var(--stroke)}.data-table-wrap th{background:#eef5f0}.fields{display:grid;gap:16px;margin-top:20px}.fields label{display:block;color:#425c62;font-weight:680;font-size:14px}.fields textarea{display:block;width:100%;padding:13px 15px;margin-top:8px;border:1px solid #cbddd8;border-radius:11px;background:#fdfffe;resize:vertical;min-height:100px;font-weight:400;color:var(--ink)}.rubric{display:grid;gap:12px;margin-top:25px}.rubric-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;padding:13px 16px;border:1px solid var(--stroke);border-radius:12px}.rubric-row label{font-weight:650;font-size:14px}.rubric-row select{width:100%;border:1px solid #cadbd6;border-radius:8px;background:white;padding:10px 12px;color:var(--deep);font:inherit;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.privacy-note{font-size:12px;color:var(--muted)}.teacher-section{background:#eef2eb}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teacher-grid article{padding:28px;background:white;border-radius:17px;border:1px solid var(--stroke)}.card-number{color:var(--teal);font-size:14px;font-weight:820;margin-bottom:23px}.teacher-grid h3{font-size:18px}.teacher-grid p{margin:0;font-size:14px;color:#61777a}.monitor{background:#dcebe0;display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:60px}.monitor-content>p{max-width:720px;color:#49656a}.monitor li{margin-bottom:8px}.monitor-card{background:#143841;border-radius:18px;color:white;padding:28px 32px;box-shadow:0 25px 45px #2d4b4f22}.monitor-card>span{font-weight:800;letter-spacing:1.5px;font-size:11px;color:#b6e6cf}.status-item{padding:15px 0;border-bottom:1px solid #ffffff29;font-size:14px;color:#d8ece8}.status-item span{font-weight:850;color:#9ce4c6;margin-right:12px}.status-foot{padding-top:17px;font-size:12px;color:#a5c4bd}footer{background:#102d39;color:#b6d0ce;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:27px max(5%,calc((100vw - 1320px)/2));font-size:12px}footer strong{color:white;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.site-header{padding:0 5%}.site-header nav{gap:14px}.version{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:60px}.hero-visual{min-height:380px;max-width:600px;width:100%;margin:auto}.teacher-grid{grid-template-columns:1fr}.monitor{grid-template-columns:1fr;gap:20px}.section-lead{display:block}.subject{display:inline-block;margin-top:15px}}@media(max-width:600px){.site-header{height:auto;padding:18px 5%;align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:16px;flex-wrap:wrap}.site-header nav a{font-size:12px}.hero{padding:56px 5% 35px}.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.hero-visual{min-height:300px}.float-tag{font-size:10px;padding:7px 9px}.center-circle strong{font-size:17px}.intro-band,.section{padding-left:5%;padding-right:5%}.section{padding-top:52px;padding-bottom:52px}.step{padding:25px 18px;gap:12px}.step-index{flex-basis:35px;width:35px;height:35px;border-radius:10px}.rubric-row{grid-template-columns:1fr}.scenario{padding:20px;gap:13px}.button{width:100%}footer{padding:25px 5%}}
/* Fondos opcionales: subir las imágenes con estos nombres a assets/imagenes/fondos/.
   Las capas de color preservan legibilidad si todavía no existe la fotografía. */
.hero{background-image:linear-gradient(90deg,rgba(16,45,57,.98) 0%,rgba(16,45,57,.91) 55%,rgba(16,45,57,.73) 100%),url("assets/imagenes/fondos/portada.jpg");background-position:center;background-size:cover}
.challenge{background-image:linear-gradient(rgba(247,246,241,.96),rgba(247,246,241,.96)),url("assets/imagenes/fondos/reto.jpg");background-position:center;background-size:cover}
.teacher-section{background-image:linear-gradient(rgba(238,242,235,.94),rgba(238,242,235,.96)),url("assets/imagenes/fondos/docentes.jpg");background-position:center;background-size:cover}
@media print{.site-header,.hero-visual,.hero-actions,.intro-band,.teacher-section,.monitor,footer,.small-button,.actions,.quiz,.feedback,.hero-note{display:none!important}.hero{display:block;min-height:unset;padding:10px 0;background:white;color:black}.hero h1{font-size:28px;letter-spacing:0;margin:8px 0}.hero h1 em{color:black}.hero p{font-size:12px;color:black}.eyebrow{color:black}.section{padding:5px 0}.section-kicker,.step-label{color:black}.scenario{background:white;border:1px solid #ddd;padding:10px}.steps{border:0}.step{page-break-inside:avoid;padding:14px 0}.step-index{color:black;background:white;border:1px solid #ddd}.step h3{font-size:17px}.step-body>p{font-size:12px;color:black}.fields textarea{min-height:65px;padding:6px;border:1px solid #ccc}.rubric-row{padding:4px;border:0}.rubric-row select{border:0}textarea{field-sizing:content}.scenario-icon{display:none}}