.escena{perspective:1400px;perspective-origin:50% 42%;transform-style:preserve-3d}.capa{transform:translateZ(var(--z,0px));transform-style:preserve-3d}.perspectiva{perspective:900px}.fondo-escena{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.piso{background-image:linear-gradient(color-mix(in oklch, var(--accent), transparent 72%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--accent), transparent 72%) 1px, transparent 1px);transform-origin:50% 0;pointer-events:none;background-size:76px 76px;position:absolute;inset:56% -70% -34%;transform:perspective(620px)rotateX(72deg);-webkit-mask-image:linear-gradient(#000,#000 40%,#0000 86%);mask-image:linear-gradient(#000,#000 40%,#0000 86%)}@media (prefers-reduced-motion:no-preference){.piso{animation:5.5s linear infinite piso-avanza}}@keyframes piso-avanza{to{background-position:0 76px,76px 0}}.tarjeta3d{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .26s cubic-bezier(.2,.7,.3,1)}.brillo{background:radial-gradient(260px circle at var(--mx,50%) var(--my,40%), #ffffff47, transparent 62%);mix-blend-mode:soft-light;pointer-events:none}@supports (color:lab(0% 0 0)){.brillo{background:radial-gradient(260px circle at var(--mx,50%) var(--my,40%), lab(100% 0 0/.28), transparent 62%)}}@media (prefers-reduced-motion:no-preference){.flota{animation:7s ease-in-out infinite flota;animation-delay:var(--retraso,0s)}}@keyframes flota{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.entra3d{animation:linear both entra3d;animation-timeline:view();animation-range:entry}}}@keyframes entra3d{0%{opacity:0;transform:perspective(900px)rotateX(12deg)translateY(34px)scale(.97)}to{opacity:1;transform:none}}.realce3d{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}@media (prefers-reduced-motion:no-preference) and (hover:hover){.realce3d:hover,.realce3d:focus-within{box-shadow:var(--elev-2);transform:rotateX(7deg)translateY(-6px)scale(1.015)}.realce3d:hover .realce3d-frente,.realce3d:focus-within .realce3d-frente{transform:translateZ(38px)}}.realce3d-frente{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.prisma-escena{perspective:1500px;perspective-origin:50%}.prisma{--radio:calc(var(--ancho) * .866);width:var(--ancho);transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radio))) rotateY(calc(var(--activa) * -60deg));transition:transform .9s cubic-bezier(.16,1,.3,1);position:relative}.cara{transform:rotateY(calc(var(--n) * 60deg)) translateZ(var(--radio));backface-visibility:hidden;transition:opacity .5s;position:absolute;inset:0}.cara[data-activa=no]{opacity:.24}.cara-medidora{position:relative}@media (prefers-reduced-motion:reduce){.prisma{transition-duration:1ms}}.telefono3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:rotateY(-19deg)rotateX(7deg)rotate(-1.5deg)}@media (prefers-reduced-motion:no-preference) and (hover:hover){.telefono3d:hover,.telefono3d:focus-within{transform:rotateY(-6deg)rotateX(2deg)rotate(0)}}@media (prefers-reduced-motion:reduce){.telefono3d{transition:none}}.resplandor{filter:blur(70px);opacity:.38;pointer-events:none;border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.resplandor{animation:11s ease-in-out infinite alternate resplandor-late;animation-delay:var(--retraso,0s)}}@keyframes resplandor-late{0%{opacity:.26;transform:scale(.92)translate(0,0)}to{opacity:.46;transform:scale(1.1)translate(2%,-3%)}}