.landing{--l-noche:#141716;--l-noche-2:#1c201e;--l-texto:#f3f5f3;--l-texto-suave:#b7beb9;--l-trazo:rgba(255,255,255,.14);--l-luz:#45d483;--l-hueco:#0d0f0e;--l-carcasa-1:#4a504c;--l-carcasa-2:#2c312e;--l-rotor-1:#6a716c;--l-rotor-2:#454b47;--l-metal-1:#dfe4e0;--l-metal-2:#9aa29d;--l-metal-3:#6c736f;--l-laton-1:#5c3f12;--l-laton-2:#c79a43;--l-laton-3:#f3dc95;--l-bronce-1:#8a6a3c;--l-bronce-2:#3d2e19;--l-acero-1:#4f5753;--l-acero-2:#d5dbd7;--l-acero-3:#f7faf8;--l-ease:cubic-bezier(.23,1,.32,1)}.landing .l-oscuro{background-color:var(--l-noche);color:var(--l-texto)}.landing .l-suave{color:var(--l-texto-suave)}.landing .l-luz{color:var(--l-luz)}.landing .l-trazo{border-color:var(--l-trazo)}.landing .l-capa{border-top-left-radius:2rem;border-top-right-radius:2rem;margin-top:-2rem;position:relative}.landing .l-cabecera{background-color:transparent;border-bottom:1px solid transparent;transition:background-color .25s,border-color .25s}.landing .l-cabecera[data-solida=true]{background-color:color-mix(in srgb,var(--l-noche)90%,transparent);border-bottom-color:var(--l-trazo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes l-entra{0%{opacity:0;transform:translateY(24px)}}.landing .l-entra{animation:l-entra .8s var(--l-ease)both;animation-delay:calc(.12s + var(--i,0)*90ms)}.landing{--l-muelle:cubic-bezier(.34,1.32,.64,1)}@supports (transition-timing-function:linear(0, 1)){.landing{--l-muelle:linear(0,.18 3%,.55 7.5%,.88 12.5%,1.035 18%,1.055 22%,1.03 28%,1.008 36%,.998 46%,1)}}.landing .l-revela[data-estado=oculto]{opacity:0;transform:translateY(26px)scale(.985)}.landing .l-revela[data-estado=visto]{opacity:1;transition:opacity .48s var(--l-ease),transform .85s var(--l-muelle);transition-delay:var(--l-retardo,0s);transform:none}.landing [data-slot=button]{transition:transform .16s var(--l-ease),background-color .2s ease,border-color .2s ease,color .2s ease}.landing [data-slot=button]:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.landing [data-slot=button]:hover{transform:translateY(-1px)}.landing [data-slot=button]:active{transform:scale(.97)}}.landing :focus-visible{outline:2px solid var(--cetec-green-hover);outline-offset:3px}.landing .l-oscuro :focus-visible{outline-color:var(--l-luz)}.landing .l-cabecera :focus-visible{outline-color:var(--l-luz)}.landing .l-oscuro:focus-visible{outline-color:var(--l-luz)}.landing [data-slot=button]:focus-visible{box-shadow:none}.landing .l-cilindro [data-perno-alto],.landing .l-cilindro [data-perno-bajo],.landing .l-cilindro [data-muelle],.landing .l-cilindro [data-tambor],.landing .l-cilindro [data-llave],.landing .l-cilindro [data-canto],.landing .l-cilindro [data-rotor],.landing .l-cilindro [data-leva],.landing .l-cilindro [data-pestillo]{will-change:transform}.landing .l-cilindro [data-muelle]{transform-origin:0 0}.landing .l-anot{fill:var(--l-texto-suave);letter-spacing:.02em;font-size:15px}.landing .l-vista-frontal{transform:translate(905px,178px)scale(1.12)}@media (max-width:767px){.landing .l-cilindro{overflow:visible}.landing .l-vista-frontal{transform:translate(516px,590px)scale(1.35)}}.landing .l-paso-texto{transition:opacity .45s var(--l-ease)}.landing .l-pasos[data-js] .l-paso[data-estado=pendiente] .l-paso-texto,.landing .l-pasos[data-js] .l-paso[data-estado=hecho] .l-paso-texto{opacity:.72}.landing .l-paso-desc{transition:color .3s}.landing .l-pasos[data-js] .l-paso[data-estado=activo] .l-paso-desc{color:var(--l-texto)}.landing .l-nodo{transition:background-color .3s,border-color .3s}.landing .l-paso[data-estado=activo] .l-nodo,.landing .l-paso[data-estado=hecho] .l-nodo{background-color:var(--cetec-green-hover);border-color:var(--cetec-green-hover);color:var(--primary-foreground)}.landing .l-segmento{transform:scaleY(var(--relleno,0));transform-origin:top}@media (prefers-reduced-motion:reduce){.landing .l-entra{animation:none}.landing .l-revela[data-estado=oculto]{opacity:1;transform:none}.landing [data-slot=button]:hover{transform:none}.landing .l-revela[data-estado=visto],.landing .l-paso-texto{transition:none}}.landing .l-canales-boton{transition:transform .16s var(--l-ease),background-color .16s ease}.landing .l-canales-boton [data-icono]{transition:opacity .18s,transform .26s cubic-bezier(.34,1.45,.64,1)}.landing .l-canales-boton[aria-expanded=false] [data-icono=cerrar],.landing .l-canales-boton[aria-expanded=true] [data-icono=abrir]{opacity:0;transform:rotate(-60deg)scale(.6)}.landing .l-canales-boton[aria-expanded=true] [data-icono=cerrar],.landing .l-canales-boton[aria-expanded=false] [data-icono=abrir]{opacity:1;transform:none}.landing .l-canales-panel{transform-origin:100% 100%;transition:transform .16s var(--l-ease),opacity .14s ease,visibility 0s linear .16s}.landing .l-canales-panel[data-abierto=false]{opacity:0;visibility:hidden;transform:scale(.9)translateY(8px)}.landing .l-canales-panel[data-abierto=true]{opacity:1;visibility:visible;transition:transform .32s cubic-bezier(.34,1.45,.64,1),opacity .14s,visibility;transform:none}.landing .l-canales-panel li{transition:opacity .2s ease,transform .28s var(--l-ease)}.landing .l-canales-panel[data-abierto=false] li{opacity:0;transform:translateY(6px)}.landing .l-canales-panel[data-abierto=true] li{opacity:1;transition-delay:calc(30ms + (var(--n,6) - 1 - var(--i,0))*30ms);transform:none}.landing .l-canal{transition:background-color .14s ease,transform .14s var(--l-ease)}.landing .l-canales{transition:opacity .18s ease,transform .22s var(--l-ease),visibility 0s}.landing .l-canales[data-oculto=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .18s var(--l-ease),visibility 0s linear .18s;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.landing .l-canales,.landing .l-canales-panel,.landing .l-canales-panel li,.landing .l-canales-boton [data-icono]{transition:opacity .12s;transform:none!important}.landing .l-canales-panel[data-abierto=false]{transition:opacity .12s,visibility 0s linear .12s}.landing .l-canales-panel[data-abierto=true]{transition:opacity .12s,visibility}}.landing{--l-resorte:cubic-bezier(.34,1.45,.64,1)}.landing .l-plato{background-color:var(--l-noche)}.landing .l-plato-fondo{background:radial-gradient(60% 55% at 50% 52%,rgba(69,212,131,.1),transparent 70%)}.landing .l-plato-chico{background-color:var(--l-noche);background-image:radial-gradient(70% 60% at 50% 55%,rgba(69,212,131,.08),transparent 75%);transition:box-shadow .25s}.landing .l-plato-chico svg,.landing .l-plato-fondo svg{overflow:visible}.landing .l-enlace-plato{color:var(--l-luz)}.landing .l-enlace-plato:focus-visible{outline:2px solid var(--l-luz);outline-offset:4px;border-radius:.25rem}.landing .l-enlace-fila:focus-visible{outline:2px solid var(--cetec-green);outline-offset:4px;border-radius:.25rem}.landing .l-boton-cierre:focus-visible{outline:2px solid var(--cetec-green);outline-offset:4px;border-radius:.25rem}.landing .l-boton-cierre{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);background-color:var(--card);border-radius:999px;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:500;transition:border-color .2s;display:inline-flex}.landing .l-boton-cierre:hover{border-color:var(--cetec-green)}.landing .l-flecha{transition:transform .25s var(--l-ease)}.landing .l-prod :-webkit-any(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition-property:transform,opacity;transition-duration:.26s;transition-timing-function:var(--l-ease)}.landing .l-prod :-moz-any(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition-property:transform,opacity;transition-duration:.26s;transition-timing-function:var(--l-ease)}.landing .l-prod :is(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition-property:transform,opacity;transition-duration:.26s;transition-timing-function:var(--l-ease)}.landing .p-luz,.landing .p-pantalla,.landing .p-tecla{opacity:0}.landing .p-pantalla{opacity:.25;transform-origin:72px 35px;transform:scaleX(.3)}.landing .p-sombra{opacity:0}.landing .p-onda{opacity:.35}.landing .p-arco,.landing .p-giro,.landing .p-pestillo,.landing .p-bulon,.landing .p-varilla,.landing .p-manija,.landing .p-hoja,.landing .p-boton{transform:none}.landing .p-arco{transform-origin:124px 76px}.landing .p-giro{transform-origin:96px 86px}.landing .p-hoja{transform-origin:100px 80px}.landing .p-manija{transform-origin:140px 130px}.landing .p-boton{transform-origin:91px 92px}.landing .l-prod .p-giro{transform-box:view-box}@media (prefers-reduced-motion:no-preference){.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-arco{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:translateY(-13px)rotate(-32deg)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-arco{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:translateY(-13px)rotate(-32deg)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-arco{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:translateY(-13px)rotate(-32deg)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-luz{opacity:1;transition-delay:.12s}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-luz{opacity:1;transition-delay:.12s}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-luz{opacity:1;transition-delay:.12s}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-giro{transition-duration:.32s;transform:rotate(90deg)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-giro{transition-duration:.32s;transform:rotate(90deg)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-giro{transition-duration:.32s;transform:rotate(90deg)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-pestillo{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(-24px)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-pestillo{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(-24px)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-pestillo{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(-24px)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-bulon{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(34px)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-bulon{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(34px)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-bulon{transition-duration:.34s;transition-delay:.14s;transition-timing-function:var(--l-resorte);transform:translate(34px)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-varilla{transition-duration:.36s;transition-timing-function:var(--l-resorte);transform:translate(40px)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-varilla{transition-duration:.36s;transition-timing-function:var(--l-resorte);transform:translate(40px)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-varilla{transition-duration:.36s;transition-timing-function:var(--l-resorte);transform:translate(40px)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-hoja{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:scaleX(.38)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-hoja{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:scaleX(.38)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-hoja{transition-duration:.42s;transition-timing-function:var(--l-resorte);transform:scaleX(.38)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-sombra{opacity:.35}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-sombra{opacity:.35}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-sombra{opacity:.35}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-pantalla{opacity:1;transition-duration:.38s;transform:none}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-pantalla{opacity:1;transition-duration:.38s;transform:none}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-pantalla{opacity:1;transition-duration:.38s;transform:none}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-tecla{opacity:.85;transition-delay:calc(.12s + var(--d,0s))}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-tecla{opacity:.85;transition-delay:calc(.12s + var(--d,0s))}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-tecla{opacity:.85;transition-delay:calc(.12s + var(--d,0s))}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-manija{transition-duration:.3s;transition-delay:.38s;transition-timing-function:var(--l-resorte);transform:rotate(16deg)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-manija{transition-duration:.3s;transition-delay:.38s;transition-timing-function:var(--l-resorte);transform:rotate(16deg)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-manija{transition-duration:.3s;transition-delay:.38s;transition-timing-function:var(--l-resorte);transform:rotate(16deg)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-boton{transition-duration:.12s;transform:scale(.92)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-boton{transition-duration:.12s;transform:scale(.92)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-boton{transition-duration:.12s;transform:scale(.92)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .p-onda{opacity:1;transition-delay:calc(.1s + var(--d,0s))}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .p-onda{opacity:1;transition-delay:calc(.1s + var(--d,0s))}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .p-onda{opacity:1;transition-delay:calc(.1s + var(--d,0s))}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .l-flecha{transform:translate(2px,-2px)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .l-flecha{transform:translate(2px,-2px)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .l-flecha{transform:translate(2px,-2px)}.landing .l-prod:-webkit-any(:hover,:focus-within,[data-activo=true]) .l-plato-chico{box-shadow:0 0 0 1px rgba(69,212,131,.45)}.landing .l-prod:-moz-any(:hover,:focus-within,[data-activo=true]) .l-plato-chico{box-shadow:0 0 0 1px rgba(69,212,131,.45)}.landing .l-prod:is(:hover,:focus-within,[data-activo=true]) .l-plato-chico{box-shadow:0 0 0 1px rgba(69,212,131,.45)}}@media (prefers-reduced-motion:reduce){.landing .l-flecha{transition:none}.landing .l-prod :-webkit-any(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition:none}.landing .l-prod :-moz-any(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition:none}.landing .l-prod :is(.p-arco,.p-giro,.p-pestillo,.p-bulon,.p-varilla,.p-manija,.p-hoja,.p-boton,.p-luz,.p-pantalla,.p-tecla,.p-sombra,.p-onda){transition:none}.landing .p-pantalla{opacity:1;transform:none}.landing .p-onda{opacity:.8}}.landing .l-contenedor{width:100%;max-width:120rem;margin-left:auto;margin-right:auto;padding-left:max(1rem,min(4vw,4rem));padding-right:max(1rem,min(4vw,4rem))}
