*{box-sizing:border-box}:root{--fondo: #f4f5f7;--tarjeta: #ffffff;--borde: #e2e4e8;--texto: #1f2430;--tenue: #6b7280;--primario: #1f4e8c;--primario-hover: #16406f;--acento: #e8a13c;--alerta-fondo: #fef3cd;--alerta-texto: #8a6100;--peligro: #b3392f;--ok: #1f6b34}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto)}.app{min-height:100vh}.topbar{background:linear-gradient(120deg,#16406f,#1f4e8c 55%,#275e9f);padding:0 24px;display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #16406f47}.brand{font-size:17px;margin:14px 0;color:#fff}.brand:before{content:"🔪 "}.nav{display:flex;gap:4px}.nav-btn{border:none;background:none;padding:18px 14px;font-size:14px;color:#ffffffb8;cursor:pointer;border-bottom:3px solid transparent;text-decoration:none;display:inline-flex;align-items:center}.nav-btn:hover{color:#fff}.nav-btn.activo{color:#fff;border-bottom-color:var(--acento);font-weight:600}.contenido{max-width:1080px;margin:0 auto;padding:24px}.cargando,.vacio{color:var(--tenue);padding:32px;text-align:center}.vacio{background:var(--tarjeta);border:1px dashed var(--borde);border-radius:10px}.vacio.chico{padding:16px;grid-column:1 / -1}.tenue{color:var(--tenue);font-weight:400}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:20px;margin-bottom:20px}.tarjeta h2{font-size:15px;margin:0 0 12px;color:var(--primario);display:flex;align-items:center;gap:8px}.tarjeta h2:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--acento)}.tarjeta h2:not(:first-child){margin-top:20px}.fila-campos{display:flex;flex-wrap:wrap;gap:14px}.fila-campos label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--tenue);flex:1 1 140px}.fila-campos.costos label{flex:1 1 110px}input,select{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px;color:var(--texto);background:#fff;width:100%}input:focus,select:focus{outline:2px solid #b8cdea;border-color:var(--primario)}.check{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:12px}.check input{width:auto}.acciones{display:flex;gap:12px;margin-top:18px;align-items:center}.btn{padding:9px 16px;border-radius:7px;border:1px solid var(--borde);background:#fff;font-size:14px;cursor:pointer;color:var(--texto);text-decoration:none;display:inline-block}.btn:hover{border-color:var(--tenue)}.btn.primario{background:var(--primario);border-color:var(--primario);color:#fff}.btn.primario:hover{background:var(--primario-hover)}.btn.primario:disabled{opacity:.5;cursor:not-allowed}.btn.enlace{border:none;background:none;color:var(--primario);padding:9px 4px}.btn.peligro{color:var(--peligro);border-color:#e4c7c4}.aviso{padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.aviso.ok{background:#e5f3e8;color:#1f6b34}.aviso.error{background:#fbe9e7;color:var(--peligro)}.historial{margin-top:14px;border-top:1px solid var(--borde);padding-top:10px}.historial-item{display:flex;gap:16px;padding:6px 0;font-size:13px;border-bottom:1px dashed var(--borde)}.historial-item span:first-child{flex:0 0 150px}.barra-herramientas{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--borde);background:#fff;font-size:13px;cursor:pointer;color:var(--texto)}.chip.activo{background:var(--primario);border-color:var(--primario);color:#fff}.chip.nueva{border-style:dashed;color:var(--tenue)}.acciones-derecha{display:flex;gap:10px;align-items:center}.buscador{width:200px}.forma-inline{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.forma-inline label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--tenue)}.grupo{margin-bottom:26px}.grupo-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--primario)}.grupo-titulo h2{font-size:16px;margin:0}.grupo-acciones{display:flex;gap:6px}.btn-icono{width:30px;height:30px;border-radius:7px;border:1px solid var(--borde);background:var(--tarjeta);cursor:pointer;font-size:13px;display:grid;place-items:center;color:var(--tenue)}.btn-icono:hover{border-color:var(--primario);color:var(--primario)}.btn-icono.peligro:hover{border-color:var(--peligro);color:var(--peligro)}.grilla-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-items:start}.card{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;border-top:3px solid var(--primario);padding:12px 16px 14px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s;position:relative}.card:hover{border-color:var(--primario);box-shadow:0 2px 8px #1f4e8c1f}.card-borrar{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:6px;border:none;background:none;cursor:pointer;font-size:13px;display:grid;place-items:center;opacity:.35}.card:hover .card-borrar{opacity:1}.card-borrar:hover{background:#fbe9e7}.card-nombre{padding-right:26px}.card-nombre{font-weight:600;font-size:14px}.card-precio{font-size:20px;font-weight:700;color:var(--primario)}.card-detalle{font-size:12px}.card.modelo{padding:0;cursor:default}.modelo-head{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px 16px 14px;border:none;background:none;cursor:pointer;font:inherit;text-align:left;color:inherit}.desde-label{font-size:12px;font-weight:400;color:var(--tenue)}.chevron{color:var(--tenue);font-size:11px;transition:transform .15s;margin-left:4px}.chevron.abierto{transform:rotate(180deg);color:var(--primario)}.variantes{border-top:1px solid var(--borde);padding:4px 16px 10px}.variante{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--borde);cursor:pointer}.variante:last-child{border-bottom:none}.variante:hover .variante-medida{color:var(--primario-hover)}.variante-medida{font-weight:700;color:var(--primario);font-size:13.5px}.variante-derecha{display:flex;align-items:center;gap:6px}.variante-precio{font-weight:700;font-size:13.5px}.badge.alerta{background:var(--alerta-fondo);color:var(--alerta-texto);padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.4}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182173;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{background:var(--tarjeta);border-radius:12px;padding:24px;width:100%;max-width:860px}.modal h2{margin:0;font-size:17px}.modal-titulo{display:flex;align-items:center;gap:14px;margin:0 0 16px}.navegador-variantes{display:flex;align-items:center;gap:6px}.estado-guardado{font-size:12px;color:var(--tenue, #8a8f98);margin-left:auto}.estado-guardado.guardado{color:#2e7d32}.estado-guardado.error{color:var(--peligro)}.modal h3{font-size:12.5px;color:var(--primario);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.modal h3:before{content:"";width:4px;height:14px;border-radius:2px;background:var(--acento)}.modal h3:after{content:"";flex:1;height:1px;background:var(--borde)}.modal-cuerpo{display:grid;grid-template-columns:1fr 260px;gap:24px}.modal-campos h3:first-child{margin-top:0}.modal-pie{grid-column:1 / -1;display:flex;gap:10px;border-top:1px solid var(--borde);padding-top:16px;margin-top:8px}.espaciador{flex:1}.panel-preview{background:#f8f9fb;border:1px solid var(--borde);border-radius:10px;padding:16px;align-self:start;position:sticky;top:0}.panel-preview h3{margin-top:0!important}.desglose{margin:0;display:flex;flex-direction:column;gap:6px}.desglose div{display:flex;justify-content:space-between;font-size:13px}.desglose dt{color:var(--tenue)}.desglose dd{margin:0;font-weight:600}.desglose .destacado{border-top:1px solid var(--borde);padding-top:8px;margin-top:4px}.desglose .destacado dd{font-size:16px;color:var(--primario)}.toggle{display:flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden}.toggle-btn{border:none;background:#fff;padding:9px 20px;font-size:14px;cursor:pointer;color:var(--tenue)}.toggle-btn.activo{background:var(--primario);color:#fff;font-weight:600}.info-lista{margin:0 0 18px;font-size:13px}.lista-precios{padding:6px 20px}.linea-precio{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--borde);font-size:14px}.linea-precio:last-child{border-bottom:none}.linea-precio strong{font-size:15px}.linea-precio-nombre{flex:1}.grupo-titulo-colapsable{width:100%;background:none;border:none;border-left:4px solid var(--primario);cursor:pointer;text-align:left;padding-left:10px}.linea-precio.arrastrable{cursor:grab;gap:10px}.linea-precio.arrastrable:active{cursor:grabbing}.linea-precio.arrastrando{opacity:.4;background:var(--fondo)}.asa-arrastre{color:var(--tenue);font-size:15px;-webkit-user-select:none;user-select:none}.btn.peligro-solido{background:var(--peligro);border-color:var(--peligro);color:#fff}.btn.peligro-solido:hover{background:#962f27}.confirm-card{background:var(--tarjeta);border-radius:12px;padding:22px;width:100%;max-width:420px;margin:auto;box-shadow:0 12px 40px #14182140}.confirm-card h3{margin:0 0 8px;font-size:16px;color:var(--peligro)}.confirm-card p{margin:0 0 18px;font-size:14px;color:var(--texto);line-height:1.5}.confirm-acciones{display:flex;gap:10px;justify-content:flex-end}.nota-chapas{font-size:12.5px;margin:-6px 0 12px}.tabla-chapas{display:flex;flex-direction:column;gap:8px}.fila-chapa{display:grid;grid-template-columns:1fr 140px 64px 120px 140px 130px;gap:12px;align-items:center}.fila-chapa .costo-parte{text-align:right;font-weight:700;color:var(--primario);font-size:13.5px}.fila-chapa .usd-parte{text-align:right;font-size:13px;color:var(--texto)}.fila-chapa.encabezado .costo-parte,.fila-chapa.encabezado .usd-parte{font-weight:600;color:var(--tenue);font-size:12px}.grilla-form{display:grid;gap:4px 14px}.grilla-form.dos{grid-template-columns:repeat(2,1fr)}.grilla-form.tres{grid-template-columns:repeat(3,1fr)}.grilla-form.cuatro{grid-template-columns:repeat(4,1fr)}.campo{display:flex;flex-direction:column;gap:5px;min-width:0}.campo-etiqueta{font-size:12.5px;color:var(--tenue);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campo-pie{min-height:20px;display:flex;align-items:flex-start}.sugerencia{border:1px dashed var(--primario);background:none;color:var(--primario);font-size:11px;border-radius:999px;padding:1px 8px;cursor:pointer;white-space:nowrap}.sugerencia:hover{background:#e8eef7}@media(max-width:720px){.grilla-form.cuatro,.grilla-form.tres{grid-template-columns:repeat(2,1fr)}}.fila-chapa.encabezado{font-size:12px;font-weight:600;color:var(--tenue)}.fila-chapa-nombre{font-size:14px;font-weight:600}@media(max-width:640px){.fila-chapa{grid-template-columns:1fr 1fr}.fila-chapa-nombre,.fila-chapa.encabezado span:first-child{grid-column:1 / -1}}.estado-conexion{font-size:13.5px;font-weight:600}.estado-conexion.ok{color:var(--ok)}.estado-conexion.error{color:var(--peligro)}@media(max-width:720px){.modal-cuerpo{grid-template-columns:1fr}.panel-preview{position:static}}.modal-cuerpo.sin-aside{grid-template-columns:1fr}.nota-variantes{font-size:12.5px;margin:-4px 0 12px}.lista-variantes{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.fila-variante{border:1px solid var(--borde);border-radius:8px;background:#fbfbfc}.fila-variante.guardada{background:#f2f8f3;border-color:#cfe6d3}.fila-variante-cab{display:flex;align-items:center;gap:8px;padding:8px 10px}.fv-medida{flex:1 1 130px}.fv-unidades{flex:0 0 110px}.fv-precio{flex:0 0 auto;min-width:84px;text-align:right;font-weight:700;font-size:14px;color:var(--primario)}.fv-guardada{color:var(--ok);font-size:13px;font-weight:600}.chevron-btn{flex:0 0 auto;border:1px solid var(--borde);background:#fff;border-radius:6px;padding:7px 10px;font-size:12.5px;color:var(--tenue);cursor:pointer;display:flex;align-items:center;gap:4px}.chevron-btn:hover{border-color:var(--primario);color:var(--primario)}.chevron-btn .chevron{font-size:10px}.fila-variante-overrides{border-top:1px dashed var(--borde);padding:10px;margin:0}.lista-eliminados{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.fila-eliminado{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;font-size:14px}.fila-eliminado-nombre{font-weight:600}.fila-eliminado-acciones{display:flex;gap:8px;flex-shrink:0}.lp-publica{--lp-bg: #14100c;--lp-tarjeta: #1d1712;--lp-borde: #2c241c;--lp-texto: #f2ecdf;--lp-tenue: #a89e8c;--lp-acento: #e8622a;min-height:100dvh;background:var(--lp-bg);color:var(--lp-texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:84px}.lp-aviso{padding:40px 20px;text-align:center;color:var(--lp-tenue, #a89e8c)}.lp-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#14100c 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:18px 16px 10px;display:flex;flex-direction:column;gap:6px}.lp-marca{display:flex;align-items:center;gap:10px}.lp-emoji{font-size:28px}.lp-marca h1{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.lp-marca p{margin:0;font-size:12.5px;color:var(--lp-acento);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.lp-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--lp-tenue)}.lp-controles{padding:8px 16px 4px;display:flex;gap:10px;flex-wrap:wrap}.lp-toggle{display:flex;background:var(--lp-tarjeta);border:1px solid var(--lp-borde);border-radius:999px;padding:3px}.lp-toggle-btn{border:none;background:transparent;color:var(--lp-tenue);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer}.lp-toggle-btn.activo{background:var(--lp-acento);color:#1a0e08}.lp-buscador{flex:1;min-width:140px;background:var(--lp-tarjeta);border:1px solid var(--lp-borde);border-radius:999px;padding:9px 16px;color:var(--lp-texto);font-size:14px}.lp-buscador::placeholder{color:var(--lp-tenue)}.lp-nota{margin:4px 16px 0;font-size:12.5px;color:var(--lp-tenue)}.lp-lista{padding:12px 12px 0;display:flex;flex-direction:column;gap:10px}.lp-categoria{background:var(--lp-tarjeta);border:1px solid var(--lp-borde);border-radius:14px;overflow:hidden}.lp-categoria-cab{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--lp-texto);padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer;text-align:left}.lp-categoria-cant{display:flex;align-items:center;gap:6px;color:var(--lp-tenue);font-weight:500;font-size:13px}.lp-chevron{transition:transform .15s ease;display:inline-block}.lp-chevron.abierto{transform:rotate(180deg)}.lp-productos{border-top:1px solid var(--lp-borde)}.lp-producto{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--lp-borde);font-size:14px}.lp-producto:first-child{border-top:none}.lp-producto-nombre{flex:1}.lp-tenue{color:var(--lp-tenue);font-size:12.5px}.lp-precio{font-size:15.5px;font-weight:700;color:var(--lp-acento);white-space:nowrap}.lp-barra-inferior{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#14100ceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--lp-borde)}.lp-accion{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;border-radius:12px;border:1px solid var(--lp-borde);background:var(--lp-tarjeta);color:var(--lp-texto);font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer}.lp-accion-whatsapp{background:#25d366;color:#08210f;border-color:#25d366}@media(min-width:640px){.lp-publica{max-width:720px;margin:0 auto}.lp-header,.lp-lista,.lp-controles,.lp-nota{padding-left:24px;padding-right:24px}}