:root{--yellow:#f6c400;--black:#111;--blue:#0a8cff;--green:#148a3b;--gray:#f5f5f5;--border:#ddd}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#111;padding-bottom:90px}
header{background:var(--yellow);padding:18px 14px 16px;text-align:center}
header h1{margin:0;font-size:24px;font-weight:900}
header p{margin:6px 0 0;font-size:15px;color:#6a5a00}
main{max-width:760px;margin:0 auto;padding:10px}
.page{display:none}.page.active{display:block}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;margin:10px 0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.card h2{margin:0 0 10px;font-size:23px}
.card h3{margin:0 0 8px;font-size:18px}
label{display:block;font-weight:900;font-size:16px;margin:10px 0 5px}
input,select,textarea{width:100%;border:1px solid #d9d9d9;border-radius:12px;padding:11px;font-size:18px;background:#fff}
textarea{min-height:190px;font-size:18px;line-height:1.35}
button{width:100%;border:0;border-radius:13px;padding:12px;font-size:19px;font-weight:900;margin:8px 0;background:var(--yellow);color:#111}
button.green{background:var(--green);color:#fff}button.black{background:var(--black);color:#fff}
.menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu button{background:#fff;border:1px solid var(--border);min-height:110px;color:var(--blue)}
.menu span{display:block;font-size:30px;margin-bottom:8px}
.minihelp{background:#f7f7f7;color:#606060;border-radius:11px;padding:10px;font-size:15px;line-height:1.3}.strong{font-weight:900}
.yellow-note{background:#fff7c9;border-radius:11px;padding:10px;font-size:16px;color:#333}.hidden{display:none!important}
.quick-create{background:#fffdf2;border:1px dashed var(--yellow);border-radius:14px;padding:12px;margin-top:14px}
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.price-block{background:#fffdf2;border:1px solid var(--yellow);border-radius:14px;padding:12px;margin-top:12px}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-card{background:#fff;border:1px solid #e2e2e2;border-radius:14px;text-align:left;padding:10px;min-height:94px}
.price-card.active{background:#fff4b2;border:3px solid var(--yellow)}
.price-card span,.price-card small{display:block;color:#666;font-weight:900;font-size:14px;line-height:1.2}
.price-card strong{display:block;font-size:23px;margin:4px 0;color:#111}
.manual-box{background:#fff;border:1px dashed #ccc;border-radius:12px;padding:10px;margin-top:12px}
.finance-card{background:#f7f1ff;border-color:#d8c5ff}.checkline{display:flex;align-items:center;gap:12px}.checkline input{width:34px;height:34px;padding:0}.checkline span{flex:1}
.subcard{background:#fafafa;border:1px solid #e8e8e8;border-radius:14px;padding:12px;margin:10px 0}
#suggestedDeliveryInfo{background:#eef8ff!important;border:1px solid #b8ddff;font-weight:800}
#rushAutoInfo{background:#fff7cc!important;border:1px solid var(--yellow);font-weight:800}
.clear-analysis{display:grid;gap:12px}.analysis-section{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:14px;padding:12px}
.analysis-section h3{margin:0 0 8px!important;font-size:18px!important}
.analysis-section div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8e8e8}
.analysis-section div:last-child{border-bottom:0}.analysis-section span{color:#666;font-weight:800}.analysis-section b{font-size:20px}
.analysis-section .highlight{background:#fff7cc;border:1px solid var(--yellow);border-radius:10px;padding:9px;margin-top:6px}
.summary-card{background:#111;color:#fff;border-radius:18px;padding:16px;margin:10px 0}
.summary-card div{display:flex;justify-content:space-between;gap:20px;font-size:18px;margin:8px 0}.summary-card b{font-weight:900}.summary-card hr{border:0;border-top:1px solid #555;margin:16px 0}
.summary-card .total{color:var(--yellow);font-size:25px}.status{background:#dff6e8;color:#075e27;border-radius:16px;padding:14px;font-size:20px;font-weight:900;white-space:pre-line}
#catalogList .item{border:1px solid #eee;border-radius:14px;padding:12px;margin:8px 0}#catalogList b{display:block;font-size:18px}#catalogList span{display:block;color:#666;margin-top:4px}
nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid #ddd;padding-bottom:env(safe-area-inset-bottom);z-index:20}
nav button{background:#fff;color:var(--blue);border-radius:0;margin:0;font-size:18px;padding:12px 4px}


/* =========================================================
   VISUAL YELLOW — inspirado en catálogo Yellow 2026
   ========================================================= */
:root{
  --yellow:#f6c400;
  --yellow-soft:#fff4b2;
  --black:#050505;
  --ink:#111;
  --white:#fff;
  --paper:#f7f7f7;
  --line:#e3e3e3;
  --shadow:0 10px 24px rgba(0,0,0,.12);
  --radius:22px;
}

body{
  background:
    radial-gradient(circle at top right, rgba(246,196,0,.18), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%);
  color:var(--ink);
}

.brand-header{
  background:#050505;
  color:#fff;
  padding:22px 18px 18px;
  text-align:left;
  position:relative;
  overflow:hidden;
}
.brand-header:before{
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  border-radius:50%;
  background:var(--yellow);
  right:-80px;
  top:-130px;
  opacity:.95;
}
.brand-header:after{
  content:"";
  position:absolute;
  left:18px;
  bottom:10px;
  width:80px;
  height:4px;
  background:var(--yellow);
  border-radius:50px;
}
.brand-mark{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-icon{
  width:48px;
  height:48px;
  border:4px solid #fff;
  background:var(--yellow);
  color:#000;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
  box-shadow:0 0 0 4px #000;
}
.brand-header h1{
  font-size:42px!important;
  line-height:.9;
  letter-spacing:-2px;
  text-transform:lowercase;
  margin:0!important;
  color:#fff;
  font-weight:1000;
}
.brand-header p{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:14px!important;
  letter-spacing:1.2px;
}

main{
  padding:14px 12px 90px!important;
}

.card{
  border-radius:24px!important;
  border:1px solid #e4e4e4!important;
  box-shadow:0 8px 22px rgba(0,0,0,.07)!important;
  overflow:hidden;
}
.card h2{
  font-weight:1000!important;
  letter-spacing:-.6px;
}
.card h2:after{
  content:"";
  display:block;
  width:48px;
  height:4px;
  background:var(--yellow);
  border-radius:10px;
  margin-top:8px;
}

input,select,textarea{
  border-radius:16px!important;
  border:2px solid #e5e5e5!important;
  background:#fff!important;
  font-weight:700;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--yellow)!important;
  box-shadow:0 0 0 4px rgba(246,196,0,.18)!important;
}

button{
  border-radius:18px!important;
  box-shadow:0 4px 0 rgba(0,0,0,.16);
}
button:active{
  transform:translateY(2px);
  box-shadow:0 2px 0 rgba(0,0,0,.18);
}

.menu button{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  min-height:126px!important;
  position:relative;
  overflow:hidden;
}
.menu button:before{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  background:var(--yellow);
  border-radius:50%;
  right:-30px;
  top:-30px;
}
.menu button span,.menu button b{
  position:relative;
  z-index:2;
}
.menu button b{
  color:#fff;
  font-size:20px;
}

.product-card{
  background:#fffdf2!important;
  border:2px solid var(--yellow)!important;
}
.price-block{
  background:#fff9d8!important;
  border:2px solid var(--yellow)!important;
  border-radius:22px!important;
  padding:16px!important;
}
.price-block h3{
  text-transform:uppercase;
  letter-spacing:.5px;
  font-size:20px!important;
}
.price-grid{
  gap:12px!important;
}
.price-card{
  background:#fff!important;
  border:2px solid #e0e0e0!important;
  border-radius:18px!important;
  min-height:112px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.price-card span{
  color:#555!important;
  text-transform:uppercase;
  letter-spacing:.2px;
  font-size:13px!important;
}
.price-card strong{
  font-size:29px!important;
  line-height:1;
  margin:8px 0!important;
  letter-spacing:-1px;
}
.price-card small{
  color:#666!important;
  font-size:13px!important;
}
.price-card.active{
  background:var(--yellow)!important;
  color:#000!important;
  border:3px solid #000!important;
  box-shadow:0 8px 0 #000!important;
}
.price-card.active span,
.price-card.active small,
.price-card.active strong{
  color:#000!important;
}

.finance-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  position:relative;
}
.finance-card:before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  background:var(--yellow);
  border-radius:50%;
  right:-48px;
  top:-56px;
}
.finance-card h2,
.finance-card label,
.finance-card span{
  color:#fff!important;
}
.finance-card input{
  color:#111!important;
}
.finance-card .minihelp{
  background:#1d1d1d!important;
  color:#fff!important;
  border:1px solid #333;
}
.finance-card #financeSummary{
  background:var(--yellow)!important;
  color:#000!important;
  font-weight:1000;
}

.subcard{
  background:#fff!important;
  border:1px solid #e2e2e2!important;
  border-radius:20px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.05);
}
.subcard h3{
  font-size:21px!important;
  font-weight:1000!important;
}

.clear-analysis{
  gap:14px!important;
}
.analysis-section{
  border-radius:20px!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08);
  padding:16px!important;
}
.analysis-section h3{
  font-size:20px!important;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.analysis-section div{
  padding:10px 0!important;
}
.analysis-section .highlight{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  border-left:8px solid var(--yellow)!important;
}
.analysis-section .highlight span,
.analysis-section .highlight b{
  color:#fff!important;
}
.analysis-section b{
  font-size:22px!important;
  font-weight:1000!important;
}

.summary-card{
  background:#050505!important;
  border-radius:28px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  border:4px solid #050505;
}
.summary-card div{
  font-size:19px!important;
}
.summary-card .total{
  color:var(--yellow)!important;
  font-size:30px!important;
}
#outRawTotal{
  color:#fff;
}
.status{
  background:#e1f8e9!important;
  color:#006126!important;
  border-radius:22px!important;
  border-left:12px solid #13b83a;
}

#waMessage{
  background:#fff!important;
  border:2px solid #ddd!important;
  min-height:280px;
}
.card:has(#waMessage){
  background:#fff!important;
  border:2px solid #050505!important;
}
.card:has(#waMessage) h2{
  text-transform:uppercase;
}

nav{
  background:#050505!important;
  border-top:4px solid var(--yellow)!important;
}
nav button{
  background:#050505!important;
  color:var(--yellow)!important;
  box-shadow:none!important;
  font-weight:1000!important;
}
nav button:nth-child(1)::before{content:"🏠 "; color:#fff;}
nav button:nth-child(2)::before{content:"📦 "; color:#fff;}
nav button:nth-child(3)::before{content:"⚙️ "; color:#fff;}

.yellow-note{
  border-left:8px solid var(--yellow);
  background:#fff7cc!important;
  font-weight:900;
}
.minihelp{
  border-radius:14px!important;
}

#catalogList .item{
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.08);
  position:relative;
  overflow:hidden;
}
#catalogList .item:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:8px;
  background:var(--yellow);
}
#catalogList .item b{
  text-transform:uppercase;
  letter-spacing:.2px;
  font-weight:1000;
}

/* V10 Visual Yellow 10.2 */
#waMessage{
  min-height:360px!important;
  max-height:none!important;
  overflow:auto!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:pre-wrap!important;
}
.card:has(#waMessage){
  padding-bottom:18px!important;
}

/* V10 Visual Yellow 10.3 - Ajustes opcionales compactos */
.optional-card{
  background:#fff!important;
  border:3px solid #050505!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
.optional-card > h2{
  text-transform:uppercase;
  letter-spacing:-.8px;
}
.optional-card .subcard{
  position:relative;
  padding:14px!important;
  border-radius:22px!important;
  border:2px solid #efefef!important;
  box-shadow:0 8px 20px rgba(0,0,0,.07)!important;
  overflow:hidden;
}
.optional-card .subcard:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:9px;
  background:#f6c400;
}
.optional-card .subcard h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:6px!important;
  padding-bottom:8px;
  border-bottom:2px solid #f0f0f0;
}
.optional-card .subcard label{
  font-size:15px!important;
  margin-top:8px!important;
}
.optional-card .subcard input,
.optional-card .subcard select{
  padding:10px 12px!important;
  font-size:17px!important;
  border-radius:15px!important;
}
.optional-card .minihelp{
  font-size:14px!important;
  padding:10px!important;
  margin-bottom:0!important;
}
.design-simple{
  background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)!important;
}
#suggestedDeliveryInfo{
  max-height:none!important;
  overflow:visible!important;
}
#waMessage{
  min-height:420px!important;
  font-size:15px!important;
  padding:18px!important;
}

/* V10 Visual Yellow 10.4 */
#outClientUnit{
  color:#f6c400;
}

/* V10 Visual Yellow 10.5 — interfaz unificada tipo tarjeta de precio */
.yellow-panel,
.product-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.quote-card{
  background:linear-gradient(180deg,#fffdf2 0%,#fff7cc 100%)!important;
  border:3px solid #f6c400!important;
  border-radius:28px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.10)!important;
  position:relative;
  overflow:hidden;
}

.yellow-panel:after,
.product-card:after,
.optional-card:after,
.analysis-card:after,
.whatsapp-card:after,
.quote-card:after{
  content:"";
  position:absolute;
  right:-52px;
  top:-58px;
  width:130px;
  height:130px;
  background:#f6c400;
  border-radius:50%;
  opacity:.35;
  pointer-events:none;
}

.yellow-panel > *,
.product-card > *,
.optional-card > *,
.analysis-card > *,
.whatsapp-card > *,
.quote-card > *{
  position:relative;
  z-index:1;
}

.yellow-panel h2,
.product-card h2,
.optional-card h2,
.analysis-card h2,
.whatsapp-card h2,
.quote-card h2{
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:-1px!important;
  color:#111!important;
}

.yellow-panel h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after,
.quote-card h2:after{
  width:72px!important;
  height:5px!important;
  background:#f6c400!important;
  border-radius:999px!important;
  box-shadow:0 1px 0 rgba(0,0,0,.18);
}

/* Subtarjetas con el mismo estilo de las tarjetas de precio */
.optional-card .subcard,
.analysis-section,
.quick-create,
.manual-box{
  background:#fff!important;
  border:2px solid #dedede!important;
  border-radius:22px!important;
  box-shadow:0 7px 18px rgba(0,0,0,.09)!important;
}

.optional-card .subcard:before{
  display:none!important;
}

.optional-card .subcard h3,
.analysis-section h3{
  text-transform:uppercase!important;
  letter-spacing:.2px!important;
  font-weight:1000!important;
  color:#111!important;
  border-bottom:0!important;
  padding-bottom:0!important;
}

/* Inputs y selects más consistentes con tarjetas */
.yellow-panel input,
.yellow-panel select,
.yellow-panel textarea,
.product-card input,
.product-card select,
.optional-card input,
.optional-card select,
.whatsapp-card textarea{
  border:3px solid #e5e5e5!important;
  border-radius:20px!important;
  background:#fff!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.03);
}

.yellow-panel input:focus,
.yellow-panel select:focus,
.yellow-panel textarea:focus,
.product-card input:focus,
.product-card select:focus,
.optional-card input:focus,
.optional-card select:focus,
.whatsapp-card textarea:focus{
  border-color:#f6c400!important;
  box-shadow:0 0 0 5px rgba(246,196,0,.25)!important;
}

/* Finanzas ya no negra: se integra con el sistema visual */
.finance-card{
  background:linear-gradient(180deg,#fffdf2 0%,#fff7cc 100%)!important;
  color:#111!important;
  border:3px solid #f6c400!important;
}
.finance-card:before{
  display:none!important;
}
.finance-card h2,
.finance-card label,
.finance-card span{
  color:#111!important;
}
.finance-card .minihelp{
  background:#fff!important;
  color:#444!important;
  border:2px solid #eee!important;
}
.finance-card #financeSummary{
  background:#050505!important;
  color:#fff!important;
  border-left:9px solid #f6c400!important;
}

/* Resumen negro mantiene contraste, pero con forma tipo catálogo */
.summary-card{
  border-radius:30px!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26)!important;
}
.summary-card:before{
  content:"";
  display:block;
  width:76px;
  height:5px;
  background:#f6c400;
  border-radius:999px;
  margin-bottom:14px;
}

/* WhatsApp más limpio y sin recortes visuales */
.whatsapp-card{
  border-color:#050505!important;
}
.whatsapp-card textarea{
  min-height:460px!important;
  background:#fff!important;
  border:3px solid #e5e5e5!important;
  border-radius:24px!important;
  font-size:15px!important;
  line-height:1.38!important;
  padding:20px!important;
}
.whatsapp-card button{
  border-radius:20px!important;
}

/* Botones */
button{
  border-radius:20px!important;
}
.green{
  box-shadow:0 5px 0 #0c5d28!important;
}
.black{
  box-shadow:0 5px 0 #333!important;
}

/* Catálogo */
#catalogList .item{
  border-radius:22px!important;
  border:2px solid #e3e3e3!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
}
#catalogList .item:before{
  width:10px!important;
}

/* Menú inferior más integrado */
nav{
  box-shadow:0 -8px 24px rgba(0,0,0,.24)!important;
}
nav button{
  letter-spacing:-.4px;
}

/* Compactar un poco en móvil */
@media (max-width:480px){
  main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .card{
    padding:13px!important;
  }
  .price-grid{
    gap:10px!important;
  }
  .price-card{
    min-height:108px!important;
    padding:10px!important;
  }
  .price-card strong{
    font-size:28px!important;
  }
}

/* V10 Visual Yellow 10.6 — balance blanco/negro/amarillo */
body{
  background:#f4f4f4!important;
}

/* Tarjetas principales: blancas con detalle negro/amarillo */
.yellow-panel,
.product-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.quote-card{
  background:#fff!important;
  border:2px solid #e6e6e6!important;
  border-top:7px solid #050505!important;
  border-radius:26px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important;
}

.yellow-panel:after,
.product-card:after,
.optional-card:after,
.analysis-card:after,
.whatsapp-card:after,
.quote-card:after{
  display:none!important;
}

/* Títulos con acento amarillo pequeño */
.yellow-panel h2,
.product-card h2,
.optional-card h2,
.analysis-card h2,
.whatsapp-card h2,
.quote-card h2{
  color:#050505!important;
  text-transform:uppercase!important;
  letter-spacing:-.7px!important;
}

.yellow-panel h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after,
.quote-card h2:after{
  background:#f6c400!important;
  width:64px!important;
  height:5px!important;
}

/* Producto/precios sí mantiene más amarillo porque es el foco */
.product-card{
  background:#fffdf2!important;
  border:3px solid #050505!important;
  border-top:9px solid #f6c400!important;
}

.price-block{
  background:#fff7cc!important;
  border:2px solid #f6c400!important;
}

/* Ajustes opcionales: subtarjetas diferenciadas */
.optional-card{
  background:#fff!important;
  border-top-color:#050505!important;
}

.optional-card .subcard{
  background:#fff!important;
  border:2px solid #ececec!important;
  border-left:8px solid #050505!important;
  box-shadow:0 6px 16px rgba(0,0,0,.06)!important;
}

.optional-card .subcard:nth-of-type(1){
  border-left-color:#f6c400!important;
}
.optional-card .subcard:nth-of-type(2){
  border-left-color:#050505!important;
}
.optional-card .subcard:nth-of-type(3){
  border-left-color:#f6a400!important;
}
.optional-card .subcard:nth-of-type(4){
  border-left-color:#777!important;
}

.optional-card .subcard h3{
  color:#050505!important;
}

/* Colchón: blanco con detalle negro, no fondo negro ni todo amarillo */
.finance-card{
  background:#fff!important;
  color:#111!important;
  border:2px solid #e6e6e6!important;
  border-top:7px solid #050505!important;
}

.finance-card h2,
.finance-card label,
.finance-card span{
  color:#111!important;
}

.finance-card #financeSummary{
  background:#050505!important;
  color:#fff!important;
  border-left:10px solid #f6c400!important;
}

/* Análisis: técnico y limpio */
.analysis-section{
  background:#fafafa!important;
  border:2px solid #ececec!important;
  border-left:8px solid #050505!important;
  box-shadow:none!important;
}

.analysis-section .highlight{
  background:#fff7cc!important;
  color:#050505!important;
  border:2px solid #f6c400!important;
  border-left:8px solid #050505!important;
}

.analysis-section .highlight span,
.analysis-section .highlight b{
  color:#050505!important;
}

/* WhatsApp: borde negro premium */
.whatsapp-card{
  border:3px solid #050505!important;
  background:#fff!important;
}

.whatsapp-card textarea{
  background:#fafafa!important;
  border:2px solid #e0e0e0!important;
}

/* Inputs más limpios */
input,select,textarea{
  background:#fff!important;
  border:2px solid #e2e2e2!important;
}

input:focus,select:focus,textarea:focus{
  border-color:#050505!important;
  box-shadow:0 0 0 4px rgba(246,196,0,.24)!important;
}

/* Botones: negros con amarillo cuando son principales */
button{
  background:#f6c400!important;
  color:#050505!important;
  border:2px solid #050505!important;
  box-shadow:0 5px 0 #050505!important;
}

button.green{
  background:#050505!important;
  color:#f6c400!important;
  border-color:#050505!important;
  box-shadow:0 5px 0 #f6c400!important;
}

button.black{
  background:#050505!important;
  color:#fff!important;
  border-color:#050505!important;
}

/* Resumen mantiene negro como cierre visual */
.summary-card{
  background:#050505!important;
  border:0!important;
  box-shadow:0 16px 32px rgba(0,0,0,.25)!important;
}

.summary-card .total{
  color:#f6c400!important;
}

/* Menú inicio */
.menu button{
  background:#fff!important;
  color:#050505!important;
  border:2px solid #050505!important;
}

.menu button:before{
  background:#f6c400!important;
  opacity:1!important;
}

.menu button b{
  color:#050505!important;
}

/* Navegación inferior */
nav{
  background:#050505!important;
  border-top:5px solid #f6c400!important;
}

nav button{
  background:#050505!important;
  color:#f6c400!important;
  border:0!important;
  box-shadow:none!important;
}

/* Notas */
.yellow-note{
  background:#fff7cc!important;
  border-left:9px solid #050505!important;
}

/* Catálogo */
#catalogList .item{
  background:#fff!important;
  border:2px solid #e5e5e5!important;
  border-left:10px solid #f6c400!important;
}
#catalogList .item:before{
  display:none!important;
}


/* ===== V10.7 Premium Black ===== */
body{
  background:#f2f2f2!important;
}

.brand-header{
  background:#050505!important;
}

.card{
  background:#fff!important;
  border:1px solid #dddddd!important;
  border-top:8px solid #050505!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important;
}

.product-card{
  border-top:8px solid #f6c400!important;
  border-left:2px solid #050505!important;
  border-right:2px solid #050505!important;
  border-bottom:2px solid #050505!important;
}

.price-block{
  background:#fffef8!important;
  border:2px solid #050505!important;
}

.price-card{
  background:#fff!important;
  border:2px solid #dcdcdc!important;
}

.price-card.active{
  background:#050505!important;
  border-color:#050505!important;
  box-shadow:0 6px 0 #f6c400!important;
}

.price-card.active span,
.price-card.active strong,
.price-card.active small{
  color:#f6c400!important;
}

.finance-card{
  background:#fff!important;
}

.finance-card #financeSummary{
  background:#050505!important;
  color:#fff!important;
  border-left:8px solid #f6c400!important;
}

.optional-card .subcard{
  background:#fff!important;
  border-left:8px solid #050505!important;
}

.optional-card .subcard:nth-of-type(1){
  border-left-color:#f6c400!important;
}

.analysis-section{
  background:#fff!important;
  border-left:8px solid #050505!important;
}

.analysis-section .highlight{
  background:#050505!important;
  border-left:8px solid #f6c400!important;
}

.analysis-section .highlight span,
.analysis-section .highlight b{
  color:#f6c400!important;
}

.summary-card{
  background:#050505!important;
}

.summary-card .total{
  color:#f6c400!important;
}

button{
  background:#050505!important;
  color:#f6c400!important;
  border:2px solid #050505!important;
}

button.black{
  color:#fff!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#050505!important;
  box-shadow:0 0 0 4px rgba(246,196,0,.25)!important;
}

.yellow-note{
  background:#fff!important;
  border-left:10px solid #f6c400!important;
}

.whatsapp-card{
  border-top:8px solid #050505!important;
}

nav{
  background:#050505!important;
}

nav button{
  color:#f6c400!important;
}

/* ===== V10.9 Fondo negro + tarjetas blancas con sombra de contorno desplazada ===== */
:root{
  --yellow:#f6c400;
  --black:#020202;
  --white:#ffffff;
}

html, body{
  background:#020202!important;
}
body{
  color:#fff!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.045), transparent 26%),
    linear-gradient(180deg,#030303 0%,#000 100%)!important;
}
main{
  background:#020202!important;
  padding-top:0!important;
}

/* Header centrado con logo real */
.brand-header.clean-black-header{
  background:#020202!important;
  padding:32px 18px 24px!important;
  text-align:center!important;
  overflow:visible!important;
}
.brand-header.clean-black-header:before,
.brand-header.clean-black-header:after,
.brand-header:before,
.brand-header:after{
  display:none!important;
}
.brand-logo-center{
  display:flex;
  justify-content:center;
  align-items:center;
}
.brand-logo-center img{
  width:min(73vw,390px);
  height:auto;
  display:block;
  filter:drop-shadow(0 10px 20px rgba(255,255,255,.08));
}

/* HOME */
#home{
  background:#020202!important;
}
.menu{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:22px!important;
  padding:8px 12px 130px!important;
}
.menu button.home-card,
.menu button{
  position:relative!important;
  isolation:isolate!important;
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:22px!important;
  min-height:170px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* contorno proyectado: solo línea, sin relleno, más abajo y a la izquierda */
.menu button.home-card::after,
.menu button::after{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:14px!important;
  width:100%!important;
  height:100%!important;
  border:2px solid rgba(255,255,255,.95)!important;
  border-radius:22px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.menu button.home-card::before,
.menu button::before{
  display:none!important;
}

.menu button b{
  color:#000!important;
  font-size:25px!important;
  font-weight:1000!important;
  letter-spacing:-.5px;
}
.line-icon{
  width:54px;
  height:54px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.receipt-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8h28v48l-5-4-5 4-5-4-5 4-5-4-3 3V8z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M24 20h16M24 30h16M24 40h8' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.box-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22l20-10 20 10v24L32 56 12 46V22z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M12 22l20 10 20-10M32 32v24M22 17l20 10' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.data-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8h24l8 8v40H18V8z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M42 8v12h12M24 42h16M24 50h16' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* General app cards: white fill + offset outline only */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  position:relative!important;
  isolation:isolate!important;
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:24px!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:12px!important;
  width:100%!important;
  height:100%!important;
  border:2px solid rgba(255,255,255,.75)!important;
  border-radius:24px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.card > *,
.quote-card > *,
.optional-card > *,
.analysis-card > *,
.whatsapp-card > *,
.finance-card > *,
.product-card > *,
.yellow-panel > *{
  position:relative;
  z-index:1;
}
.card h2,
.card h3,
.card label,
.card span,
.card b,
.card p{
  color:#000!important;
}
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after{
  background:var(--yellow)!important;
  width:70px!important;
  height:5px!important;
}

/* Price block */
.price-block{
  background:#fff!important;
  border:2px solid #000!important;
  border-radius:24px!important;
}
.price-card{
  background:#fff!important;
  border:2px solid #e1e1e1!important;
  box-shadow:none!important;
}
.price-card.active{
  background:#000!important;
  border:2px solid #000!important;
  box-shadow:0 0 0 3px var(--yellow)!important;
}
.price-card.active span,
.price-card.active strong,
.price-card.active small{
  color:var(--yellow)!important;
}

/* Subcards */
.optional-card .subcard,
.analysis-section,
.quick-create,
.manual-box{
  background:#fff!important;
  border:2px solid #ededed!important;
  border-left:7px solid #000!important;
  box-shadow:none!important;
}
.optional-card .subcard:nth-of-type(1){
  border-left-color:var(--yellow)!important;
}

/* Summary card */
.summary-card{
  background:#050505!important;
  color:#fff!important;
  border:1px solid #202020!important;
  box-shadow:none!important;
}
.summary-card::after{
  content:"";
  position:absolute;
  left:-8px;
  top:12px;
  width:100%;
  height:100%;
  border:2px solid rgba(255,255,255,.55);
  border-radius:30px;
  background:transparent;
  z-index:-1;
}
.summary-card span,
.summary-card b{
  color:#fff!important;
}
.summary-card .total,
.summary-card .total b,
.summary-card .total span{
  color:var(--yellow)!important;
}

/* Inputs */
input, select, textarea{
  background:#fff!important;
  color:#000!important;
  border:2px solid #e2e2e2!important;
}
input:focus, select:focus, textarea:focus{
  border-color:#000!important;
  box-shadow:0 0 0 4px rgba(246,196,0,.22)!important;
}

/* Buttons */
button{
  background:#000!important;
  color:var(--yellow)!important;
  border:2px solid #000!important;
  box-shadow:none!important;
}
button.green{
  background:#000!important;
  color:var(--yellow)!important;
}
button.black{
  background:#000!important;
  color:#fff!important;
}

/* Bottom nav */
nav{
  background:#000!important;
  border-top:4px solid var(--yellow)!important;
  box-shadow:none!important;
}
nav button{
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}
nav button:nth-child(1){
  color:var(--yellow)!important;
}
nav button:nth-child(1)::before{
  content:"⌂ ";
  color:var(--yellow)!important;
}
nav button:nth-child(2)::before{
  content:"□ ";
  color:#fff!important;
}
nav button:nth-child(3)::before{
  content:"⚙ ";
  color:#fff!important;
}

.yellow-note{
  background:#fff!important;
  border-left:8px solid var(--yellow)!important;
}

@media (max-width:480px){
  .brand-logo-center img{
    width:min(78vw,360px);
  }
  .menu{
    gap:18px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .menu button.home-card,
  .menu button{
    min-height:160px!important;
  }
}

/* ===== V11.1 Logo limpio + tipografía balanceada ===== */

/* Header sin marco blanco */
.brand-header.clean-logo-header{
  background:#020202!important;
  padding:24px 18px 22px!important;
  text-align:center!important;
  overflow:visible!important;
}
.brand-header.clean-logo-header:before,
.brand-header.clean-logo-header:after{
  display:none!important;
}
.brand-logo-native{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.brand-icon-real{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  display:block;
  background:transparent!important;
  margin-bottom:2px;
  filter:drop-shadow(0 6px 10px rgba(255,255,255,.08));
}
.brand-word{
  font-size:66px;
  line-height:.85;
  font-weight:1000;
  letter-spacing:-4px;
  color:#fff;
}
.brand-services{
  font-size:15px;
  line-height:1.2;
  font-weight:400;
  color:#fff;
  letter-spacing:.2px;
  margin-top:7px;
}

/* Tipografía: bold solo en jerarquías */
body{
  font-weight:400!important;
}
.card h2,
.product-card h2,
.optional-card h2,
.analysis-card h2,
.whatsapp-card h2,
.quote-card h2{
  font-weight:900!important;
  letter-spacing:-.8px!important;
}
.card h3,
.subcard h3,
.analysis-section h3{
  font-weight:800!important;
}
label{
  font-weight:650!important;
}
input,
select,
textarea{
  font-weight:400!important;
}
input::placeholder,
textarea::placeholder{
  font-weight:400!important;
  color:#9b9b9b!important;
}
.minihelp,
.yellow-note,
#designModeInfo,
#rushAutoInfo,
#suggestedDeliveryInfo{
  font-weight:400!important;
}
.price-card span,
.price-card small{
  font-weight:650!important;
}
.price-card strong,
.summary-card .total,
#outTotal,
button,
.menu button b,
nav button{
  font-weight:900!important;
}

/* Home más limpio */
.menu button.home-card,
.menu button{
  min-height:142px!important;
  border-radius:18px!important;
}
.menu button.home-card::after,
.menu button::after{
  left:-6px!important;
  top:9px!important;
  border-width:1.25px!important;
  border-radius:18px!important;
}
.line-icon{
  width:39px!important;
  height:39px!important;
}
.menu button b{
  font-size:20px!important;
}

/* Tarjetas internas sin contorno proyectado pesado */
.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after{
  display:none!important;
}
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  border-radius:18px!important;
}

/* Inputs más ligeros */
input,select,textarea{
  border-width:1.5px!important;
  min-height:42px!important;
  font-size:16px!important;
}
.card{
  padding:14px!important;
}
.card h2{
  font-size:25px!important;
}
label{
  font-size:15px!important;
}
.minihelp{
  font-size:14px!important;
}

/* Selectores de precio conservan peso visual */
.price-card{
  border-width:1.5px!important;
}
.price-card strong{
  font-size:25px!important;
}

/* Header responsive */
@media (max-width:480px){
  .brand-header.clean-logo-header{
    padding:22px 14px 20px!important;
  }
  .brand-icon-real{
    width:70px!important;
    height:70px!important;
  }
  .brand-word{
    font-size:58px!important;
  }
  .brand-services{
    font-size:14px!important;
  }
}

/* ===== V11.2 uniformidad: sombras negras + iconos lineales ===== */

/* Sombras/contornos uniformes en negro */
.menu button.home-card::after,
.menu button::after{
  border-color:#000!important;
  opacity:1!important;
}

.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel,
.subcard,
.analysis-section,
.quick-create,
.manual-box,
.price-card,
input,
select,
textarea{
  box-shadow:none!important;
}

.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  border:1.5px solid #000!important;
}

.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after{
  display:none!important;
}

.optional-card .subcard,
.analysis-section,
.quick-create,
.manual-box{
  border:1.5px solid #000!important;
  border-left:5px solid #000!important;
  background:#fff!important;
}

.optional-card .subcard:nth-of-type(1),
.optional-card .subcard:nth-of-type(2),
.optional-card .subcard:nth-of-type(3),
.optional-card .subcard:nth-of-type(4){
  border-left-color:#000!important;
}

.price-card{
  border:1.5px solid #000!important;
  box-shadow:none!important;
}

.price-card.active{
  background:#000!important;
  border-color:#000!important;
  box-shadow:0 0 0 2px #f6c400!important;
}

/* Botones con sombra limpia negra */
button{
  box-shadow:none!important;
}
button:not(.price-card):not(.home-card){
  border:1.5px solid #000!important;
}

/* Inputs uniformes */
input,select,textarea{
  border:1.5px solid #000!important;
}

/* Header de subsecciones con iconos lineales */
.section-line-icon{
  width:30px;
  height:30px;
  display:inline-block;
  vertical-align:-6px;
  margin-right:8px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  filter:none!important;
}

.design-line{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 42c0-17 9-28 24-28 8 0 14 5 14 12 0 5-4 8-8 8h-5c-3 0-5 2-5 5 0 5-4 9-9 9h-3c-5 0-8-2-8-6z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='25' r='2' fill='%23000'/%3E%3Ccircle cx='36' cy='23' r='2' fill='%23000'/%3E%3Ccircle cx='22' cy='35' r='2' fill='%23000'/%3E%3C/svg%3E");
}
.delivery-line{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22l20-10 20 10v24L32 56 12 46V22z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M12 22l20 10 20-10M32 32v24' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rush-line{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 6L16 36h15l-2 22 19-32H34l0-20z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.transport-line{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 24h30v20H10V24zM40 31h8l6 7v6H40V31z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='48' r='4' fill='none' stroke='%23000' stroke-width='4'/%3E%3Ccircle cx='48' cy='48' r='4' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E");
}
.finance-line{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='18' width='44' height='30' rx='4' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cpath d='M10 28h44M18 40h12' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.data-line-small{
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8h24l8 8v40H18V8z' fill='none' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M42 8v12h12M24 42h16M24 50h16' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Eliminar emojis del nav heredados y usar lineal simple */
nav button::before{
  font-family:inherit!important;
  margin-right:6px;
}
nav button:nth-child(1)::before{
  content:"⌂"!important;
  color:#f6c400!important;
}
nav button:nth-child(2)::before{
  content:"▱"!important;
  color:#fff!important;
}
nav button:nth-child(3)::before{
  content:"⚙"!important;
  color:#fff!important;
}

/* Iconos de home lineales más limpios */
.line-icon{
  filter:none!important;
}

/* Textos: contenido no tan pesado */
input,
select,
textarea,
.minihelp,
.yellow-note,
#suggestedDeliveryInfo,
#rushAutoInfo,
#designModeInfo{
  font-weight:400!important;
}
label{
  font-weight:600!important;
}
.card h2,
.card h3,
button,
.price-card strong,
.summary-card .total{
  font-weight:900!important;
}

/* Barra amarilla sigue como acento */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after{
  background:#f6c400!important;
}

/* ===== V11.3 Contorno exterior uniforme ===== */

/* Base: todos los contornos proyectados quedan por fuera, no por dentro */
.menu button.home-card,
.menu button{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

/* Contorno exterior blanco hacia fuera: abajo + izquierda */
.menu button.home-card::after,
.menu button::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:8px!important;
  width:100%!important;
  height:100%!important;
  border:1.25px solid #fff!important;
  border-radius:18px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}

/* Quita cualquier borde interno viejo en las tarjetas del inicio */
.menu button.home-card::before,
.menu button::before{
  display:none!important;
}

/* Tarjetas internas también con sombra exterior negra uniforme */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  box-shadow:none!important;
  border-radius:18px!important;
}

/* Contorno exterior NEGRO para tarjetas blancas internas */
.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:8px!important;
  width:100%!important;
  height:100%!important;
  border:1.25px solid #000!important;
  border-radius:18px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  display:block!important;
}

/* WhatsApp debe tener exactamente la misma sombra característica */
.whatsapp-card{
  background:#fff!important;
  border:0!important;
}
.whatsapp-card::after{
  border-color:#000!important;
  display:block!important;
}

/* Botones con sombra negra/amarilla uniforme y no rellenos raros */
button:not(.home-card){
  box-shadow:none!important;
}

/* Evita doble borde interno provocado por estilos anteriores */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  border:0!important;
}

/* Los controles internos sí conservan borde gris/negro normal */
input,select,textarea{
  border:1.5px solid #e2e2e2!important;
}
.price-block,
.price-card,
.subcard,
.analysis-section{
  box-shadow:none!important;
}

/* El contorno del resumen negro debe ser exterior y negro/visible */
.summary-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.summary-card::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:8px!important;
  width:100%!important;
  height:100%!important;
  border:1.25px solid rgba(255,255,255,.85)!important;
  border-radius:18px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  display:block!important;
}

/* Logo original no modificado si existe */
.original-yellow-logo{
  background:transparent!important;
}

/* ===== V11.4 Limpieza de líneas laterales ===== */

/* Quitar contornos proyectados de contenedores grandes:
   esos generaban líneas raras en el lado derecho */
.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after{
  display:none!important;
}

/* Tarjetas principales limpias */
.card,
.quote-card,
.optional-card,
.analysis-card,
.finance-card,
.product-card,
.yellow-panel{
  box-shadow:none!important;
  border:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Sombra/contorno característico solo en bloques internos y WhatsApp,
   siempre negro, hacia afuera, sin invadir el contenido */
.optional-card .subcard,
.analysis-section,
.whatsapp-card,
.summary-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  box-shadow:none!important;
}

.optional-card .subcard::after,
.analysis-section::after,
.whatsapp-card::after,
.summary-card::after{
  content:""!important;
  position:absolute!important;
  left:-7px!important;
  top:7px!important;
  width:100%!important;
  height:100%!important;
  border:1.25px solid #000!important;
  border-radius:18px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  display:block!important;
}

/* En tarjetas negras el contorno debe ser blanco tenue para sí verse */
.summary-card::after{
  border-color:rgba(255,255,255,.85)!important;
}

/* Inicio: conserva el contorno blanco exterior correcto */
.menu button.home-card,
.menu button{
  overflow:visible!important;
  position:relative!important;
  isolation:isolate!important;
}

.menu button.home-card::after,
.menu button::after{
  content:""!important;
  position:absolute!important;
  left:-7px!important;
  top:7px!important;
  width:100%!important;
  height:100%!important;
  border:1.25px solid #fff!important;
  border-radius:18px!important;
  background:transparent!important;
  z-index:-1!important;
  pointer-events:none!important;
  display:block!important;
}

/* Evitar doble borde interno */
.optional-card .subcard{
  border:1.5px solid #000!important;
  border-left:1.5px solid #000!important;
  border-radius:18px!important;
}

.optional-card .subcard:nth-of-type(1),
.optional-card .subcard:nth-of-type(3){
  border-left:1.5px solid #000!important;
}

/* Iconos: forzar estilo lineal y quitar color emoji donde sea posible */
.subcard h3,
.card h3{
  color:#000!important;
}

/* Reducir peso visual de bordes de inputs */
input,
select,
textarea{
  border:1.5px solid #e3e3e3!important;
  box-shadow:none!important;
}

/* Flechas/selects más limpios */
select{
  font-weight:600!important;
}

/* Botones sin sombras amarillas diferentes */
button:not(.home-card){
  box-shadow:none!important;
}

/* WhatsApp consistente */
.whatsapp-card{
  overflow:visible!important;
  border:0!important;
}
.whatsapp-card textarea{
  border:1.5px solid #e3e3e3!important;
}

/* Mantener amarillo solo como acento */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after{
  background:#f6c400!important;
}

/* ===== V11.5 Sin doble línea: sombra uniforme por box-shadow ===== */

/* Desactivar TODOS los contornos pseudo que estaban generando líneas dobles */
.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after,
.summary-card::after,
.optional-card .subcard::after,
.analysis-section::after,
.menu button::after,
.menu button.home-card::after,
button::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

/* Tarjetas blancas: una sola sombra negra sólida, sin doble contorno */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel,
.optional-card .subcard,
.analysis-section{
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-7px 8px 0 #000!important;
  overflow:hidden!important;
}

/* Resumen negro: sin doble línea, solo borde tenue único */
.summary-card{
  background:#050505!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Inicio: tarjetas blancas con sombra negra sólida, no contorno blanco */
.menu button,
.menu button.home-card{
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-7px 8px 0 #000!important;
  overflow:hidden!important;
}

/* Evitar que los bloques internos sumen demasiadas sombras */
.price-block,
.price-card,
.quick-create,
.manual-box{
  box-shadow:none!important;
}

/* WhatsApp consistente */
.whatsapp-card{
  box-shadow:-7px 8px 0 #000!important;
}
.whatsapp-card textarea{
  border:1.5px solid #e3e3e3!important;
  box-shadow:none!important;
}

/* Subtarjetas más limpias */
.optional-card .subcard{
  border:1.5px solid #000!important;
}

/* Inputs y selects sin sombra ni doble borde */
input,
select,
textarea{
  box-shadow:none!important;
  border:1.5px solid #e3e3e3!important;
}

/* Acento amarillo se mantiene solo en líneas y totales */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after{
  background:#f6c400!important;
}

/* Botones: sombra única, sin contorno fantasma */
button:not(.home-card){
  box-shadow:none!important;
}

/* ===== V11.6 Corrección definitiva: sin dobles líneas ===== */

/* Eliminar absolutamente todos los pseudo-contornos */
*::after,
*::before{
  box-sizing:border-box;
}

.card::after,
.quote-card::after,
.optional-card::after,
.analysis-card::after,
.whatsapp-card::after,
.finance-card::after,
.product-card::after,
.yellow-panel::after,
.summary-card::after,
.optional-card .subcard::after,
.analysis-section::after,
.menu button::after,
.menu button.home-card::after,
button::after,
.card::before,
.quote-card::before,
.optional-card::before,
.analysis-card::before,
.whatsapp-card::before,
.finance-card::before,
.product-card::before,
.yellow-panel::before,
.summary-card::before,
.optional-card .subcard::before,
.analysis-section::before,
.menu button::before,
.menu button.home-card::before,
button::before{
  content:none!important;
  display:none!important;
}

/* Contenedores grandes sin sombra para evitar doble capa */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Solo las tarjetas/secciones internas tienen UNA sombra negra sólida */
.optional-card .subcard,
.analysis-section,
.whatsapp-card,
.menu button.home-card,
.menu button{
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-7px 8px 0 #000!important;
  overflow:hidden!important;
}

/* Summary negro sin doble línea */
.summary-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-7px 8px 0 rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}

/* Inputs, selects y textareas sin sombras externas */
input,
select,
textarea{
  box-shadow:none!important;
  border:1.5px solid #e4e4e4!important;
  border-radius:16px!important;
}

/* Bloques internos sin sombras duplicadas */
.price-block,
.price-card,
.quick-create,
.manual-box,
.minihelp,
.yellow-note{
  box-shadow:none!important;
}

/* Bordes internos más limpios */
.optional-card .subcard{
  border:1.5px solid #111!important;
}

.analysis-section{
  border:1.5px solid #111!important;
}

.whatsapp-card textarea{
  border:1.5px solid #e4e4e4!important;
}

/* Tarjetas de precio: una sola selección */
.price-card{
  border:1.5px solid #dedede!important;
}
.price-card.active{
  border:2px solid #000!important;
  box-shadow:0 0 0 3px #f6c400!important;
}

/* Botones sin doble sombra */
button:not(.home-card){
  box-shadow:none!important;
}

/* Barra inferior limpia */
nav,
nav button{
  box-shadow:none!important;
}

/* Mantener acentos amarillos */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after{
  background:#f6c400!important;
}

/* ===== V11.7 Solo sombra, sin línea de borde ===== */

/* Tarjetas internas: sin borde visible, solo sombra sólida */
.optional-card .subcard,
.analysis-section,
.whatsapp-card,
.menu button.home-card,
.menu button{
  border:0!important;
  outline:0!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Contenedores grandes sin borde ni doble capa */
.card,
.quote-card,
.optional-card,
.analysis-card,
.finance-card,
.product-card,
.yellow-panel{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Desactivar cualquier pseudo-contorno heredado */
.optional-card .subcard::before,
.optional-card .subcard::after,
.analysis-section::before,
.analysis-section::after,
.whatsapp-card::before,
.whatsapp-card::after,
.card::before,
.card::after,
.menu button::before,
.menu button::after{
  content:none!important;
  display:none!important;
}

/* Si algún estilo anterior volvió a meter borde izquierdo, anularlo */
.optional-card .subcard,
.optional-card .subcard:nth-of-type(1),
.optional-card .subcard:nth-of-type(2),
.optional-card .subcard:nth-of-type(3),
.optional-card .subcard:nth-of-type(4){
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Mantener los inputs con borde gris suave */
input,
select,
textarea{
  border:1.5px solid #e5e5e5!important;
  box-shadow:none!important;
}

/* Tarjeta negra de resumen: sin línea extra, solo contenido */
.summary-card{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.summary-card::before,
.summary-card::after{
  content:none!important;
  display:none!important;
}

/* ===== V11.9 Base desde 11.7: conservar grosor deseado ===== */

/* Quitar pseudo-contornos finos que generan dobles líneas */
.card::before,.card::after,
.quote-card::before,.quote-card::after,
.optional-card::before,.optional-card::after,
.analysis-card::before,.analysis-card::after,
.whatsapp-card::before,.whatsapp-card::after,
.finance-card::before,.finance-card::after,
.product-card::before,.product-card::after,
.yellow-panel::before,.yellow-panel::after,
.summary-card::before,.summary-card::after,
.analysis-section::before,.analysis-section::after,
.optional-card .subcard::before,.optional-card .subcard::after,
.menu button::before,.menu button::after,
button::before,button::after{
  content:none!important;
  display:none!important;
}

/* Contenedores principales limpios */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Bloques internos tipo Ajustes/Entrega:
   grosor visible, borde negro normal + sombra negra sólida */
.optional-card .subcard,
.analysis-section,
.price-block{
  background:#fff!important;
  color:#000!important;
  border:2px solid #000!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* No adelgazar los bordes de subtarjetas */
.optional-card .subcard,
.optional-card .subcard:nth-of-type(1),
.optional-card .subcard:nth-of-type(2),
.optional-card .subcard:nth-of-type(3),
.optional-card .subcard:nth-of-type(4){
  border:2px solid #000!important;
}

/* Secciones que faltaban: colchón, elegir precio, producto catálogo, cotización y WhatsApp */
.finance-card,
.product-card,
.quote-card,
.whatsapp-card,
.analysis-card{
  box-shadow:-8px 9px 0 #000!important;
}

/* El resumen negro mantiene presencia sin doble línea */
.summary-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
.summary-card span,
.summary-card b{
  color:#fff!important;
}
.summary-card .total,
.summary-card .total span,
.summary-card .total b{
  color:#f6c400!important;
}

/* Inicio conserva el mismo grosor visual */
.menu button,
.menu button.home-card{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Inputs siguen limpios, sin peso excesivo */
input,
select,
textarea{
  background:#fff!important;
  color:#000!important;
  border:1.5px solid #e5e5e5!important;
  border-radius:16px!important;
  box-shadow:none!important;
  font-weight:400!important;
}
select{
  font-weight:600!important;
}
input::placeholder,
textarea::placeholder{
  color:#9b9b9b!important;
  font-weight:400!important;
}

/* Tarjetas de precio internas sin doble sombra */
.price-card{
  background:#fff!important;
  border:1.5px solid #e4e4e4!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.price-card.active{
  background:#000!important;
  border:2px solid #000!important;
  box-shadow:0 0 0 3px #f6c400!important;
}
.price-card.active span,
.price-card.active strong,
.price-card.active small{
  color:#f6c400!important;
}

/* Botones sin sombras amarillas inconsistentes */
button:not(.home-card){
  box-shadow:none!important;
}

/* Acentos amarillos únicamente en líneas, navegación activa y totales */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after,
.finance-card h2:after,
.quote-card h2:after{
  background:#f6c400!important;
  width:70px!important;
  height:5px!important;
}

/* Textos de tarjetas blancas en negro */
.card h2,.card h3,.card label,.card span,.card b,.card p,
.quote-card h2,.optional-card h2,.analysis-card h2,.whatsapp-card h2,
.finance-card h2,.product-card h2{
  color:#000!important;
}

/* Logo: no reconstruir ni deformar */
.original-yellow-logo,
.brand-header img{
  object-fit:contain!important;
  background:transparent!important;
}

/* Navegación sin doble sombra */
nav,
nav button{
  box-shadow:none!important;
}

/* ===== V12.0 Solo sombra negra, sin líneas de contorno ===== */

/* Apagar cualquier pseudo-contorno previo */
.card::before,.card::after,
.quote-card::before,.quote-card::after,
.optional-card::before,.optional-card::after,
.analysis-card::before,.analysis-card::after,
.whatsapp-card::before,.whatsapp-card::after,
.finance-card::before,.finance-card::after,
.product-card::before,.product-card::after,
.yellow-panel::before,.yellow-panel::after,
.summary-card::before,.summary-card::after,
.analysis-section::before,.analysis-section::after,
.optional-card .subcard::before,.optional-card .subcard::after,
.price-block::before,.price-block::after,
.menu button::before,.menu button::after,
button::before,button::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
}

/* Secciones principales:
   sin borde, sin línea, únicamente sombra negra sólida */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Subtarjetas internas como Diseño / Entrega:
   quitar TODAS las líneas negras, dejar solo sombra */
.optional-card .subcard,
.analysis-section,
.price-block{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Anular reglas específicas anteriores de nth-of-type */
.optional-card .subcard:nth-of-type(1),
.optional-card .subcard:nth-of-type(2),
.optional-card .subcard:nth-of-type(3),
.optional-card .subcard:nth-of-type(4){
  border:0!important;
  border-left:0!important;
  outline:0!important;
}

/* Inicio igual: sombra sin línea */
.menu button,
.menu button.home-card{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #000!important;
  overflow:hidden!important;
}

/* Resumen negro: sin contorno, solo sombra tenue */
.summary-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
.summary-card span,
.summary-card b{
  color:#fff!important;
}
.summary-card .total,
.summary-card .total span,
.summary-card .total b{
  color:#f6c400!important;
}

/* Inputs sí conservan borde gris suave, porque son campos */
input,
select,
textarea{
  background:#fff!important;
  color:#000!important;
  border:1.5px solid #e5e5e5!important;
  outline:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* Tarjetas de precio: sin sombra exterior extra */
.price-card{
  background:#fff!important;
  border:1.5px solid #e5e5e5!important;
  outline:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.price-card.active{
  background:#000!important;
  border:2px solid #000!important;
  box-shadow:0 0 0 3px #f6c400!important;
}
.price-card.active span,
.price-card.active strong,
.price-card.active small{
  color:#f6c400!important;
}

/* Botones internos sin sombras extra */
button:not(.home-card){
  box-shadow:none!important;
}

/* Mantener acentos amarillos */
.card h2:after,
.product-card h2:after,
.optional-card h2:after,
.analysis-card h2:after,
.whatsapp-card h2:after,
.finance-card h2:after,
.quote-card h2:after{
  background:#f6c400!important;
}

/* Evitar líneas en bloques de ayuda */
.minihelp,
.yellow-note,
#financeSummary,
#designModeInfo,
#rushAutoInfo,
#suggestedDeliveryInfo{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* ===== V12.1 Sombra alternada por sección ===== */

/* Regla base: sin sombra en contenedores para evitar encimado visual */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel,
.optional-card .subcard,
.analysis-section,
.price-block,
.summary-card{
  box-shadow:none!important;
}

/* CON SOMBRA:
   Cotización, Elegir precio, Ajustes opcionales, Urgencia,
   Análisis Yellow, Extras */
.quote-card,
.optional-card,
.analysis-card{
  box-shadow:-8px 9px 0 #000!important;
}

/* Elegir precio */
.price-block{
  box-shadow:-8px 9px 0 #000!important;
}

/* Urgencia: es una subcard dentro de Ajustes opcionales.
   Normalmente es la tercera subcard. */
.optional-card .subcard:nth-of-type(3){
  box-shadow:-8px 9px 0 #000!important;
}

/* Extras dentro de análisis */
.analysis-section:nth-of-type(3){
  box-shadow:-8px 9px 0 #000!important;
}

/* SIN SOMBRA explícita:
   Producto catálogo, colchón financiero, entrega, transporte,
   total de piezas, rentabilidad */
.product-card,
.finance-card,
.optional-card .subcard:nth-of-type(2),
.optional-card .subcard:nth-of-type(4),
.analysis-section:nth-of-type(2),
.analysis-section:nth-of-type(4){
  box-shadow:none!important;
}

/* WhatsApp queda sin sombra salvo que se decida después */
.whatsapp-card{
  box-shadow:none!important;
}

/* Mantener las tarjetas limpias sin borde negro */
.card,
.quote-card,
.optional-card,
.analysis-card,
.whatsapp-card,
.finance-card,
.product-card,
.yellow-panel,
.optional-card .subcard,
.analysis-section,
.price-block{
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Inputs sí mantienen borde gris suave */
input,
select,
textarea,
.price-card{
  box-shadow:none!important;
}

/* Botones internos sin sombras adicionales */
button:not(.home-card){
  box-shadow:none!important;
}

/* ===== V12.2 Inicio invertido: tarjeta negra + sombra blanca ===== */

/* Logo de inicio sin grosor/halo extra */
.brand-header img,
.original-yellow-logo,
.brand-icon-real,
.brand-logo-center img,
.brand-logo-native img{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:0!important;
  border:0!important;
}

.brand-word,
.brand-services{
  text-shadow:none!important;
  filter:none!important;
}

/* Inicio: usar el lenguaje de sombra interior, pero invertido */
.menu button,
.menu button.home-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-8px 9px 0 #fff!important;
  overflow:hidden!important;
}

/* Eliminar cualquier pseudo-contorno viejo del inicio */
.menu button::before,
.menu button::after,
.menu button.home-card::before,
.menu button.home-card::after{
  content:none!important;
  display:none!important;
}

/* Texto de tarjetas de inicio */
.menu button b,
.menu button.home-card b{
  color:#fff!important;
  font-weight:900!important;
}

/* Iconos lineales blancos en las tarjetas de inicio */
.menu .line-icon{
  filter:invert(1)!important;
}

/* Si algún icono emoji/texto queda en span, hacerlo blanco */
.menu button span{
  color:#fff!important;
}

/* Estado hover/active limpio */
.menu button:active,
.menu button.home-card:active{
  transform:translate(-2px,2px);
  box-shadow:-6px 7px 0 #fff!important;
}

/* Mantener menú inferior sin modificar */
nav button{
  box-shadow:none!important;
}

/* ===== V12.3 Solo portada: sombra más fina y logo sin grosor agregado ===== */

/* Logo de portada: sin filtro, sin sombra, sin marco */
.brand-header.portada-header{
  background:#020202!important;
  padding:24px 18px 22px!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.brand-header.portada-header::before,
.brand-header.portada-header::after{
  content:none!important;
  display:none!important;
}
.portada-logo{
  width:min(68vw,320px)!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Anular logo reconstruido anterior solo en portada */
.brand-logo-native,
.brand-logo-center,
.brand-word,
.brand-services,
.brand-icon-real,
.original-yellow-logo{
  display:none!important;
}

/* Portada: sombra blanca invertida más ligera */
#home .menu button,
#home .menu button.home-card{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  box-shadow:-5px 6px 0 #fff!important;
  overflow:hidden!important;
}
#home .menu button::before,
#home .menu button::after,
#home .menu button.home-card::before,
#home .menu button.home-card::after{
  content:none!important;
  display:none!important;
}

/* Mantener iconos y texto blancos en portada */
#home .menu button b,
#home .menu button.home-card b{
  color:#fff!important;
}
#home .menu .line-icon{
  filter:invert(1)!important;
}
#home .menu button span{
  color:#fff!important;
}

/* Presionado más sutil */
#home .menu button:active,
#home .menu button.home-card:active{
  transform:translate(-1px,1px);
  box-shadow:-4px 5px 0 #fff!important;
}

/* V12.4 Corrección logo portada */
.portada-logo,
.brand-header img{
  filter:none !important;
  mix-blend-mode:normal !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}



/* ===== V12.5 Correcciones cotizador ===== */

/* Ocultar precio base seleccionado y su ayuda; el precio se elige en las tarjetas */
label[for="basePrice"],
#basePrice,
#basePriceHelp{
  display:none!important;
}

/* Si la ayuda no tiene id en alguna versión, ocultar la primera minihelp después de basePrice */
#basePrice + .minihelp{
  display:none!important;
}

/* V12.8 precio/escala */
#priceCalcNote{
  display:block!important;
  background:#f7f7f7!important;
  color:#555!important;
  font-weight:400!important;
}
#roundingMode{
  font-weight:600!important;
}

/* V13.0 selector de redondeo en Elegir precio */
.price-rounding-live{
  margin:10px 0 16px;
  padding:12px;
  border-radius:16px;
  background:#f7f7f7;
}
.price-rounding-live label{
  display:block;
  margin-bottom:8px;
  font-weight:800;
}
.price-rounding-live select{
  width:100%;
  font-weight:700!important;
}

/* V13.1 limpieza: secciones desplegables */
.price-rounding-live{
  margin:10px 0 16px;
  padding:12px;
  border-radius:16px;
  background:#f7f7f7;
}
.price-rounding-live label{
  display:block;
  margin-bottom:8px;
  font-weight:800;
}
.price-rounding-live select{
  width:100%;
  font-weight:700!important;
}

.collapsible-section > .collapse-toggle{
  width:100%;
  margin:8px 0 0;
  background:#050505!important;
  color:#f6c400!important;
  border-radius:14px!important;
  padding:10px!important;
  font-weight:900!important;
}
.collapsible-section.collapsed > *:not(h2):not(.collapse-toggle){
  display:none!important;
}
.collapsible-section:not(.collapsed) > .collapse-toggle{
  margin-bottom:12px;
}

.mini-collapse-title{
  cursor:pointer;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0!important;
}
.mini-collapse-title span{
  font-size:24px;
  font-weight:900;
}
.mini-collapsible.collapsed > *:not(.mini-collapse-title){
  display:none!important;
}
.mini-collapsible{
  margin-top:12px!important;
}

/* V13.2: redondeo solo visible en Elegir precio */
.optional-card #roundingMode,
.optional-card label[for="roundingMode"],
.optional-card .subcard:has(#roundingMode){
  display:none!important;
}

/* V13.3 desplegable recargo por método de pago */
.collapsible-section > .collapse-toggle{
  width:100%;
  margin:12px 0 0;
  background:#050505!important;
  color:#f6c400!important;
  border-radius:14px!important;
  padding:12px!important;
  font-weight:900!important;
  border:0!important;
}
.collapsible-section.collapsed > *:not(h2):not(.collapse-toggle){
  display:none!important;
}
.collapsible-section:not(.collapsed) > .collapse-toggle{
  margin-bottom:14px;
}
.finance-card.collapsible-section.collapsed{
  padding-bottom:22px!important;
}

/* V13.4 desplegables estables */
#financeSection.collapsed > *:not(h2):not(.collapse-toggle),
#optionalSection.collapsed > *:not(h2):not(.collapse-toggle){
  display:none!important;
}
#financeSection > .collapse-toggle,
#optionalSection > .collapse-toggle{
  display:block!important;
  width:100%;
  margin:12px 0 0!important;
  background:#050505!important;
  color:#f6c400!important;
  border-radius:14px!important;
  padding:12px!important;
  font-weight:900!important;
  border:0!important;
  text-align:center!important;
}
#financeSection:not(.collapsed) > .collapse-toggle,
#optionalSection:not(.collapsed) > .collapse-toggle{
  margin-bottom:14px!important;
}


/* V13.5 limpieza tipográfica */
.logo,
.brand,
.brand-name,
.header-logo-text{
  font-weight:500 !important;
}

.card h2{
  font-weight:700 !important;
}

.subcard h3,
.mini-collapse-title{
  font-weight:600 !important;
}

label,
.small,
.minihelp,
.helper,
.card p,
.subcard p{
  font-weight:400 !important;
}

input,
select,
textarea{
  font-weight:400 !important;
}

/* V13.9 tipografía limpia */
.card h2{font-weight:700!important;}
.subcard h3,.mini-collapse-title{font-weight:600!important;}
label,.minihelp,.card p,.subcard p,input,select,textarea{font-weight:400!important;}
.logo,.brand,.brand-name,.header-logo-text{font-weight:500!important;}

/* V14.2 tipografía más ligera */
body, input, select, textarea, button, label, p, .minihelp, .helper{
  font-weight:400!important;
}
.card h2, section h2{
  font-weight:650!important;
}
.subcard h3, .mini-collapse-title, h3{
  font-weight:600!important;
}
.summary-card, .summary-card *, .analysis-card, .analysis-card *{
  font-weight:400!important;
}
strong, b{
  font-weight:600!important;
}
.total-final, .final-total, [id*="totalFinal"], [class*="totalFinal"]{
  font-weight:700!important;
}
.price-card b, .price-card strong, .price-card .price{
  font-weight:700!important;
}

/* V14.5 tipografía más limpia */
.summary-card *, .analysis-card *, .card p, label, input, select, textarea{
  font-weight:400!important;
}
.card h2{
  font-weight:650!important;
}
.total-final, .final-total, [class*="totalFinal"], [id*="totalFinal"]{
  font-weight:700!important;
}

/* V14.6 tipografía menos pesada */
.summary-card *, .analysis-card *, label, input, select, textarea, .minihelp{
  font-weight:400!important;
}
.card h2{font-weight:650!important;}
.subcard h3,.mini-collapse-title{font-weight:600!important;}
.price-card strong,.price-card b,.price-card .price{font-weight:700!important;}

/* V14.8 Costos de operación */
.operation-costs-card{
  margin-top:18px!important;
}
.operation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.operation-grid label{
  margin-top:0!important;
}
.op-result-box{
  margin-top:16px;
  background:#050505;
  color:#fff;
  border-radius:18px;
  padding:14px;
  display:grid;
  gap:10px;
}
.op-result-box div{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.op-result-box span{
  color:#f5f5f5;
  font-weight:400!important;
}
.op-result-box strong{
  color:#f6c400;
  font-weight:700!important;
}
.operation-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.secondary-btn{
  background:#fff!important;
  color:#050505!important;
  border:1.5px solid #050505!important;
}
@media(max-width:640px){
  .operation-grid,
  .operation-actions{
    grid-template-columns:1fr;
  }
}

/* V14.9: Costos de operación solo dentro de Datos */
#home .operation-costs-card,
#quote .operation-costs-card,
#catalog .operation-costs-card{
  display:none!important;
}
#data .operation-costs-card{
  display:block!important;
}

/* V14.9.1: Costos de operación solo en Datos */
#home .operation-costs-card,
#quote .operation-costs-card,
#catalog .operation-costs-card,
#acrylic .operation-costs-card{
  display:none!important;
}
#data .operation-costs-card{
  display:block!important;
}

/* V14.9.1: Rentabilidad actualizada desde Datos */
.analysis-card *, .summary-card *{
  font-weight:400!important;
}
.analysis-card strong, .summary-card strong{
  font-weight:650!important;
}

/* V14.9.2: Operación conectada sin modificar Total final */
#home .operation-costs-card,
#quote .operation-costs-card,
#catalog .operation-costs-card,
#acrylic .operation-costs-card{
  display:none!important;
}
#data .operation-costs-card{
  display:block!important;
}

/* V14.9.3 base estable para Acrílicos */
#home .operation-costs-card,
#quote .operation-costs-card,
#catalog .operation-costs-card,
#acrylic .operation-costs-card{
  display:none!important;
}
#data .operation-costs-card{
  display:block!important;
}
#openAcrylic .home-icon{
  font-size:34px;
  line-height:1;
}
#acrylic .card{
  min-height:220px;
}
.summary-card *, .analysis-card *{
  font-weight:400!important;
}
.summary-card .total-final,
.summary-card [class*="total"],
.summary-card strong{
  font-weight:650!important;
}

/* V14.9.4: quitar repetición en resumen negro */
#outCost,
#outGain,
#outMargin{
  display:none!important;
}
#outCostLabel,
#outGainLabel,
#outMarginLabel{
  display:none!important;
}

/* V14.9.9 catálogo editable estable */
.catalog-admin-clean{
  margin:12px 0 16px!important;
}
.catalog-admin-clean .primary-btn{
  width:100%!important;
}
.catalog-product-clean{
  display:block!important;
}
.catalog-product-main{
  margin-bottom:12px!important;
}
.catalog-product-main b{
  display:block!important;
  font-weight:700!important;
  text-transform:uppercase;
  margin-bottom:6px!important;
}
.catalog-product-main span{
  display:block!important;
  font-weight:400!important;
}
.catalog-product-actions-clean{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px!important;
}
.catalog-product-actions-clean button{
  background:#050505!important;
  color:#f6c400!important;
  border:0!important;
  border-radius:12px!important;
  padding:10px!important;
  font-weight:700!important;
}
.catalog-modal-clean.hidden{
  display:none!important;
}
.catalog-modal-clean{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.72)!important;
  z-index:99999!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:22px 14px!important;
  overflow:auto!important;
}
.catalog-modal-panel{
  width:min(680px,100%)!important;
  background:#fff!important;
  color:#050505!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.35)!important;
}
.catalog-modal-panel h2{
  margin-top:0!important;
}
.catalog-modal-panel label{
  display:block!important;
  margin-top:12px!important;
}
.catalog-modal-actions-clean{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px!important;
}
@media(max-width:640px){
  .catalog-product-actions-clean,
  .catalog-modal-actions-clean{
    grid-template-columns:1fr!important;
  }
}

/* V14.9.13 etiqueta precio sin redondear */
.raw-price-label{
  display:block!important;
  font-weight:400!important;
  color:#fff!important;
}
.raw-price-value{
  display:block!important;
}


/* V14.9.14 alineación precio sin redondear */
.raw-price-label{
  display:inline-block !important;
  text-align:left !important;
  width:auto !important;
  margin:0 !important;
}
.raw-price-value{
  float:right !important;
  text-align:right !important;
}