.cotizador{max-width:900px}#cotizador,#resultado{scroll-margin-top:88px}.stepper{display:flex;gap:.5rem;list-style:none;padding:0;margin:0 0 1.25rem;overflow-x:auto}.stepper li{flex:1;min-width:100px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--gris);padding:.6rem .75rem;border-radius:12px;background:var(--gris-claro);white-space:nowrap}.stepper li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:.8rem;flex:none}.stepper li[data-estado=actual]{background:var(--carbon);color:#fff}.stepper li[data-estado=actual] span{background:var(--naranja);color:var(--carbon)}.stepper li[data-estado=hecho] span{background:var(--naranja)}.paso{border:0;padding:0;margin:0;display:grid;gap:1.1rem;min-width:0}.paso legend{padding:0;margin-bottom:.5rem}.paso legend h2{font-size:1.45rem;margin:0}.opciones{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.opcion{display:flex;gap:.75rem;align-items:flex-start;border:2px solid var(--borde);border-radius:16px;padding:1rem;cursor:pointer;background:#fff}.opcion:has(input:checked){border-color:var(--naranja);background:var(--naranja-suave)}.opcion input{width:20px;height:20px;accent-color:var(--naranja);margin-top:.15rem;flex:none}.opcion small{display:block;color:var(--gris);font-weight:500;margin-top:.2rem}.segmentado{display:flex;flex-wrap:wrap;gap:.5rem}.segmentado label{border:2px solid var(--borde);border-radius:999px;padding:.55rem 1rem;cursor:pointer;font-weight:700;font-size:.92rem;display:flex;gap:.4rem;align-items:center;background:#fff}.segmentado label:has(input:checked){border-color:var(--naranja);background:var(--naranja-suave)}.segmentado input{accent-color:var(--naranja)}.formas{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.formas button{border:2px solid var(--borde);background:#fff;border-radius:14px;padding:.6rem;cursor:pointer;font:inherit;font-size:.82rem;font-weight:700;display:grid;gap:.25rem;justify-items:center}.formas button[aria-checked=true]{border-color:var(--naranja);background:var(--naranja-suave)}.formas svg{width:56px;height:56px}.forma-editor{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:1.25rem;align-items:start;margin-top:1rem}@media (max-width: 640px){.forma-editor{grid-template-columns:1fr}}.forma-svg{width:100%;background:var(--gris-claro);border-radius:16px}.lados{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.lados label{display:flex;flex-direction:column;gap:.2rem;font-weight:700;font-size:.85rem}.h-vanos{font-size:1rem;margin:1.1rem 0 .5rem}.vano{display:grid;grid-template-columns:.8fr 1.1fr 1fr 1fr auto;gap:.5rem;align-items:end;margin-bottom:.6rem}.vano label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;font-weight:700}.vano button{min-height:48px;border:0;background:var(--error-suave);color:var(--error);border-radius:12px;padding:0 .8rem;cursor:pointer;font-weight:800}@media (max-width: 640px){.vano{grid-template-columns:1fr 1fr}}.totales{font-weight:700;background:var(--gris-claro);border-radius:12px;padding:.75rem 1rem;margin:.5rem 0 0}.mapa-bloque{display:grid;gap:.75rem}.mapa-cab{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.mapa-cab small{font-weight:500;color:var(--gris)}.mapa{height:340px;border-radius:16px;border:1px solid var(--borde);z-index:0}.pin{width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--naranja);border:3px solid var(--carbon);transform:rotate(-45deg)}.ruta,.zona-aviso{margin:0;font-weight:600}.ruta{min-height:3.2em}.resumen dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;margin:0}.resumen dt{color:var(--gris)}.resumen dd{margin:0;font-weight:700}.piezas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:1rem 0}.piezas div{background:var(--gris-claro);border-radius:16px;padding:1rem;text-align:center}.piezas strong{display:block;font-size:1.8rem;font-weight:900}.piezas span{font-size:.85rem;color:var(--gris)}.navegacion{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap}.navegacion [data-accion=siguiente],.navegacion [data-accion=enviar]{margin-left:auto}.err:empty{display:none}p.err{color:var(--error);font-weight:600;margin:0}.resultado{text-align:center;display:grid;gap:1rem;justify-items:center}.resultado .codigo{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:900;letter-spacing:.04em;background:var(--naranja-suave);color:var(--naranja-osc);border-radius:16px;padding:.5rem 1.25rem}
