/* Color y relieve compartidos entre las vistas de biblioteca, actividades y equipo. */
body.private #sidebar{background:linear-gradient(155deg,#e6ddf1 0%,#dcece6 58%,#f8e7d9 100%)}
body.private .side-nav a{display:flex;align-items:center;gap:12px;color:#554b60;margin:0 0 5px;padding:7px 11px;min-height:52px;border-radius:17px;transition:background .2s,transform .2s}
body.private .side-nav a>.icon{display:block;flex:none;width:31px;height:31px;padding:6px;border-radius:9px;color:#5c7770;background:linear-gradient(145deg,#f9fffa,#b7d9d0);box-shadow:inset 1px 2px 2px #fff,0 3px 0 #aac4b8,0 5px 6px #5d687b24;filter:drop-shadow(0 1px 1px #4d465c18)}
body.private .side-nav a:nth-child(2)>.icon{color:#2f8f8a;background:linear-gradient(145deg,#f0ffff,#a2dfd6)}
body.private .side-nav a:nth-child(3)>.icon{color:#d57867;background:linear-gradient(145deg,#fff9f4,#ffc9ba)}
body.private .side-nav a:nth-child(4)>.icon{color:#bc872c;background:linear-gradient(145deg,#fffdf0,#ffdf92)}
body.private .side-nav a:nth-child(5)>.icon{color:#7966ac;background:linear-gradient(145deg,#faf6ff,#d4c0f4)}
body.private .side-nav a:nth-child(6)>.icon{color:#417dba;background:linear-gradient(145deg,#f2fbff,#bbdaef)}
body.private .side-nav a:nth-child(7)>.icon{color:#aa8670;background:linear-gradient(145deg,#fffaf4,#f0d4c3)}
body.private .side-nav a.active,body.private .side-nav a[aria-current=page]{background:linear-gradient(145deg,#bfa6e3,#aa91db);color:white;box-shadow:inset 1px 2px 1px #e6d9ff,0 4px 0 #8973b7,0 8px 12px #70659332}
body.private .side-nav a.active>.icon,body.private .side-nav a[aria-current=page]>.icon{color:#7e5cb0;background:linear-gradient(145deg,#fffdfa,#e7d8f9);box-shadow:inset 1px 2px 1px #fff,0 3px 0 #9079b5,0 4px 7px #59427840}
body.private .side-nav a.active::before{display:none}
body.private .side-nav a:hover{transform:translateY(-1px)}
body.private .story-card,body.private .track-card,body.private .activity-card,body.private .soft-panel,body.private .account-card{border:2px solid #fff8;box-shadow:0 6px 0 #dfcfbe,0 14px 21px #6a574326}
body.private .story-card:nth-child(3n+1){background:#fff1e6}body.private .story-card:nth-child(3n+2){background:#edf4ed}body.private .story-card:nth-child(3n){background:#f4eefe}
body.private .story-image:has(.public-story-cover){height:auto;aspect-ratio:1.45;overflow:hidden}
body.private .story-image>.public-story-cover{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
body.private .story-card h3,body.private .track-card h3{color:#503f44}
body.private .track-art,body.private .activity-art,body.private .plan-art{box-shadow:inset 1px 2px 4px #fff9,0 5px 0 #d4bea8,0 9px 13px #7b665326}
body.private .round-button,body.private .icon-button{box-shadow:inset 1px 2px 1px #fff9,0 3px 0 #d5c6b8,0 6px 9px #725f5129}
body.private .header-tool{background:linear-gradient(150deg,#fffdf8,#eee7e0);border:1px solid #fff;box-shadow:0 3px 0 #d5c7bd,0 5px 9px #62544720;border-radius:13px}
body.private .page-intro .eyebrow,body.private .section-heading .eyebrow{color:#a47b68}
/* Acceso con Tomi y Lila recortados, asomándose tras la tarjeta de datos. */
body.access-page{min-height:100vh;background:radial-gradient(circle at 20% 26%,#eadbf6 0,#ceb3e8 42%,#ae92d0 100%)}
.access-page #header{height:75px}.access-page #header .header-inner{max-width:1440px}
.access-page #main{max-width:1440px;padding:0 64px 60px}
.access-page .access-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,510px);align-items:center;max-width:1320px;min-height:calc(100vh - 115px);gap:clamp(42px,5vw,88px);margin:auto}
.access-page .access-story{display:block;max-width:600px}
.access-page .access-story h1{color:#fff9f4;text-shadow:0 3px 0 #9e80b9,0 10px 20px #634b7840}
.access-page .access-story h1 em{color:#ffbc9d}
.access-page .access-story .access-lead{font-size:17px;color:#fffaf8;text-shadow:0 2px 8px #71547e55}
.access-page .access-illustration{filter:drop-shadow(0 20px 17px #6b527a38)}
.access-page .access-form-side{max-width:510px;padding:8px 0 0}
.access-page .access-form-card{position:relative;isolation:isolate;padding:30px 40px 25px;border:2px solid #fff9;border-radius:40px;background:linear-gradient(155deg,#fff8f3,#fcece7);box-shadow:inset 0 2px 6px #fff,0 9px 0 #9678b5,0 22px 38px #604b784d}
.access-page .access-form-card:before{content:'♥';display:block;text-align:center;color:#f49aa6;text-shadow:0 3px 0 #d47387,0 5px 9px #8e5c7299;font-size:28px;line-height:1;margin-bottom:7px}
.access-page .access-welcome{justify-content:center;margin-bottom:9px;color:#9e76bc;font-size:10px;letter-spacing:.15em}
.access-page .access-form-card h2{text-align:center;color:#8c69ae;font-size:39px;line-height:1.05;margin:0 0 7px;text-shadow:0 2px 0 #fff}
.access-page .access-form-card>p{text-align:center;color:#806d78;line-height:1.45;font-size:12px}
.access-page .pastel-login-dinos{position:relative;z-index:1;height:275px;overflow:hidden;margin:-30px -13px -37px;background:none;text-align:center}
.access-page .pastel-login-dinos img,.access-page .pastel-login-dinos img:first-child{display:block;position:static;transform:none;width:350px;max-width:100%;height:auto;object-fit:contain;margin:auto;filter:drop-shadow(0 7px 8px #7e5a7b38)}
.access-page .access-form{position:relative;z-index:2;margin:0;padding:20px 24px 23px;border-radius:27px;background:linear-gradient(170deg,#fffefd,#ffefe9);border:2px solid #fff;box-shadow:0 6px 0 #d9bfc4,0 12px 21px #71577030}
.access-page .access-form label{font-weight:600;color:#725d79}
.access-page .access-input{border:1px solid #ead5de;background:#fffaf8;border-radius:20px;box-shadow:inset 0 2px 2px #fff,0 4px 0 #e5cbd5,0 7px 8px #8f6a7f1c}
.access-page .access-input>.icon{color:#9573c4}
.access-page .access-label-row a{color:#8e66b5}
.access-page .access-submit{background:linear-gradient(#ae8bd9,#9471c8)!important;color:#fff;box-shadow:inset 0 2px 1px #d6b6ef,0 5px 0 #795aa8,0 10px 13px #60477b55;border-radius:20px}
.access-page .access-security{color:#786e81}.access-page .access-first{border-color:#e9d7e9}
.access-page .access-back{color:#fffaf9}
@media(max-width:950px){.access-page #header .header-inner{max-width:680px}.access-page #main{max-width:680px;padding:0 28px 45px}.access-page .access-layout{grid-template-columns:1fr;gap:8px;min-height:0}.access-page .access-story{max-width:510px;justify-self:center;text-align:center;padding:5px 0 0}.access-page .access-story h1{font-size:40px}.access-page .access-lead{margin:12px auto 0}.access-page .access-illustration,.access-page .access-bottom{display:none}}
@media(max-width:700px){body.private .side-nav a{min-height:48px}body.private .side-nav a>.icon{width:29px;height:29px}}
@media(max-width:700px){.access-page #header{height:72px}.access-page #main{padding:0 14px 35px}.access-page .access-form-side{padding:5px 0 0}.access-page .access-form-card{padding:23px 18px 22px;border-radius:29px}.access-page .access-form-card h2{font-size:31px}.access-page .pastel-login-dinos{height:218px;margin:-17px -12px -31px}.access-page .pastel-login-dinos img,.access-page .pastel-login-dinos img:first-child{width:290px}.access-page .access-form{padding:18px 17px 20px}.access-page .access-first{margin-top:18px}}
/* Canciones legibles y una escena distinta para cada categoría. */
.private .category-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:174px;margin:14px 0 22px;padding:25px 31px;border:2px solid #fff;border-radius:26px;box-shadow:0 6px 0 #dfcfbe,0 13px 21px #6a57431c;overflow:hidden}
.category-banner.mint{background:linear-gradient(110deg,#d8eee5,#f6f9e9)}.category-banner.butter{background:linear-gradient(110deg,#ffedbd,#fff6df)}.category-banner.peach{background:linear-gradient(110deg,#ffd7c6,#fff0df)}.category-banner.lavender{background:linear-gradient(110deg,#e3d8f4,#f6edfb)}
.category-banner .eyebrow{font-size:11px;letter-spacing:.15em;margin:0 0 9px;color:#98715e}.category-banner h2{font:600 clamp(25px,2.4vw,34px) KindomyFredoka,Poppins,sans-serif;color:#513c40;margin:0 0 8px}.category-banner p:last-child{font-size:15px;color:#665657}.category-banner-art{width:140px;height:125px;flex:none;filter:drop-shadow(0 8px 4px #8c6d6a22)}
body.private .chips button{font-size:14px;min-height:46px;padding:9px 17px}body.private .library-note{font-size:14px;line-height:1.55}body.private .track-copy h3{font-size:18px;line-height:1.3}body.private .track-category{font-size:12px}body.private .track-copy p{font-size:13px;line-height:1.45}body.private .track-card{min-height:126px}body.private .track-card .select-track{width:46px;height:46px}
/* Los cuentos usan tarjetas compactas con un control de audio visible. */
body.private .story-grid{gap:20px}body.private .story-card{overflow:hidden}body.private .story-image{height:clamp(175px,20vw,230px)}body.private .story-content{padding:19px 23px 23px}body.private .story-content h3{font-size:22px;margin:4px 0 7px}body.private .story-content p{font-size:14px;line-height:1.45;margin:0 0 14px}.story-mini-player{display:flex;align-items:center;gap:13px;min-height:58px;padding:8px 12px;border-radius:16px;background:linear-gradient(95deg,#f8dfd4,#ffedce);border:1px solid #edcdbf}.story-play{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;background:#f28f7e;color:white;box-shadow:0 4px 0 #b96c60}.story-play .icon{width:19px;height:19px}.story-equalizer{display:flex;align-items:center;gap:2px;flex:1;min-width:25px;height:30px;overflow:hidden}.story-equalizer i{width:3px;min-width:3px;height:var(--h);border-radius:4px;background:#f28f7e}.story-equalizer i:nth-child(3n){background:#6dbab7}.story-equalizer i:nth-child(4n){background:#d49fda}.story-card.selected .story-equalizer i{animation:story-pulse .8s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -20ms)}.story-duration{font-size:12px;color:#6b5658;white-space:nowrap}@keyframes story-pulse{to{transform:scaleY(.45)}}
@media(max-width:700px){.private .category-banner{min-height:145px;padding:18px 20px;gap:5px}.category-banner-art{width:94px;height:94px}.category-banner h2{font-size:24px}.category-banner p:last-child{font-size:13px}body.private .track-copy h3{font-size:16px}body.private .track-copy p{font-size:12px}body.private .track-category{font-size:11px}body.private .story-image{height:190px}body.private .story-content{padding:17px 19px 21px}body.private .story-content h3{font-size:20px}.story-duration{font-size:11px}}
@media(prefers-reduced-motion:reduce){.story-card.selected .story-equalizer i{animation:none}}
.track-equalizer{display:flex;align-items:center;gap:2px;height:25px;max-width:190px;margin-top:7px;overflow:hidden}.track-equalizer i{display:block;flex:none;width:3px;height:var(--h);border-radius:4px;background:#f18e7e}.track-equalizer i:nth-child(3n){background:#65b8b4}.track-equalizer i:nth-child(4n){background:#d49ed8}.track-card.selected.is-playing .track-equalizer i,.story-card.selected.is-playing .story-equalizer i{animation:story-pulse .8s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -18ms)}.track-card.selected:not(.is-playing) .track-equalizer i,.story-card.selected:not(.is-playing) .story-equalizer i{animation:none}
body.private .track-grid .track-card:nth-child(odd){background:#f6eaf0}body.private .track-grid .track-card:nth-child(even){background:#e8f2ed}
body.private .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.private .story-card{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:168px;align-items:stretch}body.private .story-image{height:100%;min-height:168px}body.private .story-image .public-story-cover{width:100%;height:100%;object-fit:cover}body.private .story-image .cover-badge{display:none}body.private .story-content{padding:15px 17px}body.private .story-content h3{font-size:18px;line-height:1.2;margin:3px 0 5px}body.private .story-content p{font-size:12px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.private .story-mini-player{padding:5px 8px;gap:8px;min-height:48px}body.private .story-play{width:37px;height:37px}body.private .story-duration{font-size:10px}
body.private .story-card .story-image,body.private .story-card .story-image:has(.public-story-cover){width:138px;min-width:0;height:auto;min-height:168px;aspect-ratio:auto;overflow:hidden}body.private .story-card .story-image .art{max-width:100%;width:115px;height:115px}body.private .story-card .story-content{min-width:0;overflow:hidden}
@media(max-width:1450px){body.private .story-grid{grid-template-columns:1fr}body.private .story-card{grid-template-columns:160px minmax(0,1fr)}body.private .story-card .story-image,body.private .story-card .story-image:has(.public-story-cover){width:160px}}
.kit-recipe-empty{display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#f7e8f4,#e4f4eb,#fff0d2);padding:28px}.kit-recipe-empty-art{display:block;flex:none;width:130px;height:130px}.kit-recipe-empty-art .art{width:100%;height:100%}.kit-recipe-empty h2{font-size:25px}.kit-recipe-empty p{font-size:15px;line-height:1.5}.kit-recipe-empty .kit-actions{margin-top:15px}
@media(max-width:760px){body.private .story-grid{grid-template-columns:1fr}body.private .story-card{grid-template-columns:104px minmax(0,1fr)}body.private .story-card .story-image,body.private .story-card .story-image:has(.public-story-cover){width:104px;min-height:155px}.kit-recipe-empty{display:block}.kit-recipe-empty-art{width:90px;height:90px;margin:auto auto 12px}}
@media(prefers-reduced-motion:reduce){.track-card.selected.is-playing .track-equalizer i,.story-card.selected.is-playing .story-equalizer i{animation:none}}
/* Una línea de audio de colores conserva el deslizador accesible. */
.player-eq-seek{position:relative;flex:1;min-width:90px;height:32px;display:flex;align-items:center}.player-eq{position:absolute;inset:0;display:flex;gap:2px;align-items:center;overflow:hidden;pointer-events:none}.player-eq i{flex:1;min-width:2px;height:var(--h);border-radius:5px;background:#b6cac6}.player-eq-active{clip-path:inset(0 calc(100% - var(--played)) 0 0)}.player-eq-active i:nth-child(4n+1){background:#f58f83}.player-eq-active i:nth-child(4n+2){background:#f5bb67}.player-eq-active i:nth-child(4n+3){background:#6dbbb9}.player-eq-active i:nth-child(4n){background:#b994d6}.player-eq-seek .seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.player-eq-seek:focus-within{outline:3px solid #ef9b83;outline-offset:3px;border-radius:8px}.player-mode.is-on{background:#fff8ec!important;color:#8d5ab1!important;box-shadow:0 3px 0 #c5afca}.player-controls .player-control-area{gap:4px}@media(max-width:700px){.player-eq-seek{height:30px}.player-eq i{min-width:2px}.player-controls .player-control-area{gap:2px}.player-control-area .player-mode{min-width:34px}}

/* Short descriptions on hover and keyboard focus for every audio control. */
.player-control-area button[data-tooltip]::before{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:8;transform:translate(-50%,4px);padding:7px 10px;border-radius:8px;background:#403b42;color:#fff;font:600 12px/1.2 Poppins,sans-serif;white-space:nowrap;box-shadow:0 5px 14px #433a3a35;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.player-control-area button[data-tooltip]:is(:hover,:focus-visible)::before{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.player-control-area button[data-tooltip]::before{transition:none}}
/* Inglés interactivo en la vista completa. */
.english-course{max-width:1160px;margin:0 auto;padding:12px 0 40px}.english-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 36px;border:2px solid #fff;border-radius:30px;background:linear-gradient(105deg,#e5d8f6,#fbe5d8);box-shadow:0 7px 0 #d8c3d4}.english-hero h1{font:600 clamp(32px,4vw,51px) KindomyFredoka,Poppins,sans-serif;color:#513c58;margin:8px 0}.english-hero p:last-child{font-size:15px;max-width:580px}.english-hero>span{width:170px;height:150px;flex:none}.english-disclaimer{margin:20px 0;font-size:13px}.english-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.english-topic{display:flex;flex-direction:column;text-align:left;align-items:flex-start;min-height:265px;padding:20px;border:2px solid #fff;border-radius:24px;background:#ffebd4;box-shadow:0 6px 0 #ddcec4}.english-topic.mint{background:#e1f1e6}.english-topic.peach{background:#fbe0d5}.english-topic.butter{background:#fff0cb}.english-topic.lavender{background:#e9e1f3}.english-topic:hover{transform:translateY(-2px)}.english-topic-art{align-self:center;width:105px;height:105px}.english-topic-number{font-size:11px;letter-spacing:.1em;color:#957063}.english-topic strong{font:600 23px KindomyFredoka,Poppins,sans-serif;color:#4b3d43;margin:7px 0 3px}.english-topic small{font-size:13px;color:#695d5d}.english-topic em{display:flex;align-items:center;gap:6px;margin-top:auto;color:#277f82;font-size:13px;font-weight:700;font-style:normal}.english-topic em svg{width:17px;height:17px}.english-lesson{max-width:820px}.english-lesson-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#795f6a}.english-back{color:#277f82;font-weight:700;min-height:44px}.english-lesson>progress{width:100%;height:13px;margin:12px 0 23px;accent-color:#73bdb5}.english-question{display:flex;align-items:center;gap:18px;padding:24px;border:2px solid #fff;border-radius:26px;background:#fff0e4;box-shadow:0 6px 0 #e6d1c5}.english-question-art{width:135px;height:135px;flex:none}.english-question h1{font:600 clamp(27px,3vw,38px) KindomyFredoka,Poppins,sans-serif;color:#4d394b}.english-question p:last-child{font-size:14px;margin-top:8px}.english-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.english-answers button{display:flex;align-items:center;gap:15px;min-height:76px;padding:15px;border:2px solid #e8d7ca;border-radius:17px;background:#fffaf5;box-shadow:0 4px 0 #e4d2c5;text-align:left;font-size:17px;font-weight:600}.english-answers button:nth-child(2n){background:#eee7f7}.english-answers button span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#ffe0cd;color:#aa665b}.english-answers button.correct{border-color:#64b9a3;background:#dff2e6}.english-answers button.incorrect{border-color:#e58b94;background:#fde4e5}.english-answers button:disabled{opacity:1}.english-feedback{display:flex;align-items:center;gap:13px;padding:16px 19px;border-radius:17px;background:#e0f2e6}.english-feedback.incorrect{background:#fce8e8}.english-feedback>span{font-size:25px;color:#399b84}.english-feedback strong{font-size:17px}.english-feedback p{font-size:13px}.english-feedback button{display:flex;align-items:center;gap:5px;margin-left:auto;color:#287d7c;font-size:13px;font-weight:700}.english-feedback button .icon{width:20px}.english-next{margin-top:19px}.english-finish{text-align:center;border:2px solid #fff;border-radius:28px;background:#f3eafa;padding:30px;box-shadow:0 6px 0 #d9c6e1}.english-finish>span{display:block;width:170px;height:170px;margin:auto}.english-finish h1{font:600 38px KindomyFredoka,Poppins,sans-serif}.english-finish p{margin:10px auto 22px;max-width:500px}.english-finish>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:850px){.english-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.english-hero{padding:20px}.english-hero>span{width:80px;height:90px}.english-hero p:last-child{font-size:12px}.english-topic-grid{gap:10px}.english-topic{min-height:220px;padding:13px}.english-topic-art{width:78px;height:78px}.english-topic strong{font-size:18px}.english-topic small{font-size:11px}.english-question{padding:17px}.english-question-art{width:85px;height:85px}.english-answers{gap:8px}.english-answers button{min-height:64px;padding:9px;font-size:13px;gap:8px}.english-answers button span{width:29px;height:29px}.english-feedback{flex-wrap:wrap}.english-feedback button{margin-left:0}}@media(max-width:390px){.english-topic-grid{grid-template-columns:1fr}.english-topic{min-height:0}}
.story-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.story-title-row h3{min-width:0;margin:4px 0 7px;overflow-wrap:anywhere}
.story-favorite{display:grid;place-items:center;flex:none;width:39px;height:39px;padding:0;border-radius:50%;background:#f1e8f6;color:#795c89;border:2px solid #fff;box-shadow:0 3px 0 #d9ccdc}
.story-favorite.is-favorite{background:#fbd9d1;color:#b96764}
.story-favorite:focus-visible{outline:3px solid #387e83;outline-offset:3px}