/* sapientia.cl — rediseño "De la idea a la realidad" (2026-10). Base: ~/mockup (recorrido v4 + sitio completo).
   Tipografías del sitio anterior: Chivo, Source Sans 3 e IBM Plex Mono (SIL OFL 1.1, assets/fonts/OFL-*.txt).
   La Bahnschrift del mockup NO se publica (licencia Microsoft). */
@font-face{font-family:"Chivo";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/chivo-500.woff2) format("woff2")}
@font-face{font-family:"Chivo";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/chivo-700.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-400.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-500.woff2) format("woff2")}
:root{--font:"Source Sans 3",Arial,sans-serif;--fd:"Chivo","Source Sans 3",Arial,sans-serif;--fm:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}

/* --- recorrido (mockup) --- */
:root{--night:#001121;--orange:#ff822c;--white:#f5f6f3;--muted:#d4dedf;--line:#b3c6cd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font:16px/1.5 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:5px}:focus-visible{outline:2px solid var(--orange)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.045em;line-height:1.05;text-wrap:balance}::selection{background:var(--orange);color:var(--night)}.skip{position:fixed;top:-100px;left:15px;background:#fff;color:var(--night);z-index:99;padding:12px}.skip:focus{top:15px}
.header{position:fixed;z-index:20;top:0;left:0;right:0;padding:19px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:linear-gradient(#001121bc,transparent)}.brand{font-size:30px;font-weight:700;letter-spacing:-.06em;justify-self:start}.brand span{color:var(--orange)}.header-center{justify-self:center;font-size:13px;color:#e2e8e7}.meeting{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:11px 17px;border:1px solid var(--orange);background:var(--orange);color:var(--night);font-size:13px;font-weight:650}.meeting:hover{background:#ffad72}.header>.meeting{justify-self:end}
.story{height:680svh;position:relative}.stage{position:sticky;top:0;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--night)}#film{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-3}.veil{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#001121d9 0%,#00112175 45%,#00112116 80%),linear-gradient(0deg,#001121f5 0%,transparent 34%,transparent 72%,#0011218e 100%)}.stage-top{position:absolute;top:130px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;color:#d5e2e7;font-size:11px;letter-spacing:.12em;font-weight:650}.stage-top span:last-child{font-size:14px;letter-spacing:0;color:#fff}.frame-corners{position:absolute;inset:108px 3vw 105px;pointer-events:none}.frame-corners i{position:absolute;width:18px;height:18px;border-color:#ecf4f56b;border-style:solid}.frame-corners i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.frame-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.frame-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.frame-corners i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.copy-stack{position:absolute;inset:0;pointer-events:none}.scene-copy{position:absolute;left:8vw;bottom:27%;width:min(830px,72vw);opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .42s,transform .42s,visibility .42s}.scene-copy.is-active{opacity:1;visibility:visible;transform:none}.scene-kicker{display:block;color:#ffad70;font-size:13px;font-weight:650;letter-spacing:.11em;margin-bottom:25px}.scene-copy h1,.scene-copy h2{font-size:clamp(48px,6.5vw,93px);max-width:900px;line-height:1.01}.scene-copy p{font-size:clamp(17px,1.65vw,23px);max-width:660px;margin-top:26px;line-height:1.45;color:#e6eeee}.final-meeting{pointer-events:auto;margin-top:32px}
.stage-bottom{position:absolute;left:4vw;right:4vw;bottom:28px;display:grid;grid-template-columns:1fr 3fr;gap:30px;align-items:end}.scroll-hint{font-size:12px;color:#d3e0e4;display:flex;gap:15px;align-items:center;padding-bottom:16px}.scroll-hint b{font-size:20px;font-weight:400;animation:hint 1.7s ease-in-out infinite}@keyframes hint{50%{transform:translateY(6px)}}.scene-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.scene-nav button{border:0;border-top:1px solid #8ca5ae9c;background:transparent;text-align:left;padding:11px 0;color:#d2dde0;font-size:12px;min-height:54px}.scene-nav button span{display:block;margin-top:3px;font-size:13px}.scene-nav button[aria-current=step]{border-top:3px solid var(--orange);padding-top:9px;color:#ffb986}.scene-nav button:hover{color:white}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#375160}.progress-track div{width:100%;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.after{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:80px 8vw 95px;background:#e9e9e3;color:var(--night)}.section-label{display:block;font-size:12px;color:#5b6968;letter-spacing:.11em;margin-bottom:22px}.after h2{font-size:clamp(40px,5vw,70px);max-width:670px}.after>div:last-child{padding-top:36px}.after p{font-size:18px;line-height:1.5;margin-bottom:18px;max-width:560px}.after-link{margin-top:27px;background:transparent;border:0;border-bottom:1px solid var(--night);padding:10px 0;font-size:15px;font-weight:650;color:var(--night)}.after-link:hover{color:#b84c0e;border-color:#b84c0e}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 4vw;background:var(--night);font-size:11px;color:#c9d7dd}footer span:first-child{font-size:18px;font-weight:700}footer a{text-decoration:underline;text-underline-offset:4px}
dialog{inset:0;margin:0 0 0 auto;width:min(880px,100%);height:100dvh;max-width:none;max-height:none;border:0;background:#f1f1eb;color:var(--night);padding:0;overflow:auto}dialog::backdrop{background:#001121bd}.dialog-head{position:sticky;top:0;z-index:2;background:#f1f1eb;border-bottom:1px solid #b2bbba;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;font-size:12px}.dialog-head button{border:0;background:transparent;color:var(--night);padding:9px}.dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 6vw}.dialog-body h2{font-size:clamp(40px,4vw,62px)}.dialog-body p{margin-top:23px;font-size:17px;line-height:1.5}.dialog-body form{display:grid;gap:15px}.dialog-body label{display:grid;gap:6px;font-size:12px;font-weight:650}.dialog-body input,.dialog-body select,.dialog-body textarea{background:#fff;color:var(--night);border:1px solid #7f979c;min-width:0;width:100%;padding:11px;resize:vertical}.dialog-body #prepared[hidden]{display:none}.dialog-body #prepared{padding:20px 0;border-top:1px solid #a5b9ba}.dialog-body #prepared h3{font-size:24px}.dialog-body pre{white-space:pre-wrap;word-break:break-word;font:13px/1.5 var(--font);margin:15px 0}.dialog-body #email-link{display:inline-block;padding:12px 15px;background:var(--night);color:white}.dialog-body small{display:block;margin-top:12px;color:#51666e}.noscript{padding:30px;background:#fff;color:var(--night)}
@media(max-width:900px){.scene-copy{left:6vw;width:78vw;bottom:30%}.scene-copy h1,.scene-copy h2{font-size:clamp(46px,7vw,72px)}.stage-bottom{grid-template-columns:1fr}.scroll-hint{display:none}}
@media(max-width:700px){.header{padding:15px 21px;grid-template-columns:1fr auto}.brand{font-size:25px}.header-center{display:none}.header>.meeting{font-size:11px;min-height:41px;padding:9px 11px;gap:7px}.story{height:650svh}.stage{min-height:650px}.stage-top{top:105px;left:24px;right:24px;font-size:10px}.frame-corners{inset:91px 16px 138px}.scene-copy{left:23px;right:23px;width:auto;bottom:32%}.scene-kicker{font-size:11px;margin-bottom:17px}.scene-copy h1,.scene-copy h2{font-size:clamp(42px,11vw,61px)}.scene-copy p{font-size:16px;margin-top:17px;max-width:330px}.stage-bottom{left:23px;right:23px;bottom:18px;display:block}.scene-nav{grid-template-columns:repeat(3,1fr);gap:0 10px}.scene-nav button{min-height:48px;padding:7px 0;font-size:11px}.scene-nav button[aria-current=step]{padding-top:5px}.scene-nav button span{font-size:11px}.veil{background:linear-gradient(0deg,#001121f9 0%,#001121bc 25%,#00112125 63%,#00112170 100%),linear-gradient(90deg,#0011216c,transparent)}.after{grid-template-columns:1fr;padding:55px 23px 65px;gap:24px}.after h2{font-size:43px}.after>div:last-child{padding-top:0}.after p{font-size:16px}footer{flex-wrap:wrap;padding:24px 23px}footer span:nth-child(2){order:3;width:100%}.dialog-head{padding:15px 20px}.dialog-body{grid-template-columns:1fr;padding:40px 23px 65px;gap:25px}.dialog-body h2{font-size:43px}}
@media(max-height:700px){.scene-copy{bottom:31%}.scene-copy h1,.scene-copy h2{font-size:clamp(39px,5.2vw,68px)}.scene-copy p{margin-top:15px}.stage-top{top:110px}.frame-corners{inset:90px 3vw 100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint b{animation:none}.scene-copy{transition:none}}

/* --- sitio completo (mockup) --- */
:root{--paper:#e9efec;--paper-2:#f3f5f1;--ink:#092536;--soft:#aabec3;--rule:#91a5aa}
html{scroll-padding-top:0}
body{overflow-x:hidden}
.site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3vw,50px);padding:17px 3vw;background:linear-gradient(#001121e8,#00112118);transition:background .3s,box-shadow .3s}
body.is-past-story .site-header,.site-header.menu-open{background:#001121;box-shadow:0 8px 30px #00112121}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.1vw,34px)}
.site-nav a{font-size:12px;color:#dce7e8;white-space:nowrap;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:#ffb582}
.header-actions{display:flex;align-items:center;gap:12px;justify-self:end}.menu-toggle{display:none}
.site-intro,.need-section,.solutions-section,.work-section,.flow-section,.knowledge-section,.close-section{position:relative;scroll-margin-top:82px}
.site-intro{background:var(--paper);color:var(--ink);padding:115px 6vw 100px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.5fr);gap:5vw}
.intro-kicker{display:flex;flex-direction:column;justify-content:space-between;gap:40px}.section-label{font-size:11px;font-weight:750;letter-spacing:.15em;color:inherit;opacity:.66}.intro-index{font:11px/1.3 var(--font);letter-spacing:.18em;color:#526871}
.intro-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr);gap:5vw;align-items:end}.intro-main h2{font-size:clamp(48px,5.5vw,94px);max-width:850px}.intro-main p{font-size:clamp(17px,1.4vw,20px);line-height:1.5;max-width:370px;padding-bottom:10px}
.text-link{grid-column:2;display:flex;justify-content:space-between;width:min(100%,380px);align-items:center;margin-top:30px;padding:15px 0;border-top:1px solid #71868c;font-size:13px;font-weight:700}.text-link span{font-size:22px}.text-link:hover{color:#a64a16}
.section-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.65fr);gap:6vw;align-items:end}.section-heading h2{font-size:clamp(43px,5.1vw,74px);max-width:850px;margin-top:26px}.section-heading>p{font-size:17px;line-height:1.55;max-width:375px;padding-bottom:7px}
.need-section{padding:108px 6vw 120px;background:var(--paper-2);color:var(--ink)}.need-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);margin-top:65px;border-top:1px solid #9fb2b4;border-bottom:1px solid #9fb2b4}.need-tabs{display:flex;flex-direction:column}.need-tabs button{border:0;border-bottom:1px solid #9fb2b4;background:transparent;color:var(--ink);display:grid;grid-template-columns:34px 1fr 25px;align-items:center;gap:17px;min-height:123px;text-align:left;padding:20px 24px 20px 0;transition:background .2s,padding .2s}.need-tabs button:last-child{border-bottom:0}.need-tabs button[aria-selected=true]{background:#dce7e3;padding-left:20px}.need-tabs button span:nth-child(2){font-size:clamp(22px,2vw,30px);font-weight:620;letter-spacing:-.04em;line-height:1.14;max-width:360px}.need-n{font-size:11px;align-self:start;padding-top:8px;color:#526c76}.need-tabs b{font-size:21px;font-weight:400}.need-tabs button:hover{background:#e3eae6}
.need-panels{min-height:560px;background:#073047;color:#eff6f3;position:relative;overflow:hidden}.need-panel{height:100%;min-height:560px;padding:43px clamp(35px,5vw,78px) 55px;display:flex;flex-direction:column;align-items:flex-start}.need-panel[hidden]{display:none}.panel-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#a9d1d5}.need-panel h3{font-size:clamp(36px,3.4vw,54px);margin-top:34px;max-width:550px}.need-panel p{font-size:17px;line-height:1.55;max-width:520px;margin-top:21px;color:#d6e5e7}.panel-visual{width:100%;height:130px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:50px;border-block:1px solid #3f6a79;position:relative}.panel-visual span{font-size:11px;letter-spacing:.1em;position:relative;z-index:1}.panel-visual i{flex:1;height:1px;background:#93afb7;position:relative}.panel-visual i:after{content:'›';position:absolute;right:-2px;top:-15px;font:26px/1 Arial;color:#ff9e64}.visual-integra{background:radial-gradient(circle at 50% 50%,#2a687180,transparent 38%)}.visual-desarrollo{background:linear-gradient(125deg,transparent 30%,#24566a55 48%,transparent 70%)}.panel-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.panel-tags span{border:1px solid #5a7b87;padding:7px 10px;font-size:11px;color:#d6e5e7}.line-action{border:0;border-bottom:1px solid currentColor;background:transparent;padding:11px 0;color:inherit;display:inline-flex;justify-content:space-between;align-items:center;gap:42px;font-size:13px;font-weight:700;margin-top:auto}.line-action span{font-size:20px;font-weight:400}.line-action:hover{color:#ffaf79}
.solutions-section{background:var(--night);color:#f2f6f3;padding:110px 6vw 125px}.solutions-section .section-heading>p{color:#c0d1d5}.solution-list{margin-top:65px;border-top:1px solid #77919b}.solution-list article{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(160px,.36fr);gap:2vw;align-items:start;padding:32px 0 38px;border-bottom:1px solid #77919b}.solution-num{font-size:12px;color:#ff9b5a;letter-spacing:.1em;padding-top:8px}.solution-list h3{font-size:clamp(28px,3vw,42px)}.solution-list p{font-size:16px;line-height:1.5;color:#c7d7da;margin-top:10px;max-width:650px}.solution-meta{font-size:10px;letter-spacing:.13em;color:#a8c2c8;text-align:right;padding-top:11px}
.work-section{background:#dfe9e5;color:var(--ink);padding:110px 6vw 125px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:8vw}.work-lead{position:sticky;top:120px;align-self:start}.work-lead h2{font-size:clamp(43px,4.8vw,69px);margin-top:25px}.work-lead p{max-width:470px;font-size:17px;line-height:1.55;margin-top:27px}.work-lead .line-action{margin-top:32px}.work-steps{border-top:1px solid #8ca4a9}.work-steps article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:34px 0;border-bottom:1px solid #8ca4a9}.work-steps article>span{font-size:12px;color:#527180;padding-top:6px}.work-steps h3{font-size:clamp(27px,2.5vw,36px)}.work-steps p{font-size:16px;line-height:1.5;max-width:520px;margin-top:12px}.work-steps small{display:block;margin-top:17px;color:#4a6771;font-size:12px;font-weight:700}
.flow-section{padding:115px 6vw 125px;background:#0a2c3f;color:#f1f5f1;display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:7vw}.flow-copy h2{font-size:clamp(43px,4.6vw,69px);margin-top:23px}.flow-copy p{font-size:17px;line-height:1.55;color:#cfdee0;margin-top:28px;max-width:495px}.flow-note{display:block;margin-top:75px;font-size:10px;letter-spacing:.13em;color:#a6c2c8}.flow-map{border:1px solid #4d7480;display:grid;grid-template-rows:repeat(3,1fr) auto}.flow-map>div:not(.flow-return){padding:25px 30px;display:grid;grid-template-columns:110px 1fr;gap:7px 18px;border-bottom:1px solid #4d7480}.flow-map small{font-size:10px;color:#ffb684;letter-spacing:.1em;grid-row:span 2;padding-top:4px}.flow-map strong{font-size:clamp(23px,2vw,31px);font-weight:600;letter-spacing:-.035em}.flow-map div>span{font-size:14px;color:#b8d0d3}.flow-return{padding:22px 30px;color:#d9e6e7;font-size:13px}.flow-return span{font-size:22px;color:#ffb684;margin-right:10px}
.knowledge-section{background:var(--paper-2);color:var(--ink);padding:108px 6vw 120px}.question-list{margin-top:62px;border-top:1px solid #93a8ad}.question-list details{border-bottom:1px solid #93a8ad}.question-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0;font-size:clamp(22px,2.1vw,30px);font-weight:600;letter-spacing:-.04em}.question-list summary::-webkit-details-marker{display:none}.question-list summary span{font-size:27px;font-weight:300;transition:transform .2s}.question-list details[open] summary span{transform:rotate(45deg)}.question-list details p{max-width:720px;font-size:16px;line-height:1.6;padding:0 0 29px;color:#2d4c5b}
.close-section{background:#fa8737;color:var(--night);padding:95px 6vw 110px}.close-section .section-label{opacity:.82}.close-section>div{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:7vw;align-items:end;margin-top:30px}.close-section h2{font-size:clamp(48px,6.6vw,96px);max-width:850px}.close-section p{font-size:18px;line-height:1.5;max-width:450px}.close-meeting{background:var(--night);color:#fff;border-color:var(--night);margin-top:30px;min-width:230px}.close-meeting:hover{background:#133a4d;color:#fff}
.site-footer{display:block;padding:45px 6vw 35px;background:var(--night);color:#d2dfe0}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px}.footer-top .brand{font-size:32px;color:#fff;text-decoration:none}.footer-top p{font-size:16px;max-width:190px}.footer-top>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:5px;justify-self:end}.footer-bottom{border-top:1px solid #526d78;margin-top:75px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer-bottom nav{display:flex;gap:25px;flex-wrap:wrap}.site-footer>small{display:block;max-width:720px;margin-top:55px;color:#93aeb5;font-size:10px;line-height:1.5}
@media(max-width:1050px){.site-header{grid-template-columns:auto 1fr}.site-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-top:5px}.header-actions{grid-column:2;grid-row:1}.intro-main{grid-template-columns:1fr}.intro-main p{max-width:640px}.need-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.need-panel{padding:35px}.panel-visual{margin-top:35px}}
@media(max-width:700px){.site-header{grid-template-columns:1fr auto;gap:0;padding:13px 19px;background:#001121}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;background:#001121;padding:15px 22px 25px;box-shadow:0 20px 30px #00112155}.site-header.menu-open .site-nav{display:flex;align-items:stretch;flex-direction:column;gap:0}.site-nav a{font-size:16px;padding:12px 0;border-bottom:1px solid #325464}.header-actions{grid-column:2;grid-row:1}.header-actions .meeting{font-size:11px;padding:8px 10px;min-height:39px;gap:7px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:39px;height:39px;padding:8px;background:transparent;border:1px solid #8ba4ac}.menu-toggle span{display:block;height:1px;background:#fff;width:100%}.site-intro,.need-section,.solutions-section,.work-section,.flow-section,.knowledge-section,.close-section{padding-left:23px;padding-right:23px}.site-intro{grid-template-columns:1fr;padding-top:80px;padding-bottom:78px;gap:29px}.intro-kicker{display:block}.intro-index{display:none}.intro-main{gap:25px}.intro-main h2{font-size:clamp(44px,11vw,60px)}.intro-main p{font-size:16px}.text-link{grid-column:1;margin-top:4px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:clamp(39px,10vw,54px);margin-top:17px}.section-heading>p{font-size:16px}.need-section,.solutions-section,.knowledge-section{padding-top:80px;padding-bottom:85px}.need-layout{grid-template-columns:1fr;margin-top:40px}.need-tabs{flex-direction:column;overflow:visible}.need-tabs button{min-width:0;min-height:73px;grid-template-columns:32px 1fr 17px;gap:9px;padding:12px!important;border-bottom:1px solid #9fb2b4;border-right:0}.need-tabs button span:nth-child(2){font-size:19px}.need-n{display:block;padding-top:4px}.need-panels,.need-panel{min-height:540px}.need-panel{padding:30px 24px 35px}.need-panel h3{font-size:38px;margin-top:27px}.need-panel p{font-size:15px;margin-top:15px}.panel-visual{margin-top:30px;height:100px}.panel-visual span{font-size:9px}.panel-tags{margin-top:20px}.solution-list{margin-top:40px}.solution-list article{grid-template-columns:44px 1fr;gap:12px;padding:27px 0}.solution-list h3{font-size:30px}.solution-list p{font-size:15px}.solution-meta{grid-column:2;text-align:left;padding-top:3px}.work-section,.flow-section{grid-template-columns:1fr;padding-top:85px;padding-bottom:90px;gap:50px}.work-lead{position:static}.work-lead h2,.flow-copy h2{font-size:clamp(42px,10vw,55px)}.work-lead p,.flow-copy p{font-size:16px}.work-steps article{grid-template-columns:44px 1fr;padding:27px 0}.flow-note{margin-top:35px}.flow-map>div:not(.flow-return){grid-template-columns:1fr;padding:19px 21px}.flow-map small{grid-row:auto}.flow-map strong{font-size:25px}.flow-return{padding:19px 21px}.question-list{margin-top:40px}.question-list summary{font-size:22px;padding:22px 0}.close-section{padding-top:80px;padding-bottom:90px}.close-section>div{grid-template-columns:1fr;gap:25px;margin-top:23px}.close-section h2{font-size:clamp(48px,11vw,66px)}.close-section p{font-size:16px}.site-footer{padding:38px 23px}.footer-top{grid-template-columns:1fr;gap:18px}.footer-top>a:last-child{justify-self:start}.footer-bottom{display:block;margin-top:48px}.footer-bottom nav{gap:12px 18px;margin-top:22px}.site-footer>small{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.site-header,.need-tabs button,.question-list summary span{transition:none}}

/* Glass controls: the film and editorial content stay clear and readable. */
.site-header{top:14px;left:18px;right:18px;padding:10px 13px 10px 24px;border:1px solid rgba(238,248,250,.27);border-radius:21px;background:linear-gradient(145deg,rgba(247,252,253,.17),rgba(232,246,250,.045) 36%,rgba(5,22,35,.58) 100%),rgba(5,21,34,.50);box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 -1px rgba(255,255,255,.06),0 16px 46px rgba(0,10,21,.22);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);overflow:visible}
body.is-past-story .site-header,.site-header.menu-open{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(7,28,44,.06) 42%),rgba(2,20,34,.86);box-shadow:inset 0 1px rgba(255,255,255,.35),0 16px 42px rgba(0,13,24,.24)}
.site-header::before,.scene-nav::before,.need-panels::before,.flow-map::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,0%),rgba(255,255,255,.19),transparent 72%);opacity:.6;transition:opacity .25s}
.site-header:hover::before,.scene-nav:hover::before,.need-panels:hover::before,.flow-map:hover::before{opacity:1}
.site-header>*{position:relative;z-index:1}
.site-nav{gap:4px;justify-self:center;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,13,26,.25);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.site-nav a{padding:9px 13px;border-radius:999px;transition:background .2s,color .2s}.site-nav a:hover,.site-nav a:focus-visible{background:rgba(255,255,255,.14);color:#fff}
.header-actions .meeting{border-radius:13px;box-shadow:inset 0 1px rgba(255,255,255,.4),0 8px 20px rgba(255,130,44,.2)}
.stage-top span:first-child,.stage-top span:last-child{padding:8px 13px;border:1px solid rgba(240,249,251,.28);border-radius:999px;background:rgba(8,26,40,.37);box-shadow:inset 0 1px rgba(255,255,255,.24);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.stage-top span:last-child{font-variant-numeric:tabular-nums}
.scene-nav{position:relative;padding:8px 13px 6px;border:1px solid rgba(228,245,249,.26);border-radius:19px;background:linear-gradient(160deg,rgba(244,252,255,.15),rgba(8,24,38,.44) 42%),rgba(4,22,35,.48);box-shadow:inset 0 1px rgba(255,255,255,.36),inset 0 -1px rgba(255,255,255,.06),0 14px 36px rgba(0,11,22,.22);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);overflow:hidden}
.scene-nav button{position:relative;z-index:1;border-top-color:rgba(229,243,247,.34);padding-left:7px;border-radius:3px;transition:background .2s,color .2s}.scene-nav button:hover{background:rgba(255,255,255,.1)}.scene-nav button[aria-current=step]{color:#ffd2b2}
.need-panels{border:1px solid rgba(255,255,255,.27);border-radius:21px;background:radial-gradient(circle at 92% 4%,rgba(113,167,176,.23),transparent 34%),linear-gradient(155deg,#123e50,#082b3e 60%,#061d2d);box-shadow:inset 0 1px rgba(255,255,255,.29),inset 0 -1px rgba(255,255,255,.05),0 22px 45px rgba(5,35,47,.13)}
.need-panel{position:relative;z-index:1}.need-tabs button[aria-selected=true]{background:linear-gradient(100deg,rgba(255,255,255,.86),rgba(220,234,232,.52));box-shadow:inset 3px 0 #e87b37,inset 0 1px rgba(255,255,255,.9)}
.panel-visual{border:1px solid rgba(226,244,247,.23);border-radius:18px;padding:0 18px;background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),rgba(0,18,31,.2);box-shadow:inset 0 1px rgba(255,255,255,.25),0 12px 24px rgba(0,18,31,.12)}
.panel-tags span{border-color:rgba(230,247,250,.29);border-radius:999px;background:rgba(232,246,249,.07)}
.flow-map{position:relative;border-color:rgba(223,246,251,.33);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(235,249,252,.14),rgba(236,248,251,.025) 40%),rgba(2,20,34,.42);box-shadow:inset 0 1px rgba(255,255,255,.29),0 22px 40px rgba(0,13,24,.17);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.flow-map>div{position:relative;z-index:1}.flow-map>div:not(.flow-return){border-bottom-color:rgba(220,241,246,.21);transition:background .22s}.flow-map>div:not(.flow-return):hover{background:rgba(255,255,255,.085)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.scene-nav,.stage-top span,.flow-map{background:#092437}}
@media(max-width:1050px){.site-nav{justify-self:start}}
@media(max-width:700px){.site-header{top:9px;left:9px;right:9px;padding:8px 9px 8px 15px;border-radius:17px;background:rgba(3,20,34,.78)}.site-nav{top:calc(100% + 8px);left:0;right:0;padding:9px 15px 17px;border:1px solid rgba(230,246,250,.25);border-radius:17px;background:rgba(3,21,35,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-nav a{border-radius:8px}.menu-toggle{border-radius:11px;background:rgba(255,255,255,.08);border-color:rgba(232,247,251,.29);box-shadow:inset 0 1px rgba(255,255,255,.23)}.stage-top{top:100px}.stage-top span:first-child,.stage-top span:last-child{padding:6px 9px;font-size:9px}.scene-nav{padding:5px 8px;border-radius:15px;gap:0 6px}.scene-nav button{padding-left:4px}.need-panels{border-radius:17px}.panel-visual{padding:0 10px}.flow-map{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.site-header::before,.scene-nav::before,.need-panels::before,.flow-map::before,.flow-map>div:not(.flow-return){transition:none}}

/* ===================== Rediseño 2026-10: secciones del sitio anterior en el lenguaje del mockup ===================== */
.skip{text-decoration:none}

/* "Ver la ficha": enlace con el mismo trazo que .line-action */
.ver-ficha{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ver-ficha span{font-size:18px;font-weight:400;transition:transform .2s}
.ver-ficha:hover{color:#ffaf79}.ver-ficha[aria-expanded=true] span{transform:rotate(-90deg)}
.solution-list article{scroll-margin-top:100px}
.solution-list .ver-ficha{color:#f2f6f3}

/* Fichas (servicios y productos): panel oscuro de vidrio, como .need-panels */
.fichas{position:relative}
.ficha{position:relative;margin-top:28px;padding:34px clamp(24px,4.5vw,64px) 44px;border:1px solid rgba(255,255,255,.27);border-radius:21px;background:radial-gradient(circle at 92% 4%,rgba(113,167,176,.23),transparent 34%),linear-gradient(155deg,#123e50,#082b3e 60%,#061d2d);color:#eff6f3;box-shadow:inset 0 1px rgba(255,255,255,.29),0 22px 45px rgba(5,35,47,.16);scroll-margin-top:100px}
.js .ficha[hidden]{display:none}
.ficha-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.ficha-close{border:1px solid rgba(230,247,250,.29);border-radius:999px;background:rgba(232,246,249,.07);color:#eff6f3;padding:7px 14px;font-size:12px}
.ficha-close:hover{background:rgba(255,255,255,.16)}
.no-js .ficha-close{display:none}
.ficha .ficha-lede{font-size:clamp(20px,1.8vw,26px);line-height:1.38;letter-spacing:-.02em;max-width:920px;margin-top:22px}
.ficha-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 5vw;margin-top:34px;padding-top:30px;border-top:1px solid #3f6a79}
.ficha h4{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a9d1d5}
.ficha p,.ficha li{font-size:16px;line-height:1.55;color:#d6e5e7}
.ficha ul{margin:0;padding-left:18px;display:grid;gap:7px}
.ficha-ia{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-top:30px;padding-top:24px;border-top:1px solid #3f6a79}
.ficha .line-action{margin-top:30px}

/* Chip de IA (tarjetas y fichas) */
.ia-chip{display:inline-block;padding:4px 10px;border:1px solid #9fb2b4;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.ia-chip.ya{border-color:#e87b37;color:#a64a16;background:#fff3e8}
.ia-chip.pronto{color:#526c76}
.ficha .ia-chip.ya{color:#ffcaa3;background:rgba(255,130,44,.12)}
.ficha .ia-chip.pronto{color:#c7d7da;border-color:#5a7b87}

/* Productos */
.products-section{background:var(--paper);color:var(--ink);padding:110px 6vw 125px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-top:65px}
.pcard{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 26px 22px;border:1px solid #b7c8c9;border-radius:21px;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(243,245,241,.45));box-shadow:inset 0 1px #fff,0 14px 30px rgba(9,37,54,.06);scroll-margin-top:100px;transition:border-color .2s,box-shadow .2s}
.pcard .cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#526c76}
.pcard h3{font-size:clamp(26px,2.3vw,34px)}
.pcard>p{font-size:16px;line-height:1.5;color:#2d4c5b}
.pcard ul{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:7px;font-size:14px;line-height:1.4;color:#33505e}
.pcard li{position:relative;padding-left:16px}
.pcard li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:#e87b37}
.pcard .ver-ficha{margin-top:auto;color:var(--ink)}
.pcard .ver-ficha:hover{color:#a64a16}
.pcard.is-open{border-color:#e87b37;box-shadow:inset 0 0 0 1px #e87b37,0 14px 30px rgba(9,37,54,.08)}

/* IA aplicada */
.ia-section{background:#0a2c3f;color:#f1f5f1;padding:110px 6vw 125px;position:relative;scroll-margin-top:82px}
.ia-section .section-heading>p{color:#cfdee0}
.ia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:65px}
.ia-card{padding:28px 28px 30px;border:1px solid rgba(223,246,251,.25);border-radius:20px;background:linear-gradient(145deg,rgba(235,249,252,.12),rgba(236,248,251,.02) 40%),rgba(2,20,34,.35);box-shadow:inset 0 1px rgba(255,255,255,.2)}
.ia-card h3{font-size:clamp(22px,1.9vw,28px)}
.ia-card p{font-size:15px;line-height:1.55;color:#c7d7da;margin-top:14px}
.ia-card.is-key{grid-column:span 2;background:linear-gradient(160deg,rgba(255,130,44,.22),rgba(255,130,44,.04) 55%),rgba(2,20,34,.4);border-color:rgba(255,182,132,.45)}
.ia-mark{display:block;margin-bottom:18px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#ffb684}
.ia-rule{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1.4fr) minmax(240px,.8fr);gap:4vw;align-items:start;margin-top:80px;padding-top:36px;border-top:1px solid #4d7480}
.ia-rule h3{font-size:clamp(30px,3vw,46px)}
.ia-rule p{font-size:16px;line-height:1.55;color:#cfdee0}

/* La empresa */
.company-section{background:var(--paper);color:var(--ink);padding:110px 6vw 125px;position:relative;scroll-margin-top:82px}
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:65px}
.company-grid article{padding:28px;border:1px solid #b7c8c9;border-radius:21px;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(243,245,241,.4))}
.company-grid article.is-key{background:linear-gradient(155deg,#123e50,#082b3e 60%,#061d2d);color:#eff6f3;border-color:rgba(255,255,255,.27)}
.company-grid h3{font-size:clamp(22px,1.9vw,28px)}
.company-grid p{font-size:15px;line-height:1.55;margin-top:14px;color:#2d4c5b}
.company-grid .is-key p{color:#d6e5e7}
.countries{list-style:none;margin:70px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #9fb2b4}
.countries li{display:grid;gap:8px;padding:24px 24px 26px 0;border-bottom:1px solid #9fb2b4}
.countries strong{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.035em}
.countries span{font-size:14px;line-height:1.5;color:#3d5a67;max-width:330px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:70px}
.stats div{display:grid;gap:8px;align-content:start}
.stats strong{font-size:clamp(44px,4.6vw,70px);font-weight:600;letter-spacing:-.05em;line-height:1;color:#a64a16;font-variant-numeric:tabular-nums}
.stats span{font-size:14px;line-height:1.45;color:#3d5a67;max-width:230px}

/* Cierre y pie */
.close-mail{margin-top:18px;font-size:15px}
.close-mail a{text-decoration:underline;text-underline-offset:4px}
.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:60px}
.footer-cols nav{display:flex;flex-direction:column;gap:9px;font-size:14px}
.footer-cols nav span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93aeb5;margin-bottom:6px}
.footer-cols a:hover,.footer-top a:hover{color:#ffb582}

/* Formulario de contacto (diálogo) */
.dialog-body form{display:grid;gap:15px}
.dialog-body .two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dialog-body .two.selects{grid-template-columns:.8fr 1.2fr}
.dialog-body label i{font-style:normal;color:#a64a16}
.dialog-body .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dialog-body .meeting[disabled]{opacity:.6;cursor:wait}
.dialog-note{font-size:13px!important;color:#51666e;margin-top:30px!important}
.lead-estado{grid-column:2;font-size:15px;line-height:1.5}
.lead-estado:empty{display:none}
.lead-estado.err{padding:12px 14px;border:1px solid #e3b4b0;border-radius:12px;background:#fbeceb;color:#5b1410}
.lead-estado.ok{padding:16px 18px;border:1px solid #a9d4c0;border-radius:12px;background:#e7f4ee;color:#0b3d28;font-size:17px}
.lead-estado a{text-decoration:underline}

/* Sin JS: el recorrido queda como portada fija y todo el contenido visible */
.no-js .story{height:auto}
.no-js .stage{position:relative;height:auto;min-height:100svh;background:#001121 url(/assets/escenas/K00-idea.jpg) center/cover}
.no-js .copy-stack{position:relative;inset:auto;padding:180px 8vw 160px}
.no-js .scene-copy{position:relative;left:auto;bottom:auto;width:auto;opacity:1;visibility:visible;transform:none;margin-bottom:60px}
.no-js .stage-bottom,.no-js .frame-corners,.no-js .stage-top,.no-js #film,.no-js .meeting[data-contact],.no-js .menu-toggle{display:none}

@media(max-width:1050px){.ia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-card.is-key{grid-column:1/-1}.ia-rule{grid-template-columns:1fr;gap:20px}.company-grid{grid-template-columns:1fr 1fr}.company-grid .is-key{grid-column:1/-1}.countries{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr;row-gap:40px}}
@media(max-width:700px){.products-section,.ia-section,.company-section{padding:80px 23px 85px}.pgrid,.ia-grid,.company-grid{margin-top:40px;grid-template-columns:1fr}.pcard{padding:22px 20px 20px}.ficha{padding:26px 20px 32px;border-radius:17px}.ficha-grid{grid-template-columns:1fr;gap:24px}.ficha .ficha-lede{font-size:19px}.countries{grid-template-columns:1fr;margin-top:50px}.countries li{padding-right:0}.stats{grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:50px}.footer-cols{grid-template-columns:1fr;gap:30px;margin-top:40px}.dialog-body .two{grid-template-columns:1fr}.lead-estado{grid-column:1}}
@media(prefers-reduced-motion:reduce){.ver-ficha span,.pcard{transition:none}}


/* Auditoría impeccable (2026-10-20): piso de legibilidad, contraste, objetivos táctiles y superficies del navegador */
.solution-meta,.flow-note{font-size:11px}
.need-n{color:#44606b}
.work-steps article>span{color:#42606d}
:root{accent-color:#e87b37}
input,textarea{caret-color:#a64a16}
@media(max-width:700px){
  .stage-top span:first-child,.stage-top span:last-child{font-size:11px}
  .header-actions .meeting{min-height:44px}
  .menu-toggle{width:44px;height:44px}
  .footer-cols nav{gap:0}
  .footer-cols nav a{padding:12px 0}
  .footer-top>a:last-child{padding:12px 0}
}

/* Carrusel 3D de productos (viene del sitio anterior, en el lenguaje de vidrio del mockup) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.showcase{position:relative;margin-top:60px;padding:60px 0 34px;border:1px solid rgba(255,255,255,.27);border-radius:24px;overflow:hidden;color:#eff6f3;background:radial-gradient(circle at 50% 0%,rgba(113,167,176,.28),transparent 48%),linear-gradient(155deg,#123e50,#082b3e 60%,#061d2d);box-shadow:inset 0 1px rgba(255,255,255,.29),0 22px 45px rgba(5,35,47,.16)}
.no-js .showcase{display:none}
.stage3d{--k:1.15;position:relative;perspective:1600px;perspective-origin:50% 46%}
.ring{position:relative;height:calc(452px*var(--k));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.mock{position:absolute;left:50%;top:0;width:calc(262px*var(--k));height:calc(452px*var(--k));margin-left:calc(-131px*var(--k));padding:calc(11px*var(--k));border:1px solid rgba(238,248,250,.3);border-radius:calc(28px*var(--k));background:linear-gradient(145deg,rgba(247,252,253,.18),rgba(232,246,250,.05) 40%,rgba(5,22,35,.5)),rgba(5,21,34,.6);box-shadow:inset 0 1px rgba(255,255,255,.4),0 18px 40px rgba(0,10,21,.35);color:#eff6f3;font:inherit;text-align:left;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .6s ease,visibility 0s 0s}
/* Safari no siempre respeta backface-visibility con hijos que recortan: las de espaldas se ocultan al cruzar 90 grados */
.mock.atras{visibility:hidden;transition:opacity .6s ease,visibility 0s linear .45s}
.mock:focus-visible{outline:2px solid #ff822c;outline-offset:4px}
.screen{height:100%;display:flex;flex-direction:column;gap:calc(12px*var(--k));padding:calc(18px*var(--k));border:1px solid rgba(226,244,247,.14);border-radius:calc(20px*var(--k));background:rgba(2,20,34,.45);overflow:hidden}
.scr-top{display:flex;align-items:center;justify-content:space-between}
.scr-app{font-size:calc(11px*var(--k));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffb684}
.scr-dot{width:calc(26px*var(--k));height:calc(6px*var(--k));border-radius:99px;background:rgba(255,255,255,.25)}
.scr-nm{font-size:calc(26px*var(--k));font-weight:600;letter-spacing:-.025em;line-height:1.05}
.scr-ds{font-size:calc(14px*var(--k));line-height:1.4;color:#cfdee0;padding-bottom:calc(14px*var(--k));border-bottom:1px solid rgba(226,244,247,.18)}
.scr-lista{list-style:none;margin:0;padding:0;display:grid;gap:calc(10px*var(--k))}
.scr-lista li{position:relative;padding-left:calc(16px*var(--k));font-size:calc(13.5px*var(--k));line-height:1.35;color:#d6e5e7}
.scr-lista li:before{content:"";position:absolute;left:0;top:.62em;width:calc(8px*var(--k));height:1px;background:#ff9e64}
.scr-ia{margin-top:auto;display:flex;align-items:flex-start;gap:9px;padding-top:calc(13px*var(--k));border-top:1px solid rgba(226,244,247,.18)}
.scr-ia .tag{flex:none;padding:4px 6px;border-radius:4px;background:#ff822c;color:#001121;font-size:calc(11px*var(--k));font-weight:700;letter-spacing:.1em;line-height:1}
.scr-ia .tag.pronto{background:#a9c2c8}
.scr-ia p{font-size:calc(12.5px*var(--k));line-height:1.4;color:#c7d7da}
.scr-ia em{font-style:normal;color:#a6c2c8}
.ctrls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px;padding:0 20px}
.nav3d{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(230,247,250,.29);border-radius:13px;background:rgba(255,255,255,.08);color:#eff6f3;box-shadow:inset 0 1px rgba(255,255,255,.23);transition:background .2s}
.nav3d:hover{background:rgba(255,255,255,.16)}
#pausa .i-play,#pausa[aria-pressed=true] .i-pausa{display:none}#pausa[aria-pressed=true] .i-play{display:block}
.dots{display:flex}
.dot{width:24px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent}
.dot:before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);transition:transform .2s,background .2s}
.dot[aria-current=true]:before{background:#ff822c;transform:scale(1.5)}
.dot:hover:before{background:rgba(255,255,255,.7)}
.showcase .ver-ficha{margin:0 0 0 14px;color:#eff6f3}
.showcase .ver-ficha:hover{color:#ffaf79}
.showcase+.pgrid{margin-top:40px}
@media(max-width:1099px){.stage3d{--k:1.05}}
@media(max-width:700px){.stage3d{--k:.92}.showcase{margin-top:40px;padding-top:40px;border-radius:17px}.ctrls{gap:8px}.dot{width:20px}.showcase .ver-ficha{margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.ring,.mock,.dot:before{transition:none}}

/* Logo del sitio actual: isotipo + "Sapientia" en Chivo 700 (Pedro, 2026-10-20: el texto del mockup se veía muy chico) */
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;line-height:1}
.brand img{display:block;height:42px;width:auto}
.brand b{font-family:var(--fd);font-size:28px;font-weight:700;letter-spacing:-.03em}
.footer-top .brand img{height:52px}
.footer-top .brand b{font-size:34px}
@media(max-width:700px){.brand{gap:9px}.brand img{height:34px}.brand b{font-size:23px}.footer-top .brand img{height:44px}.footer-top .brand b{font-size:29px}}
/* El mockup trae una regla genérica "footer span:first-child / footer a" de su maqueta anterior: se neutraliza en el pie nuevo */
.site-footer .footer-bottom span{font-size:13px;font-weight:400}
.footer-cols a{text-decoration:none}
.footer-cols a:hover{text-decoration:underline;text-underline-offset:4px}

/* Legibilidad (Pedro, 2026-10-20: "la fuente tiene que ser legible, no tan pequeña en el menú").
   Texto de interfaz a 14-16px; etiquetas a 13px. Barlow es estrecha: necesita más cuerpo que Bahnschrift. */
.site-nav a{font-size:15px;font-weight:500;letter-spacing:.005em;padding:10px 15px}
.header-actions .meeting,.meeting{font-size:15px}
.section-label,.panel-eyebrow,.ia-mark,.pcard .cat,.ficha h4,.footer-cols nav span{font-size:13px;letter-spacing:.12em}
.stage-top{font-size:13px}
.stage-top span:last-child{font-size:15px}
.scene-kicker{font-size:15px}
.scroll-hint{font-size:14px}
.scene-nav button{font-size:14px}
.scene-nav button span{font-size:15px}
.need-n{font-size:13px}
.panel-tags span{font-size:13px}
.solution-meta,.flow-note,.flow-map small{font-size:12px}
.ver-ficha,.line-action,.text-link{font-size:15px}
.work-steps small{font-size:14px}
.work-steps article>span,.solution-num{font-size:14px}
.ia-chip{font-size:12px}
.footer-cols nav{font-size:16px}
.site-footer .footer-bottom span{font-size:14px}
.site-footer>small{font-size:12px}
.dialog-head{font-size:14px}
.dialog-body label{font-size:14px}
@media(max-width:1180px) and (min-width:1051px){.site-nav a{padding:10px 11px;font-size:14px}}
@media(max-width:700px){.site-nav a{font-size:17px;padding:13px 0}.header-actions .meeting{font-size:13px}.stage-top span:first-child,.stage-top span:last-child{font-size:12px}.scene-nav button,.scene-nav button span{font-size:13px}}

/* Menú plegado desde 1050px (tablet y móvil). Corrige además un error del mockup: ".site-header>*{position:relative}"
   le ganaba al position:absolute del desplegable y el menú abierto estiraba la cabecera. */
@media(max-width:1050px){
  .site-header{grid-template-columns:auto 1fr auto}
  .site-header .site-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;grid-column:auto;grid-row:auto;justify-self:stretch;flex-direction:column;align-items:stretch;gap:0;padding:9px 15px 15px;border:1px solid rgba(230,247,250,.25);border-radius:17px;background:rgba(3,21,35,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 30px rgba(0,17,33,.33)}
  .site-header.menu-open .site-nav{display:flex}
  .site-header .site-nav a{font-size:17px;padding:14px 8px;border-radius:8px;border-bottom:1px solid #325464}
  .site-header .site-nav a:last-child{border-bottom:0}
  .header-actions{grid-column:3;grid-row:1}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:rgba(255,255,255,.08);border:1px solid rgba(232,247,251,.29);border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.23)}
  .menu-toggle span{display:block;width:100%;height:1px;background:#fff}
}
@media(max-width:700px){
  .header-actions{gap:8px}
  .header-actions .meeting{white-space:nowrap;padding:8px 12px;font-size:14px}
  .header-actions .meeting span{display:none}
  .brand b{font-size:21px}.brand img{height:32px}
}

/* ===== Tipografía del sitio anterior (Pedro, 2026-10-20: "que sea la fuente anterior, que sea legible") =====
   Títulos: Chivo 500 · Texto: Source Sans 3 · Menú, botones y etiquetas: IBM Plex Mono 500 en mayúsculas. */
body{font-family:var(--font);font-size:18px}
h1,h2,h3,.scr-nm,.need-tabs button span:nth-child(2),.question-list summary,.flow-map strong,.countries strong,.ficha-lede{font-family:var(--fd);font-weight:500}
h1,h2{letter-spacing:-.04em}
h3,.need-tabs button span:nth-child(2),.question-list summary,.flow-map strong,.countries strong,.scr-nm{letter-spacing:-.025em}
.ficha .ficha-lede{letter-spacing:-.015em}
.site-nav a,.meeting,.line-action,.ver-ficha,.text-link,.ficha-close,.dialog-head,.dialog-head button,
.section-label,.scene-kicker,.stage-top,.scroll-hint,.scene-nav button,.panel-eyebrow,.panel-tags span,.panel-visual span,
.need-n,.solution-num,.solution-meta,.flow-note,.flow-map small,.work-steps article>span,.work-steps small,.ia-mark,
.pcard .cat,.ia-chip,.ficha h4,.scr-app,.scr-ia .tag,.footer-cols nav span,.stats strong,.dialog-body label{font-family:var(--fm);font-weight:500}
.site-nav a,.meeting,.line-action,.ver-ficha,.text-link,.ficha-close,.scene-kicker,.scroll-hint,.scene-nav button,.panel-tags span,.ia-chip{text-transform:uppercase;letter-spacing:.04em}
.section-label,.panel-eyebrow,.ia-mark,.pcard .cat,.ficha h4,.footer-cols nav span,.stage-top,.solution-meta,.flow-note,.flow-map small,.scr-app{letter-spacing:.08em}
.site-nav a{font-size:14px}
.meeting{font-size:14px}
.line-action,.ver-ficha,.text-link{font-size:14px}
.scene-nav button span{font-family:var(--font);text-transform:none;letter-spacing:0;font-size:16px;font-weight:600}
.dialog-body label{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.dialog-body label i{font-style:normal}
.stats strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.solution-meta{font-size:13px}
/* texto corrido: el sitio anterior lo llevaba a 19px; aquí 17-19px según el bloque */
.section-heading>p,.intro-main p,.work-lead p,.flow-copy p,.need-panel p,.close-section p,.ia-rule p{font-size:19px}
.solution-list p,.work-steps p,.question-list details p,.pcard>p,.ficha p,.ficha li,.company-grid p,.ia-card p{font-size:17px}
.pcard ul,.countries span,.stats span,.scr-lista li{font-size:15px}
.scene-copy p{font-size:clamp(18px,1.7vw,24px)}
.footer-cols nav a{font-size:16px}
@media(max-width:700px){
  .site-header .site-nav a{font-size:15px}
  .header-actions .meeting{font-size:12px;letter-spacing:.02em}
  .section-heading>p,.intro-main p,.work-lead p,.flow-copy p,.need-panel p,.close-section p,.ia-rule p{font-size:17px}
  .solution-list p,.work-steps p,.question-list details p,.pcard>p,.ficha p,.ficha li,.company-grid p,.ia-card p{font-size:16px}
  .scene-nav button span{font-size:14px}
}

/* Tras enviar: botón al agendador de Odoo (guion, punto 4) */
.lead-estado .agenda-cta{display:flex;width:100%;margin-top:16px;text-decoration:none;color:var(--night)}
.lead-estado .agenda-cta:hover{color:var(--night)}
.lead-estado small{display:block;margin-top:10px;font-size:14px;color:#2f5a46}
/* "display:grid" del formulario anulaba el atributo hidden: tras enviar, el formulario seguía visible */
[hidden]{display:none!important}