@font-face{font-family:Geist;src:url('./fuentes/GeistVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.glass-refraction{position:fixed;pointer-events:none;z-index:0;contain:paint}
/* Explicit diagnostic URLs only; the normal sample keeps its material. */
body[data-glass-diagnosis=sin-blur] .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-glass-diagnosis=sin-refraccion] .glass-refraction{display:none!important}
body[data-glass-diagnosis=integrado] header,body[data-glass-diagnosis=integrado] .socials{transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
:root{font-family:Geist,Arial,sans-serif;color:#f6f1ed;background:#1b141f;font-synthesis:none;--text-accent:#97c0ff;--action:#edb98b;--action-ink:#332116;--ink:#2d282e;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;position:relative}button,a,input{font:inherit}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:active,.action:active{transform:scale(.97)}::selection{background:#99bcf0;color:#16151c}:focus-visible{outline:3px solid #598cdc;outline-offset:6px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
#ambient-colors{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}#ambient{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.global-model{position:fixed;pointer-events:none;z-index:1}.global-model.model-in-flow{position:absolute;inset:0;width:100%;height:100%;transform:none}.global-model canvas{width:100%;height:100%;display:block}main{position:relative;z-index:2}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(42px,4.65vw,72px);font-weight:560;line-height:1.06;letter-spacing:-.037em;max-width:14ch}h1 span,.intro h2 span{color:var(--text-accent)}p{line-height:1.58}header{position:fixed;top:20px;left:3vw;right:3vw;display:flex;align-items:flex-start;justify-content:space-between;z-index:10;pointer-events:none}header>*{pointer-events:auto}
.glass{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;isolation:isolate;color:var(--control-ink,#f6f1ed);background:rgba(30,34,39,.045);border:1px solid rgba(235,242,245,.22);box-shadow:0 6px 16px rgba(22,16,26,.13),inset 0 1px 0 rgba(255,255,255,.23);transition:transform 160ms var(--ease),background-color 180ms var(--ease)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glx,24%) 2%,rgba(255,255,255,.22),transparent 22%),radial-gradient(ellipse at 90% 92%,rgba(255,255,255,.1),transparent 16%)}
.glass:hover{background-color:rgba(244,242,237,.065)}.glass>span,.glass>img{position:relative;z-index:1}.brand{width:166px;height:70px;overflow:hidden}.brand img{width:205px;height:auto;max-width:none;flex-shrink:0}.menu-button{gap:14px;padding:0 25px;min-height:58px;margin-top:10px}.icon{width:22px;height:22px;display:inline-block;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;flex-shrink:0}.down{--icon:url('./iconos/arrow-down.svg')}.plus{--icon:url('./iconos/plus.svg')}.caret{--icon:url('./iconos/caret-down.svg')}.cross{--icon:url('./iconos/x.svg')}
.menu-wrap{position:relative}.menu-panel{position:absolute;right:0;top:84px;width:330px;max-width:calc(100vw - 32px);border-radius:26px;padding:24px;background:rgba(32,29,36,.94);color:#f6f1ed;backdrop-filter:blur(5px);box-shadow:0 18px 45px rgba(20,16,22,.22);transform-origin:top right}.menu-panel a{display:block;padding:10px 0;text-decoration:none;line-height:1.3}.menu-panel a:hover{text-decoration:underline}.menu-panel label{display:flex;align-items:center;gap:12px;margin-top:18px}.menu-panel input{width:20px;height:20px;accent-color:#799fdd}.menu-panel p{font-size:13px;margin-top:12px;color:#dfd7e4}
.hero{min-height:100svh;position:relative;padding:clamp(135px,19vh,190px) 6vw 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:3vw;align-items:center}.hero-copy{z-index:2}.hero-copy p{font-size:clamp(17px,1.35vw,20px);color:#e7dce7;max-width:49ch;margin-top:28px}.action{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;min-height:56px;padding:16px 24px;border-radius:999px;color:var(--action-ink);background:var(--action);font-weight:580;font-size:16px;transition:transform 150ms var(--ease),background-color 150ms var(--ease)}.action:hover{background:#f4cba8}.hero .action{margin-top:32px}.hero-art{min-height:540px;height:68vh;position:relative}.hero-art::after{content:"";position:absolute;bottom:12%;left:12%;width:76%;height:10%;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 66%);filter:blur(14px);z-index:-1}
.intro{min-height:100svh;padding:120px 9vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.intro h2{font-size:clamp(34px,5.5vw,82px);font-weight:520;line-height:1.1;letter-spacing:-.034em;max-width:20ch}.intro p{font-size:clamp(18px,1.6vw,23px);max-width:47ch;color:#e0e6df;margin-top:36px}.intro-copy{max-width:900px}
.industrial{position:relative;min-height:100svh;padding:135px 6vw 90px;color:var(--ink);--text-accent:#2455a1}.industrial h2{font-size:clamp(30px,3.1vw,46px);font-weight:560;letter-spacing:-.025em;line-height:1.15;max-width:27ch}.need-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;margin-top:28px;align-items:center}.need-art{height:430px;position:relative}.need-content{position:relative;z-index:2;padding:24px 0}.need-content h3{font-size:clamp(28px,2.8vw,42px);font-weight:580;letter-spacing:-.025em;line-height:1.13;color:var(--text-accent);max-width:19ch;min-height:2.3em}.need-content p{font-size:19px;max-width:38ch;margin:23px 0 29px;min-height:4.7em}.detail-button{background:#35303a;color:#fff9f3}.detail-button:hover{background:#4a4150}.need-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px;border-top:1px solid rgba(53,48,58,.2);padding-top:22px}.need-choice{display:flex;align-items:center;gap:18px;padding:16px 14px;text-align:left;border-radius:18px;background:transparent;color:#5e555e;position:relative;min-height:94px;transition:background-color 170ms var(--ease),color 170ms var(--ease)}.need-choice:hover{background:rgba(255,255,255,.28);color:#28242d}.need-choice[aria-selected=true]{background:rgba(255,255,255,.5);color:#204989;box-shadow:0 5px 14px rgba(83,72,68,.08)}.need-choice .thumb{width:76px;height:76px;object-fit:contain;flex-shrink:0}.need-choice .choice-label{font-size:17px;line-height:1.32;font-weight:550}.need-choice .choice-count{display:block;font-size:12px;font-weight:400;margin-top:8px;letter-spacing:.03em;color:#6e666a}.note{font-size:12px;color:#6c6268;margin-top:18px}.detail{margin:34px 0 0 auto;max-width:570px;border-radius:24px;background:rgba(249,247,244,.78);padding:32px;box-shadow:0 12px 32px rgba(32,32,32,.09)}.detail h4{font-size:16px;font-weight:550}.detail p{font-size:18px;margin:16px 0 24px}.detail .action{font-size:15px}.review-boundary{position:relative;color:#494049;padding:30px 6vw 50px;background:#e5dcd3;font-size:13px}.review-boundary summary{cursor:pointer}.review-boundary p{margin-top:15px;max-width:68ch}.review-boundary a{display:inline-block;margin:18px 18px 0 0}.selection-status{font-size:14px}
.socials{position:fixed;right:3vw;bottom:28px;z-index:12;display:flex;flex-direction:column;gap:14px}.socials>button{width:56px;height:56px}.social-panel{display:flex;flex-direction:column;gap:14px}.social-panel button{width:56px;height:56px}.social-panel .icon{width:25px;height:25px}.social-panel .fb{--icon:url('./iconos/facebook-logo.svg')}.social-panel .ig{--icon:url('./iconos/instagram-logo.svg')}.social-panel .wa{--icon:url('./iconos/whatsapp-logo.svg')}.social-note{position:absolute;right:75px;bottom:0;width:230px;background:#29252e;color:#f6f1ed;border-radius:18px;padding:18px;font-size:13px;line-height:1.4;box-shadow:0 12px 30px #0002}
body[data-glass=desenfoque-alternativo] .glass{background:#25212bdd;backdrop-filter:blur(5px);color:#f6f1ed}body[data-reduced-transparency=true] .glass{background:#25212bf5;color:#fff!important;backdrop-filter:none}.salto{position:fixed;top:0;left:0;z-index:30;transform:translateY(-120%);padding:16px;background:#f5ece0;color:#29252e}.salto:focus{transform:none}
@media(min-width:1600px){.hero,.industrial{padding-left:max(6vw,calc((100vw - 1500px)/2));padding-right:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:767px){header{top:14px;left:20px;right:20px}.brand{width:var(--brand-menu-width,100px);height:var(--brand-menu-height,48px);margin-top:10px}.brand[data-mobile-brand=ancha]{width:calc(var(--brand-menu-width,100px) + 16px)}.brand img{width:190px}.menu-button{min-height:48px;padding:0 16px;margin-top:10px;font-size:14px;gap:8px}.hero{padding:124px 24px 58px;display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:100svh}h1{font-size:clamp(32px,8.9vw,43px);max-width:16ch;line-height:1.09;letter-spacing:-.025em}.hero-copy p{font-size:16px;margin-top:22px;max-width:42ch;line-height:1.54}.hero .action{margin-top:25px}.action{font-size:15px;padding:15px 20px;gap:15px;min-height:52px}.hero-art{height:300px;min-height:300px;margin-top:-6px}.intro{padding:110px 24px;min-height:85svh}.intro h2{font-size:clamp(32px,8.6vw,42px);line-height:1.12;letter-spacing:-.023em}.intro p{font-size:17px;line-height:1.6;margin-top:28px}.industrial{padding:124px 24px 64px}.industrial h2{font-size:30px;line-height:1.16}.need-layout{display:flex;flex-direction:column;gap:0;margin-top:10px;align-items:stretch}.need-art{height:280px}.need-content{padding:10px 0 0}.need-content h3{font-size:29px;min-height:0;max-width:22ch}.need-content p{font-size:17px;min-height:0;margin:20px 0 24px;max-width:42ch}.need-choices{grid-template-columns:1fr;gap:8px;margin-top:27px;padding-top:18px}.need-choice{padding:8px 10px;min-height:84px;gap:18px}.need-choice .thumb{width:70px;height:70px}.need-choice .choice-label{font-size:17px}.need-choice .choice-count{margin-top:5px}.detail{padding:26px 22px;margin-top:28px}.socials{right:18px;bottom:24px}.socials>button,.social-panel button{width:50px;height:50px}.review-boundary{padding:25px 24px 90px}.social-note{right:62px;width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media(prefers-contrast:more){.glass{background:#29252e;color:white}.need-choice[aria-selected=true]{outline:2px solid #2455a1}.note{color:#41343d}}

.review-boundary{z-index:3}.fallback-model{width:100%;height:100%;object-fit:contain}body[data-glass=desenfoque-alternativo] .hero{background:#1b141f}body[data-glass=desenfoque-alternativo] .intro{background:#18342c}body[data-glass=desenfoque-alternativo] .industrial{background:#dcd6ce}body[data-reduced-motion=true] *,body[data-reduced-motion=true] *::before,body[data-reduced-motion=true] *::after{transition:none!important;animation:none!important}.need-choice{touch-action:manipulation}

.brand img{width:160px;height:70px;object-fit:contain}.brand[data-lg-backdrop-mode=bright] img{filter:brightness(.55)}.brand[data-lg-backdrop-mode=dark] img{filter:brightness(1.45)}.industrial{scroll-margin-top:115px}.intro{scroll-margin-top:115px}
@media(max-width:767px){.brand img{width:145px;height:62px}.industrial{display:grid;grid-template-columns:minmax(0,1fr)}.industrial>h2{order:1}.need-choices{order:2;margin-top:24px;gap:7px}.need-layout{order:3;margin-top:20px}.industrial>.note{order:4}.detail{order:5}.industrial>.sr{order:6}.need-choice{min-height:72px;padding-right:58px;gap:12px}.need-choice .thumb{width:46px;height:46px}.need-choice .choice-label{font-size:15px}.need-choice .choice-count{font-size:11px}.note{padding-right:50px}.hero-art{height:310px;min-height:310px}}

body:not([data-glass]) .industrial{background:#dcd6ce}.social-panel{transform-origin:bottom center}

/* Local suppression of foreground content passing under a lens: no header strip. */
.glass{backdrop-filter:blur(10px) saturate(.95);-webkit-backdrop-filter:blur(10px) saturate(.95);background:rgba(31,31,35,.13)}.brand{background:rgba(31,31,35,.24)}.glass[data-lg-backdrop-mode=bright]{background:rgba(244,240,234,.18)}.brand[data-lg-backdrop-mode=bright]{background:rgba(244,240,234,.38)}.brand img{width:90.81081081px;height:auto;object-fit:contain}@media(max-width:767px){.brand img{width:64px;height:auto}.brand[data-mobile-brand=ancha] img{width:72px}}

/* Header visibility retargets from the current state; no layout resizing.
   Scale each capsule around its own center, together with its optical tile. */
header,body>.glass-refraction[data-control=brand],body>.glass-refraction[data-control=menu-button]{opacity:1;transition:opacity 300ms cubic-bezier(.25,.46,.45,.94)}
.brand,#menu-button,body>.glass-refraction[data-control=brand],body>.glass-refraction[data-control=menu-button]{scale:1;transform-origin:center;transition:opacity 300ms cubic-bezier(.25,.46,.45,.94),scale 300ms cubic-bezier(.25,.46,.45,.94)}
.brand,#menu-button{transition:transform 160ms var(--ease),background-color 180ms var(--ease),scale 300ms cubic-bezier(.25,.46,.45,.94)}
body[data-header-hidden=true] header,body[data-header-hidden=true]>.glass-refraction[data-control=brand],body[data-header-hidden=true]>.glass-refraction[data-control=menu-button]{opacity:0}
body[data-header-hidden=true] .brand,body[data-header-hidden=true] #menu-button,body[data-header-hidden=true]>.glass-refraction[data-control=brand],body[data-header-hidden=true]>.glass-refraction[data-control=menu-button]{scale:.975}
body[data-header-hidden=true] header,body[data-header-hidden=true] header *{pointer-events:none!important}
body[data-header-instant=true] header,body[data-header-instant=true] .brand,body[data-header-instant=true] #menu-button,body[data-header-instant=true]>.glass-refraction[data-control=brand],body[data-header-instant=true]>.glass-refraction[data-control=menu-button]{transition:none}
@media(prefers-reduced-motion:reduce){.brand,#menu-button,body>.glass-refraction[data-control=brand],body>.glass-refraction[data-control=menu-button]{scale:1!important}}
body[data-reduced-motion=true] .brand,body[data-reduced-motion=true] #menu-button,body[data-reduced-motion=true]>.glass-refraction[data-control=brand],body[data-reduced-motion=true]>.glass-refraction[data-control=menu-button]{scale:1!important}
