:root{--tinta: #16181c;--tinta-suave: #5b6470;--linea: #dde2e8;--linea-fuerte: #a9b3bf;--fondo: #ffffff;--fondo-suave: #e8ecf0;--fondo-visor: #b2b8bf;--acento: var(--color-accent, #fbbc43);--acento-tinta: #7a4a00;--sobre-tinta: #ffffff;--accion: var(--color-navy, #141414);--sobre-accion: #ffffff;--error: #a4161a;--error-fondo: #fff5f5;--exito: #14532d;--descuento: #8a5200;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--fuente: var(--font-sans, Arial, Helvetica, sans-serif);color-scheme:light}:root{--o-tinta: #f0f1f3;--o-tinta-suave: #9aa3ad;--o-linea: #33373d;--o-linea-fuerte: #545b64;--o-fondo: #16181c;--o-fondo-suave: #1e2126;--o-fondo-visor: #1e2126;--o-sobre-tinta: #16181c;--o-accion: var(--color-accent, #fbbc43);--o-sobre-accion: #141414;--o-error: #ff6b6b;--o-error-fondo: #3a1416;--o-exito: #4ade80;--o-descuento: #f0b64a}:root[data-tema=oscuro]{--tinta: var(--o-tinta);--tinta-suave: var(--o-tinta-suave);--linea: var(--o-linea);--linea-fuerte: var(--o-linea-fuerte);--fondo: var(--o-fondo);--fondo-suave: var(--o-fondo-suave);--fondo-visor: var(--o-fondo-visor);--sobre-tinta: var(--o-sobre-tinta);--accion: var(--o-accion);--sobre-accion: var(--o-sobre-accion);--error: var(--o-error);--error-fondo: var(--o-error-fondo);--exito: var(--o-exito);--descuento: var(--o-descuento)}:root[data-tema=oscuro]{color-scheme:dark}:root[data-tema=claro]{color-scheme:light}.etiqueta-pieza{transform:translateY(-100%) scale(.95);margin-top:-10px;padding:.25rem .55rem;border-radius:5px;background:var(--tinta);color:var(--acento);font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 6px #00000040;opacity:0;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}.etiqueta-pieza[data-fase=visible]{opacity:1;transform:translateY(-100%) scale(1)}.etiqueta-pieza[data-fase=saliendo]{opacity:0;transform:translateY(-100%) scale(.95);transition-duration:.22s}@media(prefers-reduced-motion:reduce){.etiqueta-pieza{transition:opacity .15s ease;transform:translateY(-100%)}.etiqueta-pieza[data-fase=visible],.etiqueta-pieza[data-fase=saliendo]{transform:translateY(-100%)}}#configurador-raiz,#configurador-raiz *{box-sizing:border-box}#configurador-raiz{height:100%;font-family:var(--fuente);color:var(--tinta);background:var(--fondo-suave);-webkit-font-smoothing:antialiased}#configurador-raiz h1,#configurador-raiz h2,#configurador-raiz h3,.panel__titulo,.catalogo__titulo,.paso__titulo,.ficha__nombre{font-family:var(--font-display, var(--fuente))}.app{display:grid;grid-template-columns:420px 1fr;grid-template-areas:"panel lienzo";height:100%}.lienzo{grid-area:lienzo;position:relative;min-width:0;padding-top:24px;background:var(--fondo-visor)}.panel{grid-area:panel;display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:var(--fondo);border-right:1px solid var(--linea)}.panel__marca{padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--linea)}.panel__encabezado{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.panel__negocio{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}:root[data-tema=oscuro] .panel__negocio{color:var(--acento)}.iconos{display:flex;gap:.35rem}.icono,.tema{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--linea);border-radius:7px;background:var(--fondo);color:var(--tinta-suave);cursor:pointer;transition:border-color .14s var(--ease-out),color .14s var(--ease-out)}.icono:hover,.tema:hover{border-color:var(--linea-fuerte);color:var(--tinta)}.icono:focus-visible,.tema:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.icono svg,.tema svg{width:17px;height:17px}.icono[aria-pressed=true]{color:var(--tinta);border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}.panel__titulo{margin:0;font-size:1.32rem;font-weight:600;line-height:1.25}.panel__cuerpo{overflow-y:auto;min-height:0;padding:.5rem 1.5rem 1.5rem}.paso{padding:1.15rem 0;border-bottom:1px solid var(--linea)}.paso:last-child{border-bottom:none}.paso__titulo{display:flex;align-items:center;gap:.5rem;margin:0 0 .85rem;font-size:.93rem;font-weight:600}.paso__ayuda{margin:0;font-size:.8rem;line-height:1.5;color:var(--tinta-suave)}.paso__ayuda--antes{margin:-.45rem 0 .8rem}.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tarjeta{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .5rem;border:1px solid var(--linea);border-radius:8px;background:var(--fondo);color:inherit;font:inherit;cursor:pointer;text-align:left;transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.tarjeta:hover{border-color:var(--linea-fuerte)}.tarjeta[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta)}.tarjeta__nombre{font-size:.85rem;font-weight:600}.tarjeta__medida{font-size:.74rem;color:var(--tinta-suave)}.tarjeta[aria-pressed=true] .tarjeta__nombre{color:var(--sobre-tinta)}.tarjeta[aria-pressed=true] .tarjeta__medida{color:var(--sobre-tinta);opacity:.7}.campo__nombre{margin:.95rem 0 .4rem;font-size:.78rem;font-weight:600;color:var(--tinta-suave)}.campo__nombre:first-of-type{margin-top:0}.campo__nombre--separado{margin-top:1.1rem}.niveles{display:flex;flex-wrap:wrap;gap:.5rem}.nivel{min-width:44px;height:44px;padding:0 .6rem;border:1px solid var(--linea);border-radius:8px;background:var(--fondo);color:var(--tinta-suave);font:inherit;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .14s var(--ease-out),color .14s var(--ease-out)}.nivel:hover{border-color:var(--linea-fuerte);color:var(--tinta)}.nivel:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.nivel[aria-pressed=true]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta);color:var(--tinta)}.accesorio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .4rem;border:1px solid var(--linea);border-radius:9px;background:var(--fondo);color:var(--tinta-suave);font:inherit;cursor:pointer;text-align:center;transition:border-color .14s var(--ease-out),color .14s var(--ease-out)}.accesorio:hover{border-color:var(--linea-fuerte);color:var(--tinta)}.accesorio:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.accesorio[aria-pressed=true]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta);color:var(--tinta)}.accesorio svg{width:30px;height:30px}.accesorio__nombre{font-size:.8rem;font-weight:600}.muestras{display:flex;flex-wrap:wrap;gap:.4rem}.muestra{display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem .35rem .4rem;border:1px solid var(--linea);border-radius:999px;background:var(--fondo);color:inherit;font:inherit;font-size:.78rem;cursor:pointer;transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.muestra:hover{border-color:var(--linea-fuerte)}.muestra[aria-pressed=true]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta);font-weight:600}.muestra__color{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #80808073}.muestra__nota{font-size:.65rem;color:var(--tinta-suave)}.muestra__nota--descuento{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;color:var(--descuento)}.info{margin:.6rem 0 0;padding:.55rem .7rem;border-left:3px solid var(--linea-fuerte);border-radius:0 6px 6px 0;background:var(--fondo-suave);font-size:.76rem;line-height:1.45;color:var(--tinta);animation:info-cambia .22s var(--ease-out)}@keyframes info-cambia{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.info{animation:none}}.cantidad{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cantidad__etiqueta{font-size:.8rem;font-weight:600;color:var(--tinta)}.cantidad__control{display:flex;align-items:center;border:1px solid var(--linea-fuerte);border-radius:8px;overflow:hidden}.cantidad__boton{font:inherit;font-size:1rem;line-height:1;width:34px;height:34px;border:none;background:var(--fondo);color:var(--tinta);cursor:pointer}.cantidad__boton:hover:not(:disabled){background:var(--fondo-suave)}.cantidad__boton:disabled{color:var(--tinta-suave);cursor:default;opacity:.45}.cantidad__boton:focus-visible{outline:2px solid var(--accion);outline-offset:-2px}.cantidad__campo{font:inherit;font-size:.9rem;font-variant-numeric:tabular-nums;width:46px;height:34px;text-align:center;border:none;border-left:1px solid var(--linea);border-right:1px solid var(--linea);background:var(--fondo);color:var(--tinta)}.cantidad__campo::-webkit-outer-spin-button,.cantidad__campo::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.cantidad__campo{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.cantidad__nota{margin:.4rem 0 .7rem;font-size:.72rem;line-height:1.4;color:var(--tinta-suave)}.modal__pedido{margin:0 0 .6rem;font-size:1.05rem;font-weight:600;color:var(--tinta)}.precio{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.7rem}.precio__monto{font-size:1.45rem;font-weight:500;letter-spacing:-.01em;color:var(--tinta);font-variant-numeric:tabular-nums}.precio__nota{font-size:.72rem;line-height:1.4;color:var(--tinta-suave)}.precio--modal{margin:.2rem 0 .9rem}.interno{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0;padding:.6rem .7rem;border:1px dashed var(--linea-fuerte);border-radius:8px}.interno__nota{font-size:.7rem;color:var(--tinta-suave)}.panel__pie{padding:.9rem 1.5rem;border-top:1px solid var(--linea);background:var(--fondo)}.panel__pie .cta{width:100%}.cta{padding:.6rem 1.1rem;border:none;border-radius:7px;background:var(--accion);color:var(--sobre-accion);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter .14s var(--ease-out)}.cta:hover{filter:brightness(1.06)}.cta:disabled{opacity:.6;cursor:default}.velo{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.5rem;background:#00000073}.modal{position:relative;width:min(420px,100%);padding:1.5rem;border-radius:12px;background:var(--fondo);box-shadow:0 18px 48px #0000004d}.modal__titulo{margin:0 0 .4rem;font-size:1.1rem;font-weight:600}.modal__intro{margin:0 0 1rem;font-size:.84rem;line-height:1.5;color:var(--tinta-suave)}.modal__acciones{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.modal__nota{margin:1rem 0 0;font-size:.72rem;color:var(--tinta-suave)}.modal__cerrar{position:absolute;top:.6rem;right:.7rem;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--tinta-suave);font-size:1.2rem;line-height:1;cursor:pointer}.modal__cerrar:hover{background:var(--fondo-suave)}.campo{display:block}.campo__entrada{width:100%;padding:.55rem .7rem;border:1px solid var(--linea);border-radius:7px;background:var(--fondo);color:var(--tinta);font:inherit;font-size:.86rem}.campo__entrada:focus{outline:2px solid var(--tinta);outline-offset:1px}.campo__error{margin:.5rem 0 0;font-size:.78rem;color:var(--error)}.campo__ok{margin:.5rem 0 0;font-size:.78rem;color:var(--tinta-suave)}.aviso{display:block;width:100%;margin-bottom:.9rem;padding:.55rem .7rem;border:1px solid var(--linea);border-radius:7px;background:var(--fondo-suave);color:var(--tinta-suave);font:inherit;font-size:.78rem;text-align:left;cursor:pointer}.aviso:hover{border-color:var(--linea-fuerte)}.aviso strong{color:var(--tinta)}.enlace{border:none;background:none;padding:0;color:var(--tinta-suave);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}.enlace:hover{color:var(--tinta)}@media(max-width:860px){.app{grid-template-columns:1fr;grid-template-areas:"lienzo" "panel";grid-template-rows:46vh 1fr}.panel{border-right:none;border-top:1px solid var(--linea)}.lienzo{padding-top:0}}.cajon{position:fixed;z-index:20;top:0;right:0;height:100%;width:min(520px,100vw);padding:1.5rem;overflow-y:auto;background:var(--fondo);box-shadow:-12px 0 40px #0000004d;animation:cajon-entrada .32s var(--ease-drawer)}@keyframes cajon-entrada{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.cajon{animation:none}}.tabs{display:flex;gap:1rem;margin:1rem 0 .9rem;border-bottom:1px solid var(--linea)}.tab{font:inherit;font-size:.8rem;font-weight:600;padding:.45rem .1rem;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:none;color:var(--tinta-suave);cursor:pointer}.tab--activo{color:var(--tinta);border-bottom-color:var(--tinta)}.tab:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.tabla{width:100%;border-collapse:collapse;font-size:.8rem}.tabla th{text-align:left;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave);padding:.35rem .4rem;border-bottom:1px solid var(--linea)}.tabla td{padding:.38rem .4rem;border-bottom:1px solid var(--fondo-suave);vertical-align:top}.tabla th.num,.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}.tabla code{font-size:.76rem}.tabla__sub{display:block;font-size:.68rem;color:var(--tinta-suave)}.tabla tr.grupo td{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave);padding-top:.9rem;border-bottom:none}.tabla tr.total td{font-weight:700;border-top:1px solid var(--linea);border-bottom:none;padding-top:.5rem}.catalogo{height:100%;overflow-y:auto;background:var(--fondo-suave)}.catalogo__encabezado{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--fondo);border-bottom:1px solid var(--linea)}.catalogo__cuerpo{max-width:1120px;margin:0 auto;padding:3rem 2rem 4rem}.catalogo__titulo{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.catalogo__intro{margin:.5rem 0 2rem;color:var(--tinta-suave)}.catalogo__rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.ficha{display:flex;flex-direction:column;height:100%;padding:1.25rem;border:1px solid var(--linea);border-radius:10px;background:var(--fondo);color:var(--tinta);text-decoration:none;transition:border-color .14s var(--ease-out),transform .14s var(--ease-out)}.ficha:hover{border-color:var(--linea-fuerte)}.ficha:active{transform:scale(.99)}.ficha:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.ficha__figura{display:block;height:120px;margin-bottom:1rem;color:var(--tinta-suave)}.ficha__figura svg{display:block;width:100%;height:100%}.ficha__nombre{font-size:1.05rem;font-weight:600}.ficha__detalle{flex:1;margin:.3rem 0 1rem;color:var(--tinta-suave);font-size:.88rem;line-height:1.4}.ficha__accion{font-size:.88rem;font-weight:600;color:var(--accion)}.volver{position:absolute;right:1.5rem;bottom:1.5rem;z-index:10;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border:1px solid var(--linea);border-radius:999px;background:var(--fondo);color:var(--tinta);font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 6px 20px #00000038;transition:border-color .14s var(--ease-out),transform .14s var(--ease-out)}.volver:hover{border-color:var(--linea-fuerte)}.volver:active{transform:scale(.97)}.volver:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.cargando{display:grid;place-items:center;height:100%;margin:0;color:var(--tinta-suave)}@media(max-width:640px){.catalogo__encabezado{padding:.75rem 1rem}.catalogo__cuerpo{padding:1.5rem 1rem 2.5rem}.catalogo__titulo{font-size:1.6rem}}@media(max-width:860px){.volver{right:.75rem;bottom:.75rem;padding:.55rem .9rem;font-size:.82rem}}.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sin-3d{position:absolute;inset:0;z-index:30;display:grid;place-content:center;gap:.75rem;padding:1.5rem;text-align:center;background:var(--fondo);color:var(--tinta)}.sin-3d__titulo{margin:0;font-family:var(--font-display, var(--fuente));font-size:1.25rem;font-weight:700}.sin-3d__texto{margin:0;color:var(--tinta-suave)}.sin-3d__acciones{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem}.sin-3d__acciones a{color:var(--tinta);font-weight:600}.sin-3d .cta{width:auto;padding:.7rem 1.4rem}.cta-otra{display:block;margin:.6rem auto 0;border:0;background:none;font:inherit;font-size:.82rem;color:var(--tinta-suave)}