@font-face{font-family:Archivo;src:url(/fuentes/Archivo.ttf) format("truetype-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--tinta: #09090b;--tinta-2: #111114;--tinta-3: #18181b;--papel: #fafafa;--papel-suave: #a1a1aa;--acento: #dfe104;--acento-tinta: #000000;--linea: #3f3f46;--radio: 0px;--borde: 2px;--rapido: .1s;--normal: .2s;--fuente: "Archivo", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--fuente);background:var(--tinta);color:var(--papel);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--acento);color:var(--acento-tinta)}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.etiqueta{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--acento)}.logo{font-weight:900;font-stretch:122%;font-size:1.5rem;letter-spacing:.01em;text-transform:uppercase}.logo em{font-style:normal;color:var(--acento);font-weight:700;font-stretch:78%;margin-left:.16em}.logo{display:inline-flex;align-items:center;gap:.45em}.logo-marca{width:1.35em;height:1.29em;flex:none;background:var(--acento);-webkit-mask:url(/disenos/logo-marca.png) center / contain no-repeat;mask:url(/disenos/logo-marca.png) center / contain no-repeat}.lema{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--acento)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;cursor:pointer;text-decoration:none;text-align:center;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;padding:.95em 1.7em;border-radius:var(--radio);transition:background var(--rapido) linear,color var(--rapido) linear,border-color var(--rapido) linear,transform var(--rapido) linear;min-height:48px}.btn:active{transform:translate(2px,2px)}.btn-lleno{background:var(--acento);color:var(--acento-tinta);border:var(--borde) solid var(--acento)}.btn-lleno:hover{background:var(--papel);border-color:var(--papel)}.btn-borde{background:transparent;color:var(--papel);border:var(--borde) solid var(--linea)}.btn-borde:hover{background:var(--acento);border-color:var(--acento);color:var(--acento-tinta)}.btn-grande{font-size:1.05rem;padding:1.1em 2em}.btn[disabled]{opacity:.4;pointer-events:none}.cinta{overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.cinta-pista{display:inline-flex;align-items:center;gap:2.2rem;padding:.55rem 0;will-change:transform;animation:marquesina 18s linear infinite}.cinta-pista span{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.cinta-pista i{font-style:normal;font-size:.7rem}.cinta-arriba{background:var(--acento);color:var(--acento-tinta);border-bottom:var(--borde) solid var(--tinta)}.cinta-seccion{background:var(--tinta);color:var(--papel);border-top:var(--borde) solid var(--linea);border-bottom:var(--borde) solid var(--linea)}.cinta-seccion .cinta-pista{padding:.8rem 0;animation-duration:26s;animation-direction:reverse}.cinta-seccion .cinta-pista i{color:var(--acento)}@keyframes marquesina{0%{transform:translate(0)}to{transform:translate(-50%)}}.portada{min-height:92vh;display:flex;flex-direction:column;position:relative;background:var(--tinta)}.portada:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--linea) 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(90deg,var(--linea) 1px,transparent 1px) 0 0 / 25% 100%;opacity:.16}.barra{display:flex;justify-content:space-between;align-items:center;padding:1.3rem clamp(1rem,5vw,4rem);position:relative;z-index:1;border-bottom:var(--borde) solid var(--linea)}.portada-centro{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem clamp(1rem,7vw,7rem);gap:1.4rem;position:relative;z-index:1}.portada-centro h1{display:flex;flex-direction:column;font-size:clamp(2.2rem,10.5vw,8.6rem);line-height:.92;font-weight:900;font-stretch:122%;text-transform:uppercase;letter-spacing:-.015em}.portada-centro h1 .contorno{color:transparent;-webkit-text-stroke:2.5px var(--papel)}.portada-centro h1 .acento{color:var(--acento)}.portada-baja{max-width:46ch;color:var(--papel-suave);font-size:1.12rem;line-height:1.55}.portada-cta{display:flex;gap:1rem;flex-wrap:wrap}.anima-1,.anima-2,.anima-3,.anima-4{opacity:0;transform:translateY(28px);animation:entrada .55s cubic-bezier(.2,.8,.2,1) forwards}.anima-2{animation-delay:.1s}.anima-3{animation-delay:.2s}.anima-4{animation-delay:.32s}@keyframes entrada{to{opacity:1;transform:none}}.portada-pasos{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--borde) solid var(--linea);position:relative;z-index:1}.portada-pasos div{padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;border-left:var(--borde) solid var(--linea);transition:background var(--rapido) linear,color var(--rapido) linear}.portada-pasos div:first-child{border-left:0}.portada-pasos b{color:var(--acento);font-size:1.6rem;font-weight:900;font-stretch:118%}.portada-pasos span{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--papel-suave)}.portada-pasos div:hover{background:var(--acento)}.portada-pasos div:hover b,.portada-pasos div:hover span{color:var(--acento-tinta)}.configurador{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:100vh}.visor{position:relative;min-height:420px;background:radial-gradient(720px 520px at 50% 32%,#1d1d21,var(--tinta));border-right:var(--borde) solid var(--linea)}.visor canvas{display:block}.visor-etiqueta{position:absolute;top:1.1rem;left:1.2rem;z-index:2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--acento-tinta);background:var(--acento);padding:.45em .9em}.visor-lados{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;border:var(--borde) solid var(--linea)}.visor-lados button{font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;padding:.7em 1.6em;border:0;cursor:pointer;min-height:44px;background:var(--tinta);color:var(--papel-suave);transition:background var(--rapido) linear,color var(--rapido) linear}.visor-lados button+button{border-left:var(--borde) solid var(--linea)}.visor-lados button:hover{color:var(--papel)}.visor-lados button.activo{background:var(--acento);color:var(--acento-tinta)}.visor-esquina{position:absolute;width:26px;height:26px;z-index:2;pointer-events:none}.visor-esquina.ne{top:1.1rem;right:1.2rem;border-top:var(--borde) solid var(--acento);border-right:var(--borde) solid var(--acento)}.visor-esquina.so{bottom:1.1rem;left:1.2rem;border-bottom:var(--borde) solid var(--acento);border-left:var(--borde) solid var(--acento)}.panel{min-width:0;background:var(--tinta-2);display:flex;flex-direction:column}.pasos{display:flex;list-style:none;padding:0;border-bottom:var(--borde) solid var(--linea)}.pasos li{flex:1;text-align:center;padding:1rem .2rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--papel-suave);border-bottom:3px solid transparent;cursor:pointer;min-height:44px;transition:color var(--rapido) linear,background var(--rapido) linear}.pasos li:hover{color:var(--papel)}.pasos li.activo{color:var(--acento);border-bottom-color:var(--acento)}.pasos li.hecho{color:var(--papel)}.paso{padding:1.6rem;overflow-y:auto;flex:1}.paso h2{font-size:1.9rem;font-weight:900;font-stretch:120%;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1.1rem}.paso h3{margin:1.5rem 0 .8rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--papel-suave)}.oculto{display:none!important}.nota{color:var(--papel-suave);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.tarjetas{display:grid;gap:.7rem}.tarjeta{background:var(--tinta-3);border:var(--borde) solid var(--linea);padding:1rem 1.2rem;cursor:pointer;transition:background var(--rapido) linear,border-color var(--rapido) linear,color var(--rapido) linear,transform var(--rapido) linear}.tarjeta:active{transform:translate(2px,2px)}.tarjeta b{display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em}.tarjeta span{color:var(--papel-suave);font-size:.88rem;transition:color var(--rapido) linear}.tarjeta:hover{border-color:var(--papel)}.tarjeta.activa{background:var(--acento);border-color:var(--acento);color:var(--acento-tinta)}.tarjeta.activa span{color:var(--acento-tinta)}.muestras{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.muestra{text-align:center;cursor:pointer}.muestra i{display:block;aspect-ratio:1;border:var(--borde) solid var(--linea);transition:border-color var(--rapido) linear,transform var(--rapido) linear}.muestra:hover i{transform:translateY(-3px);border-color:var(--papel)}.muestra.activa i{border:3px solid var(--acento)}.muestra span{display:block;margin-top:.45rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--papel-suave)}.muestra.activa span{color:var(--acento)}.tallas{display:flex;gap:.7rem;flex-wrap:wrap}.talla{width:58px;height:58px;display:grid;place-items:center;background:var(--tinta-3);border:var(--borde) solid var(--linea);border-radius:var(--radio);color:var(--papel);font:inherit;font-weight:900;font-size:1rem;cursor:pointer;transition:background var(--rapido) linear,color var(--rapido) linear,border-color var(--rapido) linear}.talla:hover{border-color:var(--papel)}.talla.activa{background:var(--acento);border-color:var(--acento);color:var(--acento-tinta)}.zonas{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.zona{font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;padding:.7em .3em;min-height:48px;cursor:pointer;background:var(--tinta-3);color:var(--papel-suave);border:var(--borde) solid var(--linea);border-radius:var(--radio);display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:background var(--rapido) linear,color var(--rapido) linear,border-color var(--rapido) linear}.zona:hover{border-color:var(--papel);color:var(--papel)}.zona.activa{background:var(--acento);border-color:var(--acento);color:var(--acento-tinta)}.zona .zona-estado{font-size:.6rem;line-height:1;min-height:.6rem;color:var(--acento)}.zona.activa .zona-estado{color:var(--acento-tinta)}.estampas{display:flex;gap:.5rem;margin-bottom:1rem;min-height:0;flex-wrap:wrap}.estampa{position:relative;width:56px;height:56px;cursor:pointer;padding:4px;background:var(--tinta-3);border:var(--borde) solid var(--linea);border-radius:var(--radio);display:grid;place-items:center;font:inherit;font-weight:900;color:var(--papel-suave);transition:border-color var(--rapido) linear,background var(--rapido) linear}.estampa img{max-width:100%;max-height:100%}.estampa.activa{border-color:var(--acento)}.estampa:hover{border-color:var(--papel)}.estampa-quitar{position:absolute;top:-9px;right:-9px;width:20px;height:20px;font-style:normal;font-size:.8rem;line-height:18px;text-align:center;background:var(--tinta);color:var(--papel);border:var(--borde) solid var(--linea)}.estampa-quitar:hover{background:var(--acento);color:var(--acento-tinta);border-color:var(--acento)}.estampa-agregar{color:var(--acento);font-size:1.4rem}.subir{display:flex;flex-direction:column;gap:.9rem}.btn-subir{justify-content:flex-start}.fondo-controles{display:flex;flex-direction:column;gap:.7rem}.alternador{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--papel-suave);cursor:pointer;min-height:44px}.alternador input{accent-color:var(--acento);width:20px;height:20px}.progreso{position:relative;height:30px;background:var(--tinta-3);border:var(--borde) solid var(--linea);overflow:hidden}.progreso div{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:var(--acento);transition:width var(--normal) linear}.progreso span{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--papel);mix-blend-mode:difference}.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.galeria button{aspect-ratio:1;border:var(--borde) solid var(--linea);cursor:pointer;background:var(--tinta-3);padding:.6rem;display:grid;place-items:center;border-radius:var(--radio);transition:border-color var(--rapido) linear,background var(--rapido) linear,transform var(--rapido) linear}.galeria button:hover{border-color:var(--papel);transform:translateY(-3px)}.galeria button:active{transform:translate(2px,2px)}.galeria button.activa{border:3px solid var(--acento)}.galeria img,.galeria svg{max-width:100%;max-height:100%}.control{display:block;margin-bottom:1.15rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--papel-suave)}.control output{float:right;color:var(--acento);font-weight:900;font-size:.9rem}.control input[type=range]{width:100%;margin-top:.6rem;accent-color:var(--acento);height:28px;cursor:pointer}.control select{width:100%;margin-top:.5rem;font:inherit;font-weight:700;padding:.7em;border-radius:var(--radio);background:var(--tinta-3);color:var(--papel);border:var(--borde) solid var(--linea);cursor:pointer;min-height:48px}#form-pedido{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}#form-pedido input,#form-pedido textarea{font:inherit;padding:.85em 1em;border-radius:var(--radio);background:var(--tinta-3);color:var(--papel);border:var(--borde) solid var(--linea);transition:border-color var(--rapido) linear}#form-pedido input::placeholder,#form-pedido textarea::placeholder{color:var(--papel-suave)}#form-pedido input:focus,#form-pedido textarea:focus{outline:none;border-color:var(--acento)}.resumen{background:var(--tinta-3);border:var(--borde) solid var(--linea);padding:1rem 1.2rem;font-size:.92rem;line-height:1.7}.resumen b{color:var(--acento)}.confirmacion{background:var(--acento);color:var(--acento-tinta);border:var(--borde) solid var(--acento);padding:1.2rem;line-height:1.6;margin-top:1rem;font-weight:600}.panel-pie{border-top:var(--borde) solid var(--linea);padding:1rem 1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;bottom:0;background:var(--tinta-2);z-index:3}.precio{font-size:1.5rem;font-weight:900;font-stretch:115%;color:var(--acento)}.precio small{display:block;font-size:.6rem;font-weight:700;color:var(--papel-suave);letter-spacing:.14em;text-transform:uppercase}.nav-pasos{display:flex;gap:.6rem}.pie{border-top:var(--borde) solid var(--linea);padding:0 clamp(1rem,5vw,4rem) 2rem;color:var(--papel-suave);font-size:.9rem;overflow:hidden}.pie-grande{font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(4rem,16vw,15rem);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--linea);white-space:nowrap;margin:1.5rem 0 1rem;-webkit-user-select:none;user-select:none}.pie-filas{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pie .credito{display:block;margin-top:1rem;font-size:.74rem}.pie .credito a{color:var(--papel-suave)}.pie .credito a:hover{color:var(--acento)}@media(max-width:900px){.configurador{grid-template-columns:minmax(0,1fr)}.visor{height:52vh;position:sticky;top:0;z-index:5;border-right:0;border-bottom:var(--borde) solid var(--linea)}.panel-pie{position:static}.portada-pasos{grid-template-columns:repeat(2,1fr)}.portada-pasos div:nth-child(3){border-left:0}.portada-pasos div:nth-child(n+3){border-top:var(--borde) solid var(--linea)}.muestras{grid-template-columns:repeat(4,1fr)}.pasos{overflow-x:auto}.pasos li{font-size:.62rem;letter-spacing:.04em;padding:1rem .6rem;white-space:nowrap}.portada-centro{padding:2.5rem 1.2rem}}@media(max-width:480px){.portada-centro h1{font-size:9vw}.barra .btn{font-size:.72rem;padding:.8em 1em}.panel-pie{flex-wrap:wrap}.panel-pie .btn{font-size:.76rem;padding:.85em 1.1em}.precio{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinta-pista{animation:none}.anima-1,.anima-2,.anima-3,.anima-4{animation:none;opacity:1;transform:none}*{transition-duration:.01ms!important}}