/* ── cotizador-style.css ── */

.cot{max-width:600px;margin:0 auto;}

/* PROGRESS */
.progress-bar{height:4px;background:var(--rosa-claro);border-radius:4px;margin-bottom:32px;overflow:hidden;}
.progress-fill{height:100%;background:var(--bordo);border-radius:4px;transition:width .4s ease;}

/* STEPS */
.step{display:none;}
.step.active{display:block;}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--bordo-light);color:var(--bordo);
  padding:6px 14px;border-radius:30px;
  font-size:12px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;margin-bottom:16px;
}
.step-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(20px,3.5vw,28px);font-weight:700;
  color:var(--texto);line-height:1.3;margin-bottom:20px;
}

/* INFO CARDS */
.info-card{
  background:white;border:1px solid var(--rosa-claro);
  border-left:4px solid var(--rosa);
  border-radius:12px;padding:16px 20px;margin-bottom:16px;
}
.ic-label{
  font-size:12px;font-weight:700;color:var(--texto3);
  text-transform:uppercase;letter-spacing:.5px;
  margin-bottom:8px;display:flex;align-items:center;gap:6px;
}
.info-card p{font-size:14px;color:var(--texto2);line-height:1.7;}

/* INPUTS */
.text-input{
  display:block;width:100%;
  padding:13px 16px;margin-bottom:12px;
  border:1.5px solid var(--rosa-claro);border-radius:12px;
  font-size:15px;font-family:'DM Sans',sans-serif;
  color:var(--texto);background:#FDFAF9;outline:none;transition:border .2s;
}
.text-input:focus{border-color:var(--bordo);}

/* OPTIONS */
.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
.options-grid.one-col{grid-template-columns:1fr;}
@media(max-width:480px){.options-grid{grid-template-columns:1fr;}}
.opt-btn{
  background:white;border:2px solid var(--rosa-claro);border-radius:14px;
  padding:16px;text-align:left;cursor:pointer;
  transition:all .2s;font-family:'DM Sans',sans-serif;
}
.opt-btn:hover{border-color:var(--bordo);background:var(--bordo-light);}
.opt-btn.selected{border-color:var(--bordo);background:var(--bordo-light);}
.opt-icon{font-size:22px;margin-bottom:8px;color:var(--bordo);}
.opt-title{font-size:14px;font-weight:700;color:var(--texto);margin-bottom:4px;}
.opt-desc{font-size:12px;color:var(--texto3);line-height:1.5;}

/* BUTTONS */
.btn-next{
  display:block;width:100%;padding:15px;margin-top:8px;
  background:var(--bordo);color:white;border:none;border-radius:12px;
  font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;
  cursor:pointer;transition:all .25s;
}
.btn-next:hover:not(:disabled){background:#9a2830;transform:translateY(-1px);}
.btn-next:disabled{background:var(--rosa);cursor:not-allowed;}
.btn-back{
  display:inline-block;margin-top:10px;padding:10px 20px;
  background:none;border:1.5px solid var(--rosa-claro);
  border-radius:10px;font-family:'DM Sans',sans-serif;
  font-size:14px;color:var(--texto3);cursor:pointer;transition:all .2s;
}
.btn-back:hover{border-color:var(--bordo);color:var(--bordo);}
.btn-ai{
  display:block;width:100%;padding:13px;margin-top:8px;
  background:var(--lavanda-claro);color:#3a4a7a;border:none;border-radius:12px;
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;
}
.btn-wa{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:16px;margin-top:16px;
  background:#25D366;color:white;border:none;border-radius:14px;
  font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;
  cursor:pointer;transition:all .2s;text-decoration:none;
}
.btn-wa:hover{background:#1eb85a;transform:translateY(-1px);}

/* NIZA FILTROS */
.niza-filtro{
  padding:6px 14px;border:1.5px solid var(--rosa-claro);
  border-radius:30px;font-size:12px;font-weight:600;
  cursor:pointer;background:white;color:var(--texto3);
  font-family:'DM Sans',sans-serif;transition:all .2s;
}
.niza-filtro:hover,.niza-filtro.active{background:var(--bordo);color:white;border-color:var(--bordo);}

/* RUBRO ITEMS */
.rubro-item{
  background:white;border:1.5px solid var(--rosa-claro);border-radius:12px;
  padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .2s;
}
.rubro-item:hover{border-color:var(--bordo);}
.rubro-item.selected{border-color:var(--bordo);background:var(--bordo-light);}
.r-name{font-size:14px;font-weight:700;color:var(--texto);margin-bottom:4px;}
.r-clase{font-size:11px;font-weight:700;color:var(--bordo);background:var(--rosa-claro);padding:2px 8px;border-radius:20px;}
.r-detalle{font-size:12px;color:var(--texto3);line-height:1.6;margin-top:6px;}

/* CLASE CHIPS */
.clase-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--bordo);color:white;
  padding:4px 12px;border-radius:20px;
  font-size:12px;font-weight:700;margin:3px;
}

/* COTIZACIÓN */
.cotizacion-card{
  background:white;border:1px solid var(--rosa-claro);
  border-radius:16px;padding:20px 24px;margin-bottom:16px;
}
.cot-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--rosa-claro);}
.cot-row:last-child{border-bottom:none;}
.cot-label{font-size:13px;color:var(--texto3);}
.cot-value{font-size:13px;font-weight:600;color:var(--texto);text-align:right;}

.total-row{
  background:var(--bordo);color:white;border-radius:14px;
  padding:16px 20px;display:flex;justify-content:space-between;
  align-items:center;margin-bottom:16px;
}
.total-label{font-size:14px;font-weight:600;}
.total-value{font-size:22px;font-weight:700;font-family:'Playfair Display',serif;}

.cuotas-card{
  background:var(--lavanda-claro);border-radius:14px;
  padding:16px 20px;margin-bottom:16px;
}
.cuota-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.4);}
.cuota-row:last-of-type{border-bottom:none;}
.cuota-label{font-size:13px;color:#3a4a7a;}
.cuota-val{font-size:13px;font-weight:700;color:#3a4a7a;}

.descuento-badge{
  background:var(--dorado-light);color:var(--dorado);
  border:1px solid var(--dorado);border-radius:20px;
  padding:5px 14px;font-size:12px;font-weight:700;
}