/* ============================================================
   ADVISOR.CSS — Asistente "No estoy seguro" + Configurador
   "Armá tu sistema" (advisor.js)
   ============================================================ */

/* Banner de entrada del configurador en la home */
.adv-banner-section { padding-top:0; }
.adv-banner {
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  background:linear-gradient(120deg, var(--dark) 0%, #0d2038 100%);
  border-radius:var(--radius-lg); padding:2.2rem 2.5rem; color:#fff;
}
.adv-banner-text h2 { font-size:1.7rem; font-weight:800; margin:.4rem 0 .5rem; color:#fff; }
.adv-banner-text p { font-size:.9rem; color:rgba(255,255,255,.72); max-width:480px; margin-bottom:1.2rem; }
.adv-banner-icon { font-size:3.5rem; color:rgba(255,255,255,.15); flex-shrink:0; }
@media(max-width:768px) { .adv-banner { flex-direction:column; text-align:center; padding:1.6rem; } .adv-banner-icon { display:none; } }

/* Modal header */
.adv-header { display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:.95rem; color:var(--primary); padding:1.5rem 1.8rem .5rem; }

/* Pasos */
.adv-step-head { margin-bottom:1.3rem; }
.adv-step-label { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--text-2); }
.adv-step-head h3 { font-size:1.25rem; font-weight:700; color:var(--text); margin:.3rem 0 .3rem; }
.adv-step-head p { font-size:.85rem; color:var(--text-2); }

.adv-type-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin-bottom:1rem; }
.adv-type-card { display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; padding:1.1rem; border:1.5px solid var(--border); border-radius:var(--radius-lg); background:#fff; transition:.2s; text-align:left; }
.adv-type-card:hover { border-color:var(--primary); box-shadow:var(--shadow); transform:translateY(-2px); }
.adv-type-card i { font-size:1.3rem; color:var(--primary); }
.adv-type-card strong { font-size:.88rem; color:var(--text); }
.adv-type-card span { font-size:.72rem; color:var(--text-2); line-height:1.4; }

.adv-options { display:flex; flex-direction:column; gap:.6rem; margin-bottom:1rem; }
.adv-option { display:flex; align-items:center; justify-content:space-between; padding:.9rem 1.1rem; border:1.5px solid var(--border); border-radius:var(--radius); background:#fff; font-size:.9rem; font-weight:600; color:var(--text); transition:.2s; }
.adv-option:hover { border-color:var(--primary); color:var(--primary); background:rgba(0,136,204,.04); }
.adv-option i { color:var(--text-2); font-size:.75rem; }

.adv-back { display:inline-flex; align-items:center; gap:.5rem; color:var(--text-2); font-size:.82rem; font-weight:600; }
.adv-back:hover { color:var(--primary); }

/* Resultado */
.adv-note, .adv-pending { display:flex; align-items:flex-start; gap:.6rem; font-size:.8rem; line-height:1.5; padding:.7rem .9rem; border-radius:var(--radius); margin-bottom:.6rem; }
.adv-note { background:rgba(255,102,0,.06); border:1px solid rgba(255,102,0,.2); color:var(--text); }
.adv-note i { color:var(--orange); margin-top:.1rem; flex-shrink:0; }
.adv-pending { background:var(--bg-2); border:1px solid var(--border); color:var(--text-2); }
.adv-pending i { color:var(--primary); margin-top:.1rem; flex-shrink:0; }

.adv-result-list { border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; margin:1rem 0; }
.adv-result-item { display:flex; align-items:center; gap:.9rem; padding:.9rem 1rem; border-bottom:1px solid var(--border); }
.adv-result-item:last-child { border-bottom:none; }
.adv-result-img { width:52px; height:52px; border-radius:var(--radius); background:var(--bg-2); display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--primary); flex-shrink:0; overflow:hidden; }
.adv-result-img img { width:100%; height:100%; object-fit:contain; }
.adv-result-info { flex:1; min-width:0; }
.adv-result-info strong { display:block; font-size:.86rem; color:var(--text); }
.adv-result-info span { font-size:.72rem; color:var(--text-2); }
.adv-result-price { font-weight:800; color:var(--orange); font-size:.9rem; white-space:nowrap; }
.adv-empty { padding:1.2rem; text-align:center; color:var(--text-2); font-size:.85rem; }

.adv-result-total { display:flex; justify-content:space-between; align-items:center; font-weight:800; font-size:1rem; padding:.8rem 0; border-top:1px solid var(--border); margin-bottom:1.2rem; }
.adv-result-total span:last-child { color:var(--orange); font-size:1.3rem; }
.adv-result-cta { display:flex; flex-direction:column; gap:.6rem; margin-bottom:1rem; }
.adv-result-cta .btn-primary, .adv-result-cta .btn-outline-nav { width:100%; justify-content:center; }

@media(max-width:768px) {
  .adv-type-grid { grid-template-columns:1fr 1fr; }
}