/* Variante aislada. No modifica los estilos de la página de 4175. */
body{background:#f5f0e7}.hero{background:#211c17;position:relative;isolation:isolate;min-height:820px}.hero::before{content:'';position:absolute;inset:-30px;z-index:0;background:url('/variante/assets/cafeteria.png') center/cover;filter:blur(5px) brightness(.8);animation:cafeRespira 22s ease-in-out infinite alternate}.hero::after{content:'';position:absolute;inset:0;height:auto;z-index:1;background:linear-gradient(90deg,rgba(12,14,16,.88),rgba(15,17,17,.64) 46%,rgba(13,16,18,.32)),linear-gradient(0deg,rgba(17,20,21,.8),transparent 30%);animation:luzCafe 9s ease-in-out infinite alternate}.hero-copy,.product-stage{z-index:2}.hero-restaurant{display:none}.product-stage::before,.product-stage::after,.product-stage .glow{display:none}.product-stage{min-height:470px;perspective:1200px}.pantalla-portada{position:absolute;top:35px;right:0;width:105%;overflow:hidden;border:1px solid #d6ae6266;border-radius:14px;background:#091b2a;box-shadow:0 35px 70px #0007;transform:rotateY(-6deg);animation:pantallaFlota 7s ease-in-out infinite alternate}.pantalla-portada>span{display:block;padding:12px 20px;color:#e0c78e;font-size:10px;letter-spacing:.15em}.pantalla-portada img{width:100%;height:auto;display:block}.telefono-portada{position:absolute;bottom:25px;left:-7%;width:66%;overflow:hidden;border:6px solid #16212b;border-radius:16px;box-shadow:0 25px 50px #0009;transform:rotate(-3deg);background:#fff}.telefono-portada img{display:block;width:100%;height:auto}.nota-demo{position:absolute;right:0;bottom:0;color:#cabb9d;font-size:11px}.hero h1{font-size:clamp(2.8rem,4.5vw,4.7rem)}
.seccion-variante{max-width:1360px;margin:0 auto;padding:100px 48px}.encabezado{max-width:730px;margin-bottom:52px}.encabezado h2{font-size:clamp(2.7rem,5vw,4rem);margin-bottom:22px}.encabezado>p:last-child{color:#647078;font-size:19px}.recorrido-producto{display:grid;grid-template-columns:340px minmax(0,1fr);gap:54px;align-items:center}.pasos{display:grid;position:relative;gap:4px}.pasos:before{content:'';position:absolute;left:24px;top:30px;bottom:30px;width:1px;background:#c7b998}.paso{position:relative;display:flex;align-items:center;gap:18px;text-align:left;border:0;background:none;padding:12px 6px;cursor:pointer;color:#657079;transition:color .25s,transform .25s}.paso>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #cbb994;border-radius:50%;background:#f5f0e7;font:700 11px Manrope}.paso b,.paso small{display:block}.paso b{font-size:15px}.paso small{font-size:12px;margin-top:3px}.paso.activo{color:#152635;transform:translateX(5px)}.paso.activo>span{background:#d6ae62;color:#17212a;box-shadow:0 0 0 5px #d6ae6225}.paso:hover{color:#102031}.escena-paso{margin:0;min-width:0;position:sticky;top:120px}.marco-real{overflow:hidden;border:1px solid #bda570;border-radius:14px;background:#0a1f30;box-shadow:0 28px 70px #0a172230}.barra-pantalla{display:flex;justify-content:space-between;padding:13px 18px;color:#e5c887;font-size:11px;letter-spacing:.08em}.barra-pantalla small{font-size:9px}.ampliar{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.ampliar img{display:block;width:100%;height:auto}.escena-paso figcaption{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:22px}.escena-paso figcaption>span{color:#9d793e;font-size:12px}.escena-paso figcaption>small{grid-column:2;color:#7a8388;font-size:11px}.avance{height:2px;background:#ddd2bd;margin-top:22px}.avance i{display:block;height:100%;width:14.285%;background:#b4873d;transition:width .5s}.inicio-rapido{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:56px;padding:28px 0;border-top:1px solid #dacfb9;border-bottom:1px solid #dacfb9}.inicio-rapido p{margin:0;color:#707770;font-size:15px}.inicio-rapido b{display:block;color:#21303a;font-size:21px}.inicio-rapido span{float:left;font-size:28px;margin-right:16px}.aclaracion{display:block;color:#81847c;font-size:11px;margin-top:12px}.funcion{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}.texto-funcion h2{font-size:clamp(2rem,3.4vw,3.2rem);margin:20px 0}.texto-funcion>p:not(.eyebrow){color:#69757a;font-size:18px}.texto-funcion>a{display:inline-flex;gap:20px;border-bottom:1px solid #be9c5c;padding:12px 0;color:#7d5a28;font-weight:700;font-size:14px}.texto-funcion>small{display:block;color:#788085;font-size:12px}.captura-funcion{margin:0;min-width:0;transform:translateY(0);transition:transform .6s}.captura-funcion .ampliar{overflow:hidden;border-radius:12px;box-shadow:0 22px 60px #0a1f3026;border:1px solid #c8b992}.captura-funcion figcaption{font-size:11px;color:#788085;margin-top:14px}.invertida .texto-funcion{order:2}.oscura{max-width:none;background:radial-gradient(ellipse at 35% 45%,#193747,#091d2b 70%);color:#fff;padding-left:max(48px,calc((100vw - 1264px)/2));padding-right:max(48px,calc((100vw - 1264px)/2))}.oscura .texto-funcion>p:not(.eyebrow){color:#aabac2}.oscura .eyebrow,.oscura .texto-funcion>a{color:#ddbe80}.oscura figcaption{color:#92a5ad}.funcion.en-vista .captura-funcion{animation:entradaPantalla .8s ease both}.visor{width:min(1500px,96vw);max-width:96vw;padding:45px 10px 10px;border:1px solid #b59556;border-radius:14px;background:#0a1c29}.visor::backdrop{background:#030b12df;backdrop-filter:blur(8px)}.visor img{display:block;width:100%;height:auto}.cerrar-visor{position:absolute;right:12px;top:8px;background:none;border:0;color:#e7ca8a;padding:5px 10px;cursor:pointer}.paso:focus-visible,.ampliar:focus-visible{outline:3px solid #a67b35;outline-offset:4px}
@keyframes cafeRespira{from{transform:scale(1.04) translateX(-.5%)}to{transform:scale(1.12) translateX(.5%)}}@keyframes luzCafe{from{opacity:1}to{opacity:.84}}@keyframes pantallaFlota{to{transform:rotateY(-3deg) translateY(-8px)}}@keyframes entradaPantalla{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.product-stage{max-width:800px;width:100%;margin:auto;min-height:510px}.pantalla-portada{width:90%}.telefono-portada{left:0;width:55%}.recorrido-producto{grid-template-columns:280px minmax(0,1fr);gap:28px}.funcion{gap:30px}.seccion-variante{padding:72px 32px}}
@media(max-width:720px){.seccion-variante{padding:60px 22px}.recorrido-producto{display:flex;flex-direction:column;gap:24px}.pasos{width:100%;grid-template-columns:1fr 1fr;gap:8px}.pasos:before{display:none}.paso{gap:10px;border-bottom:1px solid #daceb8;padding:10px 0}.paso b{font-size:12px}.paso small{font-size:10px}.paso>span{width:28px;height:28px}.escena-paso{position:static;width:100%}.inicio-rapido{grid-template-columns:1fr;gap:22px}.funcion{display:flex;flex-direction:column;align-items:stretch;gap:24px}.invertida .texto-funcion{order:0}.barra-pantalla small{font-size:7px}.encabezado>p:last-child{font-size:16px}.hero h1{font-size:2.9rem}.hero::before{filter:blur(4px) brightness(.85)}.product-stage{min-height:340px;margin-top:24px}.pantalla-portada{width:100%;top:15px;transform:none}.telefono-portada{width:68%;bottom:26px}.nota-demo{font-size:9px}.texto-funcion h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.pantalla-portada,.funcion.en-vista .captura-funcion{animation:none}.paso,.avance i{transition:none}}