:root{--blue:#0759c7;--deep:#163a5f;--ink:#17324d;--muted:#52697f;--green:#1aa85b}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:#f7fbff;color:var(--ink);font-family:"Atkinson Hyperlegible",Arial,sans-serif;line-height:1.55}button,input{font:inherit}button{color:inherit}img{max-width:100%}a{color:inherit}.skip-link{position:fixed;z-index:1000;left:12px;top:-70px;background:#fff;padding:12px 18px;border:3px solid var(--blue);border-radius:12px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px clamp(16px,3vw,44px);background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid #e1eaf2;box-shadow:0 4px 20px #17324d0b}.site-header nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;flex-wrap:wrap}.nav-button,.app-link,.menu-button,.back-home{border:0;border-radius:999px;padding:10px 14px;text-decoration:none;font:800 .92rem Nunito,sans-serif;cursor:pointer;transition:.18s}.nav-button:hover,.nav-button:focus-visible,.app-link:hover,.topic-card:hover,.topic-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #17324d1d}.nav-button[aria-current=page]{outline:3px solid #17324d;outline-offset:2px}.nav-home{background:#eaf3ff;color:#0759c7}.nav-blue{background:#dcebff;color:#0759c7}.nav-green{background:#dff5e8;color:#087b3e}.nav-yellow{background:#fff1bf;color:#725400}.nav-purple{background:#eee7ff;color:#5a369e}.nav-orange{background:#ffe7d4;color:#a94712}.nav-pink{background:#ffe2ed;color:#a42f5a}.nav-aqua{background:#dff5f5;color:#0c6670}.app-link{white-space:nowrap;background:var(--blue);color:#fff}.menu-button{display:none;background:#eaf3ff;color:var(--blue)}main{min-height:calc(100vh - 72px)}.page{min-height:calc(100vh - 72px);padding:clamp(46px,6vw,86px) clamp(18px,6vw,96px)}.page[hidden]{display:none!important}.page.is-active{animation:pageIn .36s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-home{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 15% 20%,#dcedff 0 10%,transparent 28%),radial-gradient(circle at 88% 82%,#fff0ba 0 9%,transparent 26%),linear-gradient(145deg,#fff,#f5faff)}.speaker-only{width:clamp(170px,22vw,270px);height:clamp(125px,16vw,198px);overflow:hidden;margin:-12px auto 4px}.speaker-only img{width:100%;display:block}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font:900 .82rem Nunito,sans-serif;color:var(--blue)}h1,h2,h3{font-family:Nunito,sans-serif;line-height:1.08}h1{margin:.08em 0 .15em;font-size:clamp(3rem,7vw,6.2rem);letter-spacing:-.055em}h2{margin:.1em 0 .25em;font-size:clamp(2.65rem,6vw,5.5rem);letter-spacing:-.05em}.home-lead,.lead{max-width:760px;margin:0 auto 30px;font-size:clamp(1.12rem,2vw,1.4rem);color:#405d78}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,250px));gap:14px;width:min(100%,800px);margin:8px auto 22px}.topic-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;text-align:left;min-height:94px;border:2px solid transparent;border-radius:22px;padding:16px;background:#fff;cursor:pointer;box-shadow:0 10px 30px #17324d10;transition:.18s}.topic-card span{grid-row:1/3;font-size:2rem}.topic-card strong{font:900 1.02rem Nunito,sans-serif}.topic-card small{color:var(--muted)}.topic-card.blue{border-color:#75aeef}.topic-card.green{border-color:#74d39d}.topic-card.yellow{border-color:#efc95c}.topic-card.purple{border-color:#b59ae9}.topic-card.orange{border-color:#f3ae7f}.topic-card.pink{border-color:#ef97b8}.home-note{max-width:700px;margin:0;color:var(--muted);font-size:.92rem}.page-shell{max-width:1180px;margin:auto}.back-home{margin-bottom:34px;background:#fff;box-shadow:0 6px 20px #17324d12}.theme-blue{background:#edf6ff}.theme-green{background:#eaf8ef}.theme-yellow{background:#fff8dd}.theme-purple{background:#f4efff}.theme-orange{background:#fff2e8}.theme-pink{background:#fff0f6}.theme-aqua{background:#eaf8f8}.content-grid{display:grid;gap:16px;margin:38px 0}.content-grid.four{grid-template-columns:repeat(4,1fr)}.content-grid.three{grid-template-columns:repeat(3,1fr)}.content-grid article,.story-grid>*{padding:26px;border:1px solid #dbe5ed;border-radius:24px;background:#ffffffd9;box-shadow:0 10px 30px #17324d0d}.content-grid article>span{font-size:2rem}.content-grid h3,.story-grid h3{margin:12px 0 6px;font-size:1.45rem}.content-grid p,.story-grid p{margin:0;color:var(--muted)}.number{font-size:2.5rem;color:#18a258}.picto-row{display:flex;gap:8px;margin-top:20px}.picto-row img{width:31%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px}.device{display:grid;place-items:center;width:100px;aspect-ratio:.72;margin:22px auto 0;border:7px solid #17324d;border-radius:20px;font-size:2rem}details{max-width:880px;margin:24px 0;padding:0 22px;border:1px solid #cad8e4;border-radius:18px;background:#fff}summary{padding:19px 0;cursor:pointer;font:900 1.05rem Nunito,sans-serif}details p{padding:0 0 20px;margin:0;color:var(--muted);font-size:1.05rem}.source-line{font-size:.95rem;color:var(--muted)}.source-line a,.source-list a{color:var(--blue);font-weight:700}.myth-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0}.myth-box>div{padding:25px;border-radius:22px;background:#fff}.myth-box>div:first-child{border:2px solid #e6a839}.myth-box>div:last-child{border:2px solid #48b779}.myth-box span{display:inline-block;padding:5px 10px;border-radius:999px;background:#17324d;color:#fff;font:900 .78rem Nunito,sans-serif}.myth-box p{font-size:1.15rem;margin:12px 0 0}.source-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.source-list a{padding:10px 14px;border-radius:12px;background:#fff;text-decoration:none}.color-key{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:34px 0}.color-key article{display:grid;grid-template-columns:18px 1fr;gap:2px 12px;padding:20px;border-radius:18px;background:#fff}.color-key i{grid-row:1/3;width:18px;border-radius:10px;background:var(--key)}.color-key strong{font:900 1.08rem Nunito,sans-serif}.color-key span{color:var(--muted)}.key-yellow{--key:#f7c928}.key-green{--key:#17aa59}.key-blue{--key:#2c70e8}.key-orange{--key:#f29524}.key-pink{--key:#e8568d}.key-gray{--key:#9ba3af}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.primary-button{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:14px 20px;border-radius:14px;background:var(--blue);color:#fff;text-decoration:none;font:900 1rem Nunito,sans-serif}.primary-button.large{margin-top:34px;font-size:1.1rem}.picto-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.picto-gallery figure,.picto{margin:0;overflow:hidden;border-radius:18px;background:#fff}.picto-gallery img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;padding:10px}.picto-gallery figcaption,.picto figcaption{padding:8px;text-align:center;background:#e6f1e8;font:900 1rem Nunito,sans-serif}.license{margin-top:30px;padding-top:18px;border-top:1px solid #d6c5b7;font-size:.92rem;color:var(--muted)}.dice-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:50px;align-items:center}.phone-demo{width:min(380px,100%);margin:auto;padding:13px;border-radius:38px;background:#263746;box-shadow:0 22px 60px #17324d2a}.phone-speaker{width:58px;height:6px;margin:3px auto 10px;background:#778998;border-radius:99px}.phone-screen{position:relative;min-height:540px;padding:17px 12px 72px;border-radius:25px;background:#f8fbfd}.phone-screen>strong{display:block;padding-bottom:10px;border-bottom:2px solid #cbd5e1;font:900 1.2rem Nunito,sans-serif}.phone-screen em{color:var(--blue);font-style:normal}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.picto{border:3px solid var(--pc,#18a957)}.picto.green{--pc:#18a957}.picto.orange{--pc:#f29524}.picto.gray{--pc:#9ca3af}.picto img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:4px}.picto figcaption{background:var(--pc);color:#fff}.sos{position:absolute;right:12px;bottom:15px;padding:9px 14px;border-radius:999px;background:#d5202a;color:#fff;font-weight:900}.module-list{display:grid;gap:11px}.module-list article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border-radius:18px;background:#fff}.module-list b{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f2ff;color:var(--blue);font:900 1.15rem Nunito,sans-serif}.module-list h3{margin:0;font-size:1.25rem}.module-list p{margin:4px 0 0;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.story-grid aside{border-left:8px solid #158b98}footer{display:flex;justify-content:space-between;gap:24px;padding:25px clamp(18px,5vw,70px);background:#102a43;color:#dce8f2;font-size:.9rem}footer p{margin:0;max-width:650px}.chat-launcher{position:fixed;z-index:70;right:22px;bottom:22px;width:76px;height:76px;padding:8px;border:0;border-radius:50%;background:#fff;box-shadow:0 10px 35px #17324d45;cursor:pointer}.chat-launcher svg{width:100%;height:100%;overflow:visible}.speaker,.handle{fill:#0871d1}.sound{fill:none;stroke:#0871d1;stroke-width:5;stroke-linecap:round}.bubble{fill:#fff;stroke:#0871d1;stroke-width:4}.chat-launcher circle{fill:#0871d1}.chat-panel{position:fixed;z-index:80;right:22px;bottom:108px;width:min(380px,calc(100vw - 30px));overflow:hidden;border:1px solid #d6e1ea;border-radius:24px;background:#fff;box-shadow:0 20px 70px #17324d48}.chat-panel[hidden]{display:none}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--blue);color:#fff}.chat-head>div{display:grid}.chat-head strong{font:900 1.1rem Nunito,sans-serif}.chat-head small{opacity:.85}.chat-head button{border:0;background:transparent;color:#fff;font-size:1.7rem;cursor:pointer}.chat-body{min-height:140px;padding:18px;background:#f5f9fd}.chat-body p{margin:0;padding:12px;border-radius:14px 14px 14px 4px;background:#fff}.chat-body .notice{margin-top:8px;background:#fff4cc}#chat-form{padding:14px}#chat-form label{display:block;margin-bottom:6px;font-weight:700}#chat-form>div{display:flex;gap:7px}#chat-input{min-width:0;flex:1;padding:11px;border:2px solid #cbd8e3;border-radius:12px}#chat-form button{border:0;border-radius:12px;padding:10px 14px;background:var(--blue);color:#fff;font-weight:800}@media(max-width:1020px){.site-header{justify-content:space-between}.menu-button{display:block}.site-header nav{position:absolute;top:68px;left:12px;right:12px;display:none;align-items:stretch;padding:14px;border:1px solid #dce6ef;border-radius:18px;background:#fff;box-shadow:0 18px 50px #17324d30}.site-header nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.nav-button{text-align:left}.content-grid.four{grid-template-columns:repeat(2,1fr)}.split,.dice-layout{grid-template-columns:1fr}}@media(max-width:740px){.app-link{padding:9px 12px}.topic-grid,.content-grid.three,.color-key,.story-grid{grid-template-columns:1fr}.myth-box{grid-template-columns:1fr}.page{padding-top:36px}.speaker-only{margin-top:0}.home-lead{margin-bottom:22px}.topic-card{min-height:82px}.content-grid.four{grid-template-columns:1fr 1fr}.split{gap:28px}.chat-launcher{right:14px;bottom:14px;width:68px;height:68px}.chat-panel{right:15px;bottom:92px}footer{flex-direction:column;padding-right:95px}}@media(max-width:460px){.site-header nav.open{grid-template-columns:1fr}.app-link{font-size:.82rem}h1{font-size:3rem}h2{font-size:2.6rem}.content-grid.four{grid-template-columns:1fr}.picto-gallery{gap:7px}.phone-screen{min-height:500px}}
.speaker-only{height:clamp(98px,12.5vw,155px);margin-bottom:15px}

/* Apertura editorial y nuevas secciones */
body.intro-open{overflow:hidden;background:#05080d}.opening{position:fixed;inset:0;z-index:500;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#172235 0,transparent 52%),#05080d;color:#fff}.opening::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,#1689ff12 49% 51%,transparent 52%);transform:translateX(-60%);animation:pathSweep 8s ease-in-out infinite}.opening[hidden]{display:none}.opening-skip{position:absolute;z-index:4;right:clamp(16px,3vw,38px);top:clamp(16px,3vw,30px);padding:10px 16px;border:1px solid #ffffff66;border-radius:999px;background:#ffffff0d;color:#fff;font-weight:700;cursor:pointer}.opening-skip:hover,.opening-skip:focus-visible{background:#fff;color:#07111f}.opening-stage{position:absolute;inset:72px 18px 54px;display:grid;align-content:center;justify-items:center;gap:18px;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity .75s ease,transform .75s ease}.opening-stage.is-visible{opacity:1;transform:none;pointer-events:auto}.opening-stage>p{max-width:1050px;margin:0;text-align:center;font:900 clamp(2.7rem,7.4vw,7rem)/.94 Nunito,sans-serif;letter-spacing:-.055em}.opening-stage em,h1 em{color:#45a7ff;font-style:normal}.opening-pictos img,.barrier-visual img{filter:grayscale(1) contrast(1.12);mix-blend-mode:screen}.opening-pictos.single img{width:clamp(125px,19vw,230px)}.opening-pictos.forms{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px)}.opening-pictos.forms>*{display:grid;place-items:center;width:clamp(60px,9vw,105px);aspect-ratio:1;border:1px solid #ffffff55;border-radius:22px;background:#ffffff0d;font-size:clamp(1.8rem,4vw,3.5rem)}.opening-pictos.forms img{object-fit:contain;padding:9px}.barrier-visual{display:flex;align-items:center;width:min(680px,90vw);gap:16px}.barrier-visual img{width:clamp(110px,19vw,210px)}.barrier-line{height:4px;flex:1;background:linear-gradient(90deg,#40a8ff,#ff4266);box-shadow:0 0 22px #1689ffaa}.opening-final{gap:12px}.opening-contrast{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;width:min(700px,90vw)}.opening-contrast figure{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;margin:0;padding:12px;border:1px solid #ffffff2e;border-radius:22px;background:#ffffff0a}.opening-contrast img{width:90px;filter:grayscale(1)}.opening-contrast figcaption{font-weight:700;color:#dbe7f4}.path-arrow{font-size:2.2rem;color:#45a7ff}.opening-final>p{font-size:clamp(2rem,5.2vw,5rem)}.opening-enter{display:flex;align-items:center;gap:22px;margin-top:14px;padding:15px 18px 15px 24px;border:1px solid #62b4ff;border-radius:999px;background:#0c62c8;color:#fff;font:900 clamp(1rem,2vw,1.25rem) Nunito,sans-serif;box-shadow:0 0 0 0 #1689ff55;cursor:pointer;animation:pulsePath 2s infinite}.opening-enter b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0759c7}.opening-credit{position:absolute;bottom:13px;margin:0;color:#a8b6c6;font-size:.72rem;text-align:center}.nav-red{background:#ffe1e3;color:#a71f2b}.topic-card.red{border-color:#e88b93}.topic-card.aqua{border-color:#78ced5}.page-home{padding-top:48px}.page-home h1 em{color:var(--blue)}.manifesto{max-width:900px;margin:20px auto 34px;padding:18px 28px;border-left:6px solid var(--blue);background:#fff9;text-align:left;font:800 clamp(1.15rem,2vw,1.45rem) Nunito,sans-serif;box-shadow:0 10px 30px #17324d10}.barrier-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(1100px,100%);margin:0 auto 34px;text-align:left}.barrier-card{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto auto;gap:5px 22px;align-items:center;padding:23px;border-radius:28px;background:#fff;box-shadow:0 16px 46px #17324d14}.barrier-card>img,.pair-images{grid-row:1/4;width:150px}.pair-images{display:flex;align-items:center}.pair-images img{width:50%;filter:saturate(.65)}.barrier-card>img{max-height:145px;object-fit:contain}.barrier-card>span{align-self:end;color:#0759c7;text-transform:uppercase;letter-spacing:.12em;font:900 .75rem Nunito,sans-serif}.barrier-card h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.barrier-card button{justify-self:start;padding:0;border:0;background:none;color:#0759c7;font-weight:800;cursor:pointer}.before-after{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:36px 0}.before-after article{padding:25px;border:2px solid #d3dee7;border-radius:28px;background:#fff}.before-after article.after{border-color:#4eb783;background:#f7fffa}.before-after article>span,.editorial-grid span{display:inline-block;padding:6px 10px;border-radius:999px;background:#253b52;color:#fff;font:900 .74rem Nunito,sans-serif;letter-spacing:.08em}.before-after article>div{display:flex;align-items:center;justify-content:center;gap:12px;height:185px}.before-after img{width:min(36%,145px);max-height:160px;object-fit:contain}.before-after article:nth-child(n+3) img{width:185px}.before-after b{font-size:2rem;color:#db3344}.before-after .after b{color:#168e51}.before-after h3{margin:8px 0 0;text-align:center}.statement,.coming,.legal-note{margin:30px 0 0;padding:24px 28px;border-radius:22px;background:#17324d;color:#fff}.statement strong,.coming strong{font:900 1.3rem Nunito,sans-serif}.statement p,.coming p{margin:6px 0 0;color:#dce7f0}.rights-path{display:grid;gap:14px;margin:36px 0}.rights-path article{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:24px;border-radius:22px;background:#fff;box-shadow:0 10px 30px #17324d0d}.rights-path b{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ffe4d0;color:#a34614;font:900 1.3rem Nunito,sans-serif}.rights-path h3{margin:0 0 6px}.rights-path p{margin:0 0 8px;color:var(--muted)}.rights-path a{color:#0759c7;font-weight:800}.legal-note{background:#fff;border:1px solid #e0c8b7;color:#52697f}.theme-red{background:#fff0f1}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.editorial-grid article{padding:26px;border-radius:24px;background:#fff;box-shadow:0 10px 30px #17324d0d}.editorial-grid article:nth-child(1) span{background:#16734a}.editorial-grid article:nth-child(2) span{background:#a55c00}.editorial-grid article:nth-child(3) span{background:#aa2430}.editorial-grid h3{margin:15px 0 7px}.editorial-grid p{margin:0;color:var(--muted)}footer a{color:#fff}.intro-done .site-header,.intro-done main,.intro-done footer,.intro-done .chat-launcher{display:flex}.intro-done main{display:block}.intro-done .chat-launcher{display:block}@keyframes pathSweep{50%{transform:translateX(60%)}}@keyframes pulsePath{50%{box-shadow:0 0 0 12px #1689ff00}}
@media(max-width:850px){.opening-contrast{grid-template-columns:1fr 1fr}.opening-contrast .path-arrow{display:none}.opening-contrast figure{grid-template-columns:68px 1fr}.opening-contrast img{width:68px}.barrier-pair,.before-after,.editorial-grid{grid-template-columns:1fr}.barrier-card{grid-template-columns:110px 1fr}.barrier-card>img,.pair-images{width:110px}.opening-stage>p{font-size:clamp(2.5rem,11vw,5.5rem)}}
@media(max-width:540px){.opening-stage{inset:62px 14px 48px}.opening-contrast{width:100%;gap:8px}.opening-contrast figure{display:block;text-align:center;padding:8px}.opening-contrast img{width:74px}.opening-contrast figcaption{font-size:.77rem}.opening-final>p{font-size:clamp(1.8rem,8.5vw,3rem)}.barrier-card{grid-template-columns:82px 1fr;padding:17px}.barrier-card>img,.pair-images{width:82px}.barrier-card h2{font-size:1.08rem}.rights-path article{grid-template-columns:52px 1fr;padding:18px}.rights-path b{width:48px;height:48px;border-radius:14px}.opening-credit{padding:0 10px}.opening-skip{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.opening-stage:not(.opening-final){display:none}.opening-final{opacity:1;transform:none;pointer-events:auto}}

/* Introducción en video */
.video-opening{position:fixed;inset:0;z-index:500;display:grid;place-items:center;overflow:hidden;background:#02050a;color:#fff}
.video-opening[hidden]{display:none}
.video-opening video{width:100%;height:100%;object-fit:contain;background:#02050a}
.video-opening-top{position:absolute;z-index:3;top:clamp(14px,3vw,30px);right:clamp(14px,3vw,34px);display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.video-control{padding:10px 16px;border:1px solid #ffffff73;border-radius:999px;background:#07111dcc;color:#fff;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}
.video-control:hover,.video-control:focus-visible{background:#fff;color:#07111f}
.video-enter{position:absolute;z-index:3;right:clamp(18px,4vw,58px);bottom:clamp(22px,5vw,58px);display:flex;align-items:center;gap:18px;padding:14px 16px 14px 22px;border:1px solid #72bbff;border-radius:999px;background:#0759c7e8;color:#fff;font:900 clamp(1rem,2vw,1.2rem) Nunito,sans-serif;box-shadow:0 12px 42px #0008;cursor:pointer;backdrop-filter:blur(9px)}
.video-enter b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#0759c7}
.video-enter:hover,.video-enter:focus-visible{background:#0d70e8;transform:translateY(-2px)}
.video-opening.video-ended .video-enter{animation:videoCta 1.4s ease-in-out infinite}
@keyframes videoCta{50%{box-shadow:0 0 0 10px #43a4ff2b,0 12px 42px #0008}}

/* Portada: orientación primero, profundidad después */
.page-home{gap:clamp(50px,7vw,86px);padding-top:clamp(40px,5vw,68px)}
.home-intro{display:flex;flex-direction:column;align-items:center;max-width:1040px}
.home-intro h1{max-width:980px}
.home-purpose{max-width:850px;margin:0;padding:20px 24px;border-radius:22px;background:#ffffffcc;color:#36536d;font-size:clamp(1.04rem,1.6vw,1.2rem);box-shadow:0 12px 35px #17324d10}
.choose-path{width:min(1180px,100%);padding:clamp(28px,4vw,50px);border:1px solid #d9e7f3;border-radius:34px;background:#ffffffc7;box-shadow:0 22px 65px #17324d12}
.choose-path h2{font-size:clamp(2.35rem,5vw,4.6rem)}
.choose-lead{max-width:650px;margin:0 auto 28px;color:var(--muted);font-size:1.08rem}
.topic-grid-expanded{grid-template-columns:repeat(4,minmax(180px,1fr));width:100%;max-width:none}
.topic-grid-expanded .topic-card{min-height:112px}
.topic-card.yellow{border-color:#efc95c}
.topic-card.green{border-color:#74d39d}
.inclusion-preview{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(500px,1.2fr);gap:34px;align-items:center;width:min(1180px,100%);text-align:left}
.inclusion-copy h2{font-size:clamp(2.3rem,4.4vw,4.4rem)}
.inclusion-copy>p:not(.eyebrow){color:var(--muted);font-size:1.13rem}
.page-button{border:0;cursor:pointer}
.barrier-pair.compact{grid-template-columns:1fr 1fr;margin:0}
.barrier-pair.compact .barrier-card{grid-template-columns:105px 1fr;padding:18px}
.barrier-pair.compact .barrier-card>img,.barrier-pair.compact .pair-images{width:105px}
.barrier-pair.compact h3{margin:0;font-size:1.08rem}

@media(max-width:1100px){.topic-grid-expanded{grid-template-columns:repeat(2,1fr)}.inclusion-preview{grid-template-columns:1fr}.barrier-pair.compact{width:100%}}
@media(max-width:650px){.video-opening-top{left:12px;right:12px}.video-control{padding:8px 12px;font-size:.86rem}.video-enter{left:50%;right:auto;bottom:20px;transform:translateX(-50%);white-space:nowrap}.video-enter:hover,.video-enter:focus-visible{transform:translateX(-50%) translateY(-2px)}.choose-path{padding:24px 16px}.topic-grid-expanded,.barrier-pair.compact{grid-template-columns:1fr}.home-purpose{padding:18px}.barrier-pair.compact .barrier-card{grid-template-columns:82px 1fr}.barrier-pair.compact .barrier-card>img,.barrier-pair.compact .pair-images{width:82px}}
@media(prefers-reduced-motion:reduce){.video-opening video{visibility:hidden}.video-opening::before{content:"Video de introducción";font:900 clamp(2rem,8vw,4rem) Nunito,sans-serif}.video-enter{animation:none!important}}

/* Continuidad visual entre la película y el sitio */
.video-enter{right:clamp(22px,5vw,72px);bottom:clamp(26px,6vw,72px);gap:12px;padding:16px 24px;border:3px solid #82dcff;border-radius:28px 28px 9px 28px;background:#06101ac7;color:#fff;box-shadow:0 0 26px #4fbfff38;font-size:clamp(1.05rem,2vw,1.3rem)}
.video-enter::after{content:"";position:absolute;right:18px;bottom:-13px;width:23px;height:23px;border-right:3px solid #82dcff;border-bottom:3px solid #82dcff;background:#06101a;transform:skew(18deg) rotate(28deg)}
.video-enter b{position:relative;z-index:1;width:auto;height:auto;background:transparent;color:#82dcff;font-size:1.5rem}
.video-enter:hover,.video-enter:focus-visible{background:#0b1c2b;color:#fff;box-shadow:0 0 0 5px #82dcff26,0 0 34px #4fbfff55}

/* Encabezado fijo con la marca D1CE siempre visible */
.site-header{position:fixed;inset:0 0 auto;display:block;padding:0;background:#fffffff5;box-shadow:0 6px 24px #07111f1c}
.header-main{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:8px clamp(16px,3vw,44px);border-bottom:1px solid #e1eaf2}
.site-brand{grid-column:2;width:124px;height:48px;padding:3px 8px;border:0;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 4px 16px #0759c718}
.site-brand img{display:block;width:100%;height:100%;object-fit:contain}
.site-brand:hover,.site-brand:focus-visible{outline:3px solid #58a8ff;outline-offset:2px}
.header-main .menu-button{grid-column:1;grid-row:1;justify-self:start}
.header-main .app-link{grid-column:3;grid-row:1;justify-self:end}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:7px clamp(14px,3vw,34px);flex-wrap:wrap}
.intro-done .site-header{display:block}
.intro-done main{padding-top:122px}

.home-intro{position:relative;width:min(1180px,100%);max-width:none;overflow:hidden;padding:clamp(36px,6vw,74px) clamp(20px,6vw,78px);border:1px solid #42a8ff66;border-radius:38px;background:radial-gradient(circle at 12% 18%,#1689ff2f 0 7%,transparent 27%),radial-gradient(circle at 88% 82%,#ff4f7b20 0 8%,transparent 25%),linear-gradient(145deg,#06101a,#102840);box-shadow:0 26px 75px #07111f30;color:#fff}
.home-intro::before,.home-intro::after{content:"";position:absolute;border:2px solid #82dcff45;border-radius:50%;pointer-events:none}
.home-intro::before{left:-42px;top:72px;width:150px;height:92px;transform:rotate(-12deg)}
.home-intro::after{right:-34px;bottom:48px;width:190px;height:112px;transform:rotate(13deg)}
.home-intro .speaker-only{position:relative;z-index:1;padding:8px 16px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px #82dcff66,0 12px 40px #0005}
.home-intro .eyebrow{position:relative;z-index:1;color:#82dcff}
.home-intro h1{position:relative;z-index:1;color:#fff}
.home-intro h1 em{color:#58a8ff}
.home-intro .home-lead{position:relative;z-index:1;color:#dcecff}
.home-intro .home-purpose{position:relative;z-index:1;border:1px solid #82dcff42;background:#ffffff0d;color:#e6f2ff;box-shadow:none}
.home-intro::selection{background:#82dcff;color:#07111f}

@media(max-width:1020px){.site-header nav{position:absolute;top:68px;left:12px;right:12px;display:none;min-height:0}.site-header nav.open{display:grid}.intro-done main{padding-top:68px}.site-brand{width:108px}.header-main{min-height:68px}}
@media(max-width:650px){.video-enter{left:50%;right:auto;bottom:24px;transform:translateX(-50%);padding:13px 20px}.video-enter:hover,.video-enter:focus-visible{transform:translateX(-50%) translateY(-2px)}.header-main{padding:7px 12px}.site-brand{width:96px;height:44px}.header-main .app-link{font-size:.76rem;padding:8px 10px}.home-intro{border-radius:26px;padding:32px 17px}.home-intro::before{left:-76px}.home-intro::after{right:-92px}}