/* ---------------------------------------------------------------------------
 * maestros.css — Guía del maestro
 *
 * Son los estilos que antes vivían dentro de index.html. Cuando la portada se
 * acortó, el método de clase, el programa de 60 minutos, la caja de recursos,
 * la videoteca y los canales se mudaron a esta página; sus estilos también.
 * ------------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');:root{--ink:#17364a;--blue:#086f8b;--deep:#12364c;--mint:#dff5e6;--sky:#dff5ff;--sun:#ffd45d;--orange:#ff8659;--paper:#fffdf7;--white:#fff;--line:#dce8ea;--shadow:0 12px 34px rgba(21,60,78,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Nunito,system-ui,sans-serif}button,input,a{font:inherit}a{color:inherit}.wrap{width:min(1160px,92%);margin:auto}h1,h2,h3,h4{font-family:'Baloo 2',sans-serif;line-height:1.1;margin:0}header{position:sticky;top:0;z-index:30;background:#fffdf7ee;backdrop-filter:blur(14px);border-bottom:1px solid #e3eceb}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.35rem 'Baloo 2'}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--sun)}.links{display:flex;gap:20px}.links a{text-decoration:none;font-weight:900;font-size:.92rem}.hero{padding:54px 0 40px;background:linear-gradient(135deg,#daf5ff,#ecffe4 64%,#fff7d5)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.kicker{display:inline-flex;gap:7px;background:#fff;border:2px solid #c9e3e7;border-radius:999px;padding:7px 13px;font-weight:900;color:var(--blue)}h1{font-size:clamp(2.65rem,6vw,5rem);letter-spacing:-1.5px;margin:14px 0 10px}h1 span{color:var(--blue)}.lead{font-size:1.15rem;max-width:720px}.btn{border:0;border-radius:15px;padding:13px 18px;background:var(--orange);font-weight:900;text-decoration:none;display:inline-block}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#ffffffe8;border:1px solid #d2e7e5;border-radius:20px;padding:19px;box-shadow:var(--shadow)}.stat b{font:800 2rem 'Baloo 2';display:block;color:var(--blue)}.stat span{font-weight:800;font-size:.9rem}section{padding:64px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}.head h2{font-size:clamp(2rem,4vw,3.1rem)}.head p{max-width:590px;margin:0}.notice{background:#fff5cf;border:2px solid #ffe28b;border-radius:20px;padding:18px 20px;margin-bottom:24px;display:flex;gap:13px}.tools{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:19px}.search{border:2px solid #cfe0e3;background:#fff;border-radius:15px;padding:12px 15px;min-width:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:2px solid #d6e4e6;background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:21px;box-shadow:0 7px 20px #1e475812;display:flex;flex-direction:column;min-height:265px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.top{display:flex;justify-content:space-between}.emoji{font-size:2rem}.week{background:var(--sky);color:var(--blue);border-radius:999px;padding:5px 9px;font-weight:900;font-size:.8rem;height:max-content}.card h3{font-size:1.48rem;margin:11px 0 7px}.card p{margin:0 0 14px}.ref{font-weight:900;color:var(--blue);margin-top:auto}.open{margin-top:14px;border:0;background:#e6f5d7;color:#214c2a;border-radius:12px;padding:10px;font-weight:900;cursor:pointer}.dark{background:var(--deep);color:#fff}.dark .head p{color:#d4e6ee}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.method{background:#1d4a61;border:1px solid #35657b;border-radius:20px;padding:20px}.method span{font-size:1.8rem}.method h3{margin:9px 0 5px}.method p{margin:0;color:#dcebf0}.schedule{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{background:#fff;border-radius:24px;padding:25px;box-shadow:var(--shadow)}.step{display:grid;grid-template-columns:52px 1fr;gap:14px;margin:18px 0}.time{width:52px;height:52px;border-radius:16px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:900}.step p{margin:3px 0 0}.tips{background:#fff2c8}.tips li{margin:10px 0}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;text-decoration:none;box-shadow:0 7px 20px #1e475812}.video:hover{border-color:var(--orange)}.play{width:44px;height:44px;border-radius:14px;background:#ff604c;color:#fff;display:grid;place-items:center}.video h3{margin:12px 0 6px}.video p{margin:0}.video small{display:block;margin-top:10px;color:#5d7785;font-weight:900}.channels{background:#e7f7ff}.channel-grid,.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel,.resource{background:#fff;border-radius:22px;padding:21px;border:1px solid #d2e7ed}.channel h3,.resource h3{margin:9px 0}.channel a{font-weight:900;color:var(--blue)}.resource-grid{grid-template-columns:repeat(3,1fr)}.resource ul{padding-left:19px;margin-bottom:0}.safety{background:linear-gradient(120deg,#ffe16f,#ffb170);border-radius:27px;padding:28px}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.safe{background:#ffffffb8;padding:15px;border-radius:15px}.safe b{display:block}dialog{width:min(900px,94%);max-height:90vh;border:0;border-radius:26px;padding:0;box-shadow:0 24px 80px #08243359;color:var(--ink)}dialog::backdrop{background:#091e2bb3}.modal-head{background:linear-gradient(100deg,#0b6f8c,#35a179);color:#fff;padding:24px 28px;display:flex;justify-content:space-between}.close{border:0;background:#ffffff30;color:#fff;width:42px;height:42px;border-radius:14px;cursor:pointer}.modal-body{padding:25px 28px}.plan{display:grid;grid-template-columns:1fr 1fr;gap:14px}.block{border:1px solid var(--line);border-radius:17px;padding:17px}.block p,.block ul{margin:7px 0 0}.full{grid-column:1/-1;background:#fff8d9}.adapt{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.adapt div{padding:15px;border-radius:14px;background:var(--sky)}.adapt div:last-child{background:var(--mint)}footer{background:#0d293b;color:#d2e5ed;padding:34px 0}.footer{display:flex;justify-content:space-between}.footer strong{color:#fff;font:800 1.3rem 'Baloo 2'}
.credit{display:block;margin-top:4px;font-size:.76rem;color:#86a7b6;letter-spacing:.02em}@media(max-width:900px){.links{display:none}.hero-grid,.schedule{grid-template-columns:1fr}.lesson-grid,.video-grid{grid-template-columns:1fr 1fr}.method-grid,.channel-grid{grid-template-columns:1fr 1fr}.tools{grid-template-columns:1fr}}@media(max-width:600px){section{padding:50px 0}.head{align-items:start;flex-direction:column}.lesson-grid,.video-grid,.method-grid,.channel-grid,.resource-grid,.plan,.safety-grid{grid-template-columns:1fr}.full{grid-column:auto}.adapt{grid-template-columns:1fr}.modal-body,.modal-head{padding:20px}.footer{flex-direction:column;gap:12px}}
/* Propios de esta página */
.page-intro{background:linear-gradient(135deg,#daf5ff,#ecffe4 64%,#fff7d5);padding:54px 0 46px}
.page-intro h1{font-size:clamp(2.3rem,5.5vw,3.9rem);max-width:900px}
.page-intro p{max-width:760px;font-size:1.1rem;margin:14px 0 0;color:#3f6474}
.page-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.page-nav a{border:2px solid #c9e3e7;border-radius:999px;padding:9px 15px;background:#fff;color:var(--blue);font-weight:900;text-decoration:none;font-size:.92rem}
.page-nav a:hover{border-color:var(--blue)}
.back-home{display:inline-flex;align-items:center;gap:7px;border:1px solid #d3e3e2;border-radius:999px;padding:10px 14px;background:#fff;text-decoration:none;font-weight:900}
.legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.85rem;font-weight:800}
.legal-links a{color:#bcd9e6;text-decoration:none}
.legal-links a:hover{text-decoration:underline}
@media(max-width:600px){.page-intro{padding:38px 0 32px}.page-nav a{font-size:.85rem;padding:8px 12px}}