.teaching-section{margin-top:64px;padding:40px;border-radius:30px;background:var(--navy);color:white;box-shadow:0 18px 55px #18334d22}.teaching-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.teaching-heading h2{font:700 40px/1.08 Georgia,serif;margin:0}.teaching-heading>span{padding:10px 15px;border:1px solid #ffffff40;border-radius:999px;color:#d9e9ed;font-size:12px;font-weight:700;white-space:nowrap}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.activity-card{min-height:250px;padding:22px;border-radius:22px;color:var(--navy);display:flex;flex-direction:column}.activity-1{background:#ffe1d8}.activity-2{background:#fff0b8}.activity-3{background:#cce9d3}.activity-4{background:#d9ebf6}.activity-top{display:flex;align-items:center;justify-content:space-between}.activity-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;font-size:25px;box-shadow:0 6px 16px #17314914}.activity-type{font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.activity-card h3{font:700 25px/1.15 Georgia,serif;margin:30px 0 10px}.activity-card p{margin:0;color:#40576b;font-size:14px;line-height:1.58}@media(max-width:950px){.activity-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.teaching-section{margin-top:40px;padding:24px 18px;border-radius:24px}.teaching-heading{align-items:flex-start;flex-direction:column}.teaching-heading h2{font-size:32px}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:auto}.activity-card h3{margin-top:22px}}
.example-card.is-speaking{outline:3px solid var(--teal);transform:translateY(-4px);box-shadow:0 12px 25px #1b9b9225;transition:.2s ease}.example-card.is-speaking .sound{background:var(--teal);color:white;animation:pulse 1s infinite}.listen-all{border:0;border-radius:999px;padding:13px 19px;color:white;background:var(--teal);font-weight:800;cursor:pointer;white-space:nowrap}.listen-all:hover,.listen-all:focus-visible{background:#137c75;outline:3px solid #87d6ce;outline-offset:3px}@keyframes pulse{50%{transform:scale(1.12)}}@media(max-width:800px){.listen-all{width:100%}}
.visual{position:relative;display:block;width:132px;height:94px;margin:auto}.igloo-art{width:132px;height:78px;border:3px solid #9bb9c5;border-radius:74px 74px 14px 14px;background-color:#eaf8ff;background-image:linear-gradient(#a9c7d2 2px,transparent 2px),linear-gradient(90deg,#a9c7d2 2px,transparent 2px);background-size:33px 23px;box-shadow:inset 0 8px 18px #fff,0 8px 10px #1731491f}.igloo-art:after{content:"";position:absolute;right:-18px;bottom:-2px;width:47px;height:48px;border:3px solid #9bb9c5;border-bottom:0;border-radius:28px 28px 5px 5px;background:#dff1f7}.igloo-art i{position:absolute;z-index:1;right:-4px;bottom:-2px;width:22px;height:33px;border-radius:15px 15px 2px 2px;background:#31536b}.zoo-art{display:flex;align-items:end;justify-content:center;width:180px;gap:0}.zoo-art:before{content:"";position:absolute;left:5px;right:5px;bottom:2px;height:10px;border-radius:50%;background:#78b96555}.zoo-art i{position:relative;font-style:normal;font-size:64px;line-height:1;filter:drop-shadow(0 6px 4px #17314922)}.zoo-art i:nth-child(2){font-size:55px;margin-left:-9px}.zoo-art i:nth-child(3){font-size:52px;margin-left:-8px}
:root{--navy:#18334d;--cream:#fff8eb;--orange:#ff6c45;--yellow:#ffd04a;--teal:#1b9b92;--ink:#173149}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fffdf7;border-bottom:1px solid #eadfcb}.brand{display:grid;grid-template-columns:56px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;color:var(--navy);text-decoration:none}.brand-logo{grid-row:1/3;width:56px;height:auto}.brand-copy{display:contents}.brand-copy strong{align-self:end;font-size:18px;font-weight:900;letter-spacing:.01em;line-height:1}.brand-copy small{align-self:start;margin-top:4px;color:#687785;font-size:9px;font-weight:900;letter-spacing:.13em;line-height:1;text-transform:uppercase}.kit-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.hero{min-height:560px;padding:74px 8vw;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden;background:var(--navy);color:white}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--yellow);margin:0 0 18px}.eyebrow.dark{color:var(--orange)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-4px;margin:0;font-weight:700}.intro{max-width:520px;font-size:20px;line-height:1.55;color:#dce9ed;margin:26px 0 34px}.primary-button{display:inline-flex;align-items:center;gap:20px;border-radius:999px;padding:15px 23px;background:var(--orange);color:white;text-decoration:none;font-weight:800}.hero-art{position:relative;min-height:390px}.sun{position:absolute;right:8%;top:0;color:var(--yellow);font-size:90px}.letter-card{position:absolute;display:grid;place-items:center;width:180px;height:220px;border-radius:24px;box-shadow:0 22px 40px #071a2c55;font:bold 125px/1 Georgia,serif}.card-a{background:var(--yellow);color:var(--navy);left:15%;top:75px;transform:rotate(-9deg)}.card-b{background:var(--orange);color:white;left:43%;top:130px;transform:rotate(7deg)}.card-c{width:135px;height:170px;background:#87d6ce;color:var(--navy);left:66%;top:55px;transform:rotate(15deg);font-size:90px}.pencil{position:absolute;left:15%;bottom:0;font-size:90px;color:#fff;transform:rotate(-20deg)}.alphabet-section{padding:74px 6vw 90px;max-width:1400px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2,.lesson-title h2{font:700 44px/1 Georgia,serif;margin:0}.section-heading>p{max-width:360px;line-height:1.6;color:#5c6d7b}.letter-strip{display:flex;gap:8px;overflow-x:auto;padding:28px 0 22px;scrollbar-width:thin}.letter-strip button{flex:0 0 47px;height:47px;border:1px solid #d7cbb7;border-radius:14px;background:#fffdf8;color:var(--navy);font-weight:800;cursor:pointer}.letter-strip button.active{background:var(--orange);color:white;border-color:var(--orange);transform:translateY(-3px);box-shadow:0 7px 15px #ff6c4535}.lesson-card{background:white;border-radius:30px;padding:36px;box-shadow:0 15px 60px #53391012}.lesson-title{display:flex;align-items:center;gap:25px}.big-letter{display:grid;place-items:center;flex:0 0 104px;height:104px;border-radius:26px;background:var(--yellow);font:700 72px/1 Georgia,serif}.lesson-title p:last-child{color:#687785;margin:10px 0 0}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.example-card{position:relative;min-height:235px;padding:18px;border-radius:22px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.example-card.coral{background:#ffe1d8}.example-card.yellow{background:#fff0b8}.example-card.green{background:#cce9d3}.example-card.blue{background:#d9ebf6}.emoji{font-size:82px;text-align:center;margin:auto;filter:drop-shadow(0 7px 5px #172e4520)}.example-card strong{font:700 26px/1.2 Georgia,serif}.example-card>span:last-child{font-size:13px;color:#526779;margin-top:4px}.sound{position:absolute;right:14px;top:14px;border:0;border-radius:50%;width:36px;height:36px;background:white;color:var(--navy);cursor:pointer}.lesson-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;border-top:1px solid #e9e1d5}.lesson-footer p{max-width:650px;font-size:14px;line-height:1.5;color:#667785}.download-button{border:0;border-radius:999px;padding:13px 19px;color:white;background:var(--teal);font-weight:800;cursor:pointer}.coming-soon{margin:32px 0;padding:80px 20px;border:2px dashed #d8cbb7;border-radius:22px;text-align:center;color:#75818a;font-weight:700}@media(max-width:800px){.topbar{height:72px;padding:0 20px}.brand{grid-template-columns:47px auto;column-gap:9px}.brand-logo{width:47px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:8px}.kit-label{display:none}.hero{grid-template-columns:1fr;padding:58px 24px 42px;min-height:680px}.hero-art{min-height:290px;margin-top:25px}h1{font-size:57px;letter-spacing:-2.5px}.intro{font-size:17px}.letter-card{width:125px;height:155px;font-size:88px}.card-a{left:5%;top:55px}.card-b{left:34%;top:90px}.card-c{left:65%;top:35px;width:95px;height:120px;font-size:65px}.pencil{font-size:65px}.alphabet-section{padding:55px 18px}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:38px}.lesson-card{padding:22px;border-radius:24px}.lesson-title{align-items:flex-start}.big-letter{flex-basis:76px;height:76px;font-size:54px}.lesson-title h2{font-size:30px}.example-grid{grid-template-columns:1fr 1fr}.example-card{min-height:205px}.lesson-footer{align-items:flex-start;flex-direction:column}.download-button{width:100%}}
.next-stage{border-radius:999px;padding:13px 19px;color:white;background:var(--teal);font-size:13px;font-weight:800;white-space:nowrap}@media(max-width:800px){.next-stage{width:100%;text-align:center}}
.big-letter{position:relative;border:0;color:var(--navy);cursor:pointer;transition:.2s ease}.big-letter>span{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:var(--navy);font:700 12px/1 Arial,sans-serif}.big-letter:hover,.big-letter:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px #17314925;outline:3px solid #87d6ce;outline-offset:3px}.big-letter.is-speaking{background:var(--teal);color:#fff}.big-letter.is-speaking>span{animation:pulse 1s infinite}.lesson-title p:last-of-type{color:#687785;margin:10px 0 0}.letter-audio-button{margin-top:14px;padding:9px 14px;border:1px solid #d7cbb7;border-radius:999px;background:#fffdf8;color:var(--navy);font-size:12px;font-weight:800;cursor:pointer}.letter-audio-button:hover,.letter-audio-button:focus-visible{border-color:var(--teal);outline:3px solid #87d6ce;outline-offset:2px}
.printable-section{margin-top:28px;padding:30px 34px;border:1px solid #e4d6c0;border-radius:28px;background:#fffdf8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:34px;box-shadow:0 12px 35px #5339100c}.printable-copy h2{font:700 32px/1.08 Georgia,serif;margin:0}.printable-copy>p:not(.eyebrow){margin:10px 0 16px;color:#667785;line-height:1.55}.printable-word-list{display:flex;gap:8px;flex-wrap:wrap}.printable-word-list span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#f1eadc;color:var(--navy);font-size:12px;font-weight:800}.printable-word-list b{font-size:19px;line-height:1}.printable-download{min-width:245px;display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:18px;background:var(--orange);color:#fff;text-decoration:none;box-shadow:0 10px 24px #ff6c4530;transition:.2s ease}.printable-download>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffff26;font-size:26px}.printable-download strong,.printable-download small{display:block}.printable-download strong{font-size:15px}.printable-download small{margin-top:4px;color:#ffe9e2;font-size:10px}.printable-download:hover,.printable-download:focus-visible{transform:translateY(-3px);background:#e95734;outline:3px solid #ffb8a5;outline-offset:3px}@media(max-width:800px){.printable-section{grid-template-columns:1fr;padding:24px 20px}.printable-copy h2{font-size:29px}.printable-download{min-width:0;width:100%}}

/* Adaptacion de la version de Sites a rutas permanentes y acceso directo por QR. */
/* A–Z completo: las letras saltan de fila, nunca quedan fuera de la pantalla. */
.alphabet-section .letter-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.75rem,1fr));gap:8px;overflow:visible;margin-inline:0;padding-inline:0}
.alphabet-section .letter-strip a{min-width:44px;height:auto;min-height:2.9375rem;font-size:1.125rem}
@media(min-width:800px){.alphabet-section .letter-strip{grid-template-columns:repeat(13,minmax(0,1fr))}}
.letter-strip a{display:grid;place-items:center;flex:0 0 47px;height:47px;border:1px solid #d7cbb7;border-radius:14px;background:#fffdf8;color:var(--navy);font-weight:800;text-decoration:none;cursor:pointer}.letter-strip a.active{background:var(--orange);color:white;border-color:var(--orange);transform:translateY(-3px);box-shadow:0 7px 15px #ff6c4535}.letter-strip a:focus-visible{outline:3px solid #87d6ce;outline-offset:2px}.direct-letter .hero{display:none}.direct-letter .alphabet-section{padding-top:32px}.direct-letter .section-heading{display:none}.direct-letter .letter-strip{padding-top:0}.route-note{margin:0 0 18px;color:#667785;font-size:13px}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.lesson-nav a{padding:12px 16px;border:1px solid #d7cbb7;border-radius:999px;background:#fffdf8;color:var(--navy);font-size:13px;font-weight:800;text-decoration:none}.lesson-nav a:hover,.lesson-nav a:focus-visible{border-color:var(--teal);outline:3px solid #87d6ce;outline-offset:2px}.emoji{line-height:1}.sound{display:grid;place-items:center}.topbar{position:relative;z-index:2}.skip-link{position:absolute;left:12px;top:-60px;padding:10px 14px;border-radius:8px;background:white;color:var(--navy);font-weight:800;z-index:10}.skip-link:focus{top:10px}@media(max-width:600px){.direct-letter .alphabet-section{padding-top:20px}.letter-strip{margin-inline:-18px;padding-inline:18px}.lesson-title{gap:14px}.lesson-title>div{min-width:0}.lesson-title p:last-of-type{font-size:14px;line-height:1.45}.example-grid{gap:10px}.example-card{min-height:190px;padding:14px}.emoji{font-size:68px}.example-card strong{font-size:22px}.teaching-section{margin-inline:-2px}.lesson-nav a{flex:1;text-align:center}}