/* DaDeep Educación · Web pública. Paleta compartida con /system. Sin fuentes externas. */
:root{color-scheme:light;--bg:#f6f5ff;--ink:#24304d;--muted:#5b647e;--border:#dcdcef;--violet:#5846b1;--violet-dark:#42318f;--pink:#ff398a;--pink-dark:#aa225d;--teal:#087d6c;--soft:#ede9ff;--white:#fff;--shadow:0 15px 42px #2c2e6417}
*,*::before,*::after{box-sizing:border-box}
html{font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth;scroll-padding-top:100px;background:var(--bg);color:var(--ink)}
body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p,figure,blockquote{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.15}p{line-height:1.75}strong{font-weight:800}::selection{background:#d8caff;color:#211348}
:focus-visible{outline:3px solid #efaa00;outline-offset:4px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.narrow{max-width:820px}.center{text-align:center}.skip{position:absolute;z-index:1000;top:-140px;left:15px;padding:10px 15px;background:#fff;color:var(--violet);border:2px solid var(--violet)}.skip:focus{top:12px}
.site-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid #eae7f3}.head-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;flex:0 0 auto;align-items:center}.brand img{display:block;width:116px;height:auto}.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(12px,2vw,28px)}.main-nav a{text-decoration:none;font-size:.91rem;font-weight:750;color:#4d5470;padding:11px 0;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{color:var(--violet)}.main-nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--pink)}.head-actions{display:flex;align-items:center;gap:13px}.lang-switch{display:flex;gap:2px;white-space:nowrap}.lang-switch a{font-size:.7rem;text-decoration:none;color:#606d83;font-weight:850;padding:9px 6px;border-radius:6px}.lang-switch a[aria-current]{background:var(--soft);color:var(--violet)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;border-radius:13px;text-decoration:none;font-weight:830;padding:11px 18px;min-height:47px;text-align:center;transition:background .17s ease,transform .17s ease,box-shadow .17s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 8px 18px #5846b129}.btn-primary:hover{background:var(--violet-dark);border-color:var(--violet-dark)}.btn-pink{background:var(--pink);border-color:var(--pink);color:#fff}.btn-pink:hover{background:#cf246c;border-color:#cf246c}.btn-outline{background:#fff;border-color:#c9c1ea;color:var(--violet)}.btn-outline:hover{background:var(--soft)}.btn-xl{min-height:55px;padding:13px 24px}.eyebrow{display:inline-block;font-size:.72rem;color:var(--violet);font-weight:900;letter-spacing:.14em;line-height:1.5}.pill-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--teal);margin-right:7px}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:65px 0 72px;background:radial-gradient(circle at 7% 10%,#ffe0ec 0,transparent 31%),radial-gradient(circle at 95% 80%,#dcd7ff 0,transparent 39%),#fbfaff}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:clamp(35px,5vw,80px)}.hero-copy{max-width:660px}.hero h1{font-size:clamp(2.9rem,5.4vw,5rem);line-height:1.055;letter-spacing:-.065em;margin:18px 0 25px;color:#1d2d51}.hero-lead{font-size:clamp(1.07rem,1.8vw,1.24rem);line-height:1.68;font-weight:570;color:#3b4766;margin-bottom:12px;max-width:57ch}.hero-sub{color:var(--violet);font-weight:740;font-size:1.02rem;margin-bottom:28px}.action-row{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{min-width:0}.visual-frame{aspect-ratio:1;position:relative;overflow:hidden;padding:14px;border:1px solid #bfb0ff;background:linear-gradient(137deg,#9b89ff,#e7dfff);border-radius:40px;box-shadow:0 26px 65px #33226c2a;transform:rotate(2deg)}.visual-frame img{width:100%;height:100%;object-fit:cover;border-radius:29px;display:block;image-rendering:auto}.visual-badge{position:absolute;right:25px;top:18px;color:#ffdf9a;font-size:46px;text-shadow:0 3px 12px #160438}.hero-visual figcaption{font-size:.88rem;max-width:37ch;margin:24px auto 0;text-align:center;color:#4f5980;font-style:italic}
.manifesto{margin-top:-18px;position:relative;z-index:2}.manifesto-card{display:grid;grid-template-columns:minmax(0,1fr) 1.5fr;align-items:center;gap:10px 45px;padding:35px clamp(25px,4vw,55px);border-radius:26px;background:#fff;border:1px solid #e5dfee;box-shadow:var(--shadow)}.manifesto-card .eyebrow{grid-column:1/-1}.manifesto-card h2{font-size:clamp(2rem,3vw,3rem);color:var(--pink-dark);margin:0}.manifesto-card p{color:#47516c;margin:0;font-size:1.07rem}
.section{padding-top:105px;padding-bottom:105px}.section-head{text-align:center;max-width:800px;margin:0 auto 40px}.section-head h2{font-size:clamp(2rem,3.65vw,3.3rem);margin:10px 0 14px}.section-head p{color:var(--muted);margin:0;font-size:1.07rem}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pillar{min-width:0;border:2px solid transparent;border-radius:25px;padding:32px;position:relative}.pillar.pink{background:#fff0f6;border-color:#f5d3e3}.pillar.purple{background:#eeebff;border-color:#d9d0fc}.pillar.teal{background:#e4f6f1;border-color:#c4e9df}.pillar-num{position:absolute;right:27px;top:20px;font-size:1.04rem;font-weight:900;color:#75738c}.pillar-icon{display:grid;place-items:center;background:white;border-radius:18px;width:73px;height:73px;font-size:2rem;margin-bottom:27px;box-shadow:0 6px 20px #393b6c0d}.pillar h3{font-size:1.65rem;margin-bottom:14px}.pillar p{color:#4f5973;margin-bottom:0}
.pale-section{background:#fff;border-block:1px solid #eeeaf7}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;position:relative}.steps article{text-align:center;padding:12px 20px}.steps article>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--violet);color:white;font-size:1.6rem;font-weight:900;margin:0 auto 20px;box-shadow:0 7px 14px #5846b12c}.steps h3{font-size:1.62rem;margin-bottom:11px}.steps p{color:var(--muted);margin:0}
.split-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(35px,7vw,100px)}.split-section h2,.edu-section h2{font-size:clamp(2.1rem,3.3vw,3.1rem);margin:16px 0 20px}.split-section p,.edu-section p{color:#4f5973;font-size:1.08rem}.split-section blockquote{margin:25px 0 0;padding:8px 0 8px 22px;border-left:5px solid var(--pink);font-size:1.18rem;color:var(--violet);font-weight:790}.simple-illustration{min-height:410px;border-radius:32px;background:linear-gradient(145deg,#c8bcfd,#c2e6f2);display:grid;place-items:center;padding:35px}.mini-scene{border:4px solid #5241a9;background:#352a72;box-shadow:15px 16px 0 #8e7ccc;border-radius:24px;padding:28px 30px;color:#f8f1ff;width:min(100%,360px);min-height:310px;display:grid;justify-items:center;align-content:center;gap:20px}.mini-stars{align-self:end;color:#f8dc85}.mini-door{border:10px solid #9f76eb;border-bottom:0;background:linear-gradient(#31246b,#5b3288);height:150px;width:110px;border-radius:55px 55px 4px 4px;display:grid;place-items:center;color:#ffcc7f;font-size:3rem;font-weight:900}.mini-text{font-family:monospace;letter-spacing:3px;font-size:1.03rem;line-height:1.4;text-align:center;color:#d8d8fd}
.edu-section{background:#fff;border-block:1px solid #ebe7fa}.edu-grid{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.text-link{display:inline-block;margin-top:16px;font-size:1.07rem;color:var(--violet);font-weight:800}.benefit-panel{padding:30px 34px;background:#eaf8f4;border-radius:25px;border:2px solid #bde7da}.benefit-panel p{font-size:1.06rem;color:#126757;border-bottom:1px solid #c9ebe0;margin:0;padding:16px 0;font-weight:770}.benefit-panel p:first-child{padding-top:2px}.benefit-panel small{display:block;font-size:.78rem;line-height:1.65;color:#52636b;margin-top:19px}
.avatar-section{overflow:hidden;background:linear-gradient(180deg,#faf7ff,#f4eeff)}.avatar-window{overflow:hidden;width:100%;padding:18px 0}.avatar-track{display:flex;width:max-content;animation:marquee-right 33s linear infinite}.avatar-set{display:flex;flex:0 0 auto;gap:20px;list-style:none;margin:0;padding:0 20px 0 0}.avatar-set li{width:146px;height:154px;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:2px solid #d9ceff;border-radius:21px;box-shadow:0 8px 23px #5547a81a}.avatar-set img{display:block;object-fit:contain;image-rendering:pixelated}.avatar-window:hover .avatar-track,.avatar-window:focus-within .avatar-track{animation-play-state:paused}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.avatar-empty{border:2px dashed #c3b5ec;color:#68628e;text-align:center;border-radius:22px;padding:40px 25px;background:#fff}
.newsletter-wrap{padding-top:80px;padding-bottom:100px}.newsletter{max-width:890px;margin:0 auto;background:#fff;border:2px solid #e2dcef;border-radius:30px;box-shadow:var(--shadow);padding:clamp(26px,5vw,64px);text-align:center}.newsletter h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:12px 0 13px}.newsletter>p{max-width:63ch;margin:0 auto 24px;color:var(--muted)}.news-form{max-width:660px;margin:auto;text-align:left}.field-label{font-weight:800;font-size:.91rem}.news-row{display:flex;gap:10px;margin:9px 0 19px}.news-row input{flex:1;min-width:0;padding:13px 15px;min-height:52px;border:2px solid #b9b5cf;background:#fff;border-radius:12px}.news-row button{flex:0 0 auto}.check{display:flex;align-items:flex-start;gap:9px;color:#3b4860;font-size:.84rem;cursor:pointer;line-height:1.55}.check input{width:19px;height:19px;flex:0 0 19px;accent-color:var(--violet);margin:1px 0 0}.check a{color:var(--violet);font-weight:750}.form-caption{font-size:.78rem;color:#68738a;margin:8px 0 0}.form-caption a{font-weight:750;color:var(--violet)}.bot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}.notice{background:#dcf8e9;color:#165a3c;border:1px solid #89d3ac;border-radius:12px;margin:0 auto 18px;padding:12px 16px;max-width:630px;font-weight:750}.notice-error{background:#ffe9ea;color:#8d2637;border-color:#e9a6b3}
.subhero{padding:100px 0 83px;background:radial-gradient(circle at 10% 20%,#ffe2ed,transparent 40%),radial-gradient(circle at 90% 60%,#dcd2ff,transparent 45%),#f9f8ff}.subhero-inner{max-width:910px;text-align:center}.subhero h1{font-size:clamp(2.5rem,5.2vw,4.8rem);margin:18px 0 22px}.subhero p{font-size:clamp(1.08rem,1.7vw,1.22rem);color:#48516f;max-width:720px;margin:0 auto 27px}.subhero-short{padding:83px 0 65px}.prose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.prose-card{background:#fff;border:2px solid #e2dcf5;padding:32px;border-radius:24px;box-shadow:0 5px 23px #2a2f6c0b}.prose-card h2{font-size:1.65rem;margin:0 0 16px}.prose-card p{color:#586176;margin:0}.faq-wrap{background:#fff;border-top:1px solid #eae7f3}.faq-wrap h2{text-align:center;font-size:clamp(1.9rem,3.2vw,2.9rem);margin-bottom:38px}.faq{border-bottom:1px solid #e4e0ef;padding:6px 0}.faq summary{font-weight:780;font-size:1.12rem;cursor:pointer;padding:19px 10px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.5rem;color:var(--violet)}.faq[open] summary:after{content:'−'}.faq p{padding:0 10px 18px;margin:0;color:var(--muted)}
.timeline{max-width:935px}.timeline article{display:grid;grid-template-columns:65px 1fr;gap:27px;padding:28px 0;border-bottom:1px solid #e0dcee}.timeline-mark{width:53px;height:53px;background:#f2dbea;color:var(--pink-dark);font-weight:900;border-radius:17px;display:grid;place-items:center}.timeline h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:2px 0 14px}.timeline p{font-size:1.09rem;color:#505a74;max-width:70ch}.contact-grid{display:grid;grid-template-columns:1.45fr .65fr;align-items:start;gap:35px}.contact-card{padding:clamp(23px,4vw,44px);background:#fff;border-radius:25px;border:2px solid #dcd6f4;box-shadow:var(--shadow)}.contact-form,.contact-form label:not(.check){display:grid;gap:9px}.contact-form{gap:20px}.form-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label{font-weight:760}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;min-height:51px;border:2px solid #c6c1db;background:#fdfcff;padding:12px 14px;border-radius:12px;color:var(--ink)}.contact-form textarea{min-height:178px;resize:vertical}.contact-form .check{font-weight:500}.contact-form button{justify-self:start}.contact-aside{border:1px solid #d1c9ec;border-radius:22px;padding:30px;background:#ede9ff}.contact-aside a{font-size:1.22rem;font-weight:850;color:var(--violet);overflow-wrap:anywhere}.minor-note{border-top:1px solid #d3c9e9;padding-top:19px;margin-top:25px;font-size:.85rem;color:#59637f}.legal-body{display:grid;grid-template-columns:1fr;max-width:970px;gap:15px}.legal-body .prose-card{box-shadow:none;border-width:1px}.legal-body h2{font-size:1.5rem}.confirm-card{padding:35px;background:#fff;border:1px solid #ded7ec;border-radius:22px;margin:25px auto;max-width:630px}.confirm-card p{font-size:1rem}.confirm-card a{color:var(--violet);font-weight:750}
.site-footer{background:#20294a;color:#ecedfc}.footer-inner{padding:58px 0 38px;display:grid;grid-template-columns:1fr 1.4fr;gap:16px 40px}.footer-brand img{display:block;width:170px;height:auto;background:#fff;padding:9px;border-radius:12px}.footer-brand p{font-size:.93rem;color:#c3cbe4;margin-top:19px}.site-footer nav{display:flex;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px 25px}.site-footer nav a{font-size:.89rem;text-decoration:none;font-weight:730}.site-footer nav a:hover{text-decoration:underline}.copyright{grid-column:1/-1;border-top:1px solid #3a4568;padding-top:22px;margin:0;font-size:.77rem;color:#bac3de}
@media(max-width:1090px){.head-inner{gap:10px}.main-nav{gap:12px}.main-nav a{font-size:.82rem}.nav-cta{padding:9px 12px;font-size:.8rem}.brand img{width:95px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:33px}.hero h1{font-size:clamp(2.65rem,5vw,4.2rem)}}
@media(max-width:840px){.head-inner{flex-wrap:wrap;padding:12px 0 16px}.brand img{width:100px}.head-actions{margin-left:auto}.main-nav{order:3;justify-content:center;width:100%;border-top:1px solid #eeeaf5;padding-top:8px}.hero{padding:51px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-visual{width:min(100%,440px);justify-self:center}.hero-visual figcaption{margin-top:17px}.manifesto-card{grid-template-columns:1fr;gap:14px}.section{padding-top:70px;padding-bottom:70px}.pillar-grid{grid-template-columns:1fr 1fr}.pillar:last-child{grid-column:1/-1}.split-section,.edu-grid{grid-template-columns:1fr;gap:40px}.simple-illustration{min-height:350px}.contact-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.head-inner{min-height:0}.brand img{width:87px}.head-actions{gap:8px}.nav-cta{font-size:.78rem;padding:7px 9px;min-height:42px}.main-nav{justify-content:space-around;gap:3px 12px}.main-nav a{font-size:.82rem;padding:8px 2px}.lang-switch a{padding:7px 4px}.hero{padding-top:37px}.hero h1{font-size:clamp(2.6rem,11vw,3.65rem)}.action-row .btn{width:100%}.hero-visual{width:min(100%,340px)}.visual-frame{border-radius:27px;padding:10px}.visual-frame img{border-radius:20px}.manifesto{margin-top:0}.manifesto-card{padding:24px;border-radius:20px}.section-head h2{font-size:2.1rem}.pillar-grid,.steps{grid-template-columns:1fr}.pillar:last-child{grid-column:auto}.pillar{padding:27px}.steps{gap:20px}.steps article{padding:7px 0}.simple-illustration{min-height:295px;padding:25px}.mini-scene{min-height:250px;padding:20px}.mini-door{height:116px;width:87px}.news-row{flex-direction:column}.news-row .btn{width:100%}.newsletter{padding:26px 18px;border-radius:23px}.subhero{padding:60px 0 50px}.subhero h1{font-size:2.6rem}.prose-grid{grid-template-columns:1fr}.prose-card{padding:25px}.form-duo{grid-template-columns:1fr}.contact-card{padding:22px}.timeline article{grid-template-columns:42px 1fr;gap:14px}.timeline-mark{width:40px;height:40px;border-radius:13px}.footer-inner{padding-top:43px}.site-footer nav{gap:13px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.avatar-track{animation:none}.btn{transition:none}.btn:hover{transform:none}}

/* DaDeep en acción: captura real del reproductor, accesible y legible. */
.demo-section{background:#fff;padding-block:clamp(65px,8vw,110px)}
.demo-section .section-head{text-align:center;max-width:780px;margin-inline:auto}
.demo-section .section-head p{margin:14px auto 0;max-width:63ch;color:#52617c;font-size:1.08rem;line-height:1.75}
.demo-shot{margin:34px auto 0;max-width:1075px;padding:clamp(8px,1.8vw,16px);background:linear-gradient(130deg,#e8f9f3,#e7e8fc);border:1px solid #d2d6fa;border-radius:clamp(17px,3vw,30px);box-shadow:0 18px 45px #2d326a13}
.demo-shot img{display:block;width:100%;height:auto;border-radius:clamp(10px,2vw,18px);border:1px solid #d8d2f4}
.demo-shot figcaption{text-align:center;margin:13px 7px 5px;font-size:.89rem;color:#505e74;line-height:1.5}
.demo-footer{display:flex;align-items:center;justify-content:center;gap:23px;margin:22px auto 0;flex-wrap:wrap}
.demo-footer p{margin:0;color:#53627e;max-width:40ch;font-weight:600}
.demo-footer .btn{white-space:normal}
@media(max-width:560px){.demo-section{padding-block:60px}.demo-shot{width:100%;padding:6px;margin-top:23px;border-radius:15px}.demo-shot img{border-radius:10px}.demo-shot figcaption{font-size:.77rem;margin:12px 6px 4px}.demo-footer{align-items:stretch;flex-direction:column;text-align:center;gap:14px}.demo-footer .btn{width:100%}}

.demo-zoom{display:inline-block;margin-left:.6rem;color:var(--violet);font-weight:800;text-underline-offset:3px}


/* UX 2026-10-24 — Lectura infantil: claridad, controles grandes y movimiento bajo control. */
.main-nav a { display:inline-flex; align-items:center; min-height:44px; }
.lang-switch a { display:inline-grid; place-items:center; min-width:39px; min-height:44px; font-size:.82rem; }
.lang-switch a:focus-visible,.main-nav a:focus-visible { border-radius:8px; }
.btn-pink { background:#b61a60; border-color:#b61a60; color:#fff; }
.btn-pink:hover { background:#92134c; border-color:#92134c; }
.btn:active { transform:translateY(0); }
.news-row input,.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea { font-size:1rem; }
.check { min-height:44px; align-items:flex-start; padding-block:8px; }
.check input { width:22px; height:22px; flex-basis:22px; margin:0; }
.demo-zoom { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin:7px 0 0; padding:8px 14px; border-radius:12px; background:#eeeaff; color:#42318f; text-decoration:none; font-size:.94rem; }
.demo-zoom:hover { background:#e1dbff; text-decoration:underline; }
.avatar-controls { display:flex; justify-content:center; margin:0 auto 14px; }
.avatar-motion { display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:44px; padding:9px 18px; background:#fff; color:#42318f; border:2px solid #c9b9f1; border-radius:13px; font-size:.95rem; font-weight:780; }
.avatar-motion:hover { background:#f0ebff; }
.avatar-window[data-paused="true"] .avatar-track { animation-play-state:paused; }
.demo-dialog { width:min(1180px,calc(100vw - 30px)); max-height:calc(100dvh - 28px); margin:auto; padding:15px; border:2px solid #d7c8ff; border-radius:22px; background:#fff; box-shadow:0 22px 80px #18183e7a; color:var(--ink); }
.demo-dialog::backdrop { background:#101938bd; }
.demo-dialog-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding:2px 4px 14px; }
.demo-dialog h2 { font-size:clamp(1.2rem,3vw,1.7rem); letter-spacing:-.025em; margin:0; }
.demo-close { min-height:44px; padding:8px 15px; background:#eeeaff; color:#42318f; border:2px solid #c9b9f1; border-radius:12px; font-weight:780; }
.demo-close:hover { background:#e1dbff; }
.demo-dialog-viewport { overflow:auto; max-height:calc(100dvh - 196px); border-radius:12px; background:#eef0fb; overscroll-behavior:contain; }
.demo-dialog-viewport img { display:block; width:100%; height:auto; max-width:none; }
.demo-dialog-help { font-size:.92rem; line-height:1.55; color:#4b556e; margin:12px 4px 2px; }
@media (max-width:680px) {
  .demo-dialog { padding:10px; width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:16px; }
  .demo-dialog-viewport img { width:850px; }
  .demo-dialog-viewport { max-height:calc(100dvh - 175px); }
  .demo-dialog h2 { font-size:1.1rem; }
  .demo-dialog-help { font-size:.83rem; }
}
@media (max-width:560px) {
  .container { width:calc(100% - 32px); }
  .head-inner { column-gap:8px; }
  .head-actions { flex-wrap:wrap; justify-content:flex-end; }
  .main-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; padding-top:12px; }
  .main-nav a { display:flex; justify-content:center; text-align:center; min-height:45px; padding:8px 10px; white-space:normal; line-height:1.3; font-size:.875rem; border-radius:11px; border:1px solid #e5dff2; background:#f8f6ff; }
  .main-nav a[aria-current] { box-shadow:inset 0 -3px 0 var(--pink); border-color:#c6b7ee; background:#eeeaff; }
  .main-nav a:hover { background:#eeeaff; }
  .hero { padding-top:30px; }
  .hero h1 { font-size:clamp(2.25rem,9.9vw,3.4rem); line-height:1.1; }
  .hero-lead { font-size:1.06rem; }
  .eyebrow { font-size:.79rem; letter-spacing:.07em; }
  .manifesto-card { padding:26px 22px; }
  .section { padding-top:62px; padding-bottom:62px; }
  .section-head h2 { font-size:clamp(1.85rem,7.6vw,2.25rem); }
  .pillar h3 { font-size:1.45rem; }
  .demo-zoom { width:100%; }
  .avatar-set li { width:132px; height:142px; }
  .check { font-size:.93rem; }
  .site-footer nav a { display:inline-flex; align-items:center; min-height:36px; }
}
@media (prefers-reduced-motion: reduce) {
  .avatar-motion { display:none; }
  .demo-zoom,.demo-close,.avatar-motion { transition:none; }
}

/* La captura completa es una zona ampliable para dedos pequeños. */
.demo-image-link { display:block; border-radius:18px; cursor:zoom-in; }
.demo-image-link:focus-visible { outline-offset:6px; }
.demo-image-link img { transition:filter .18s ease; }
.demo-image-link:hover img { filter:brightness(.97); }
@media (max-width:560px) {
  /* Una sola fila con identidad, idioma y acción principal cuando cabe. */
  .head-inner { gap:5px; }
  .brand img { width:76px; }
  .head-actions { gap:5px; flex-wrap:nowrap; }
  .lang-switch a { min-width:33px; min-height:42px; padding:6px 4px; font-size:.78rem; }
  .nav-cta { min-height:44px; font-size:.78rem; padding:7px 10px; }
}
@media (max-width:350px) {
  .brand img { width:72px; }
  .head-actions { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) {
  .demo-image-link img { transition:none; }
}

/* Indicador de teclado visible sobre fondos claros y pastel. */
:focus-visible { outline-color:#42318f; }

/* DaDeep Academia: recurso educativo externo, sin iframe ni seguimiento de YouTube. */
.academy-section{padding:16px 0 85px;background:#fff}
.academy-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px clamp(22px,3.8vw,45px);border-radius:26px;border:2px solid #dfd8f7;background:linear-gradient(105deg,#f9f6ff,#f0f8ff);box-shadow:0 10px 28px #3428630c}
.academy-symbol{display:grid;place-items:center;flex-shrink:0;width:65px;height:65px;border-radius:20px;background:#cf2749;color:white;font-size:1.7rem;box-shadow:0 5px 15px #9c21452e}
.academy-copy h2{font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.035em;margin:3px 0 6px}
.academy-copy p{color:#4c5873;line-height:1.5;margin:0;max-width:60ch}
.btn-academy{background:#fff;border-color:#cdc2ee;color:#42318f;white-space:nowrap}
.btn-academy:hover{background:#ede8ff}
@media(max-width:790px){.academy-panel{grid-template-columns:auto minmax(0,1fr);gap:14px 16px}.academy-panel .btn-academy{grid-column:1/-1;justify-self:stretch}.academy-symbol{width:54px;height:54px;border-radius:16px}.academy-section{padding-bottom:65px}}
@media(max-width:390px){.academy-panel{padding:20px 16px}.academy-copy h2{font-size:1.5rem}.academy-symbol{width:45px;height:45px;font-size:1.35rem}}