/* ===== Paleta ===== */
#reco-perfumes{
  --gold:#c7a15a;
  --black:#0e0e0f;
  --rose-100:#fff7fb;
  --rose-200:#f4e7ef;
  --rose-300:#e9d1df;
  --border:#e9e9ee;
  --text:#111;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:var(--text);
}
#reco-perfumes .reco-header h1{font-size: clamp(24px, 3vw, 38px); line-height:1.15; margin:0 0 8px}
#reco-perfumes .reco-header .subtitle{color:#666;margin:0 0 14px}
#reco-perfumes .grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){#reco-perfumes .grid{grid-template-columns:4fr 8fr}}

#reco-perfumes .panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
#reco-perfumes .group{margin:10px 0}
#reco-perfumes legend{font-weight:600;margin-bottom:6px}

/* Inputs */
#reco-perfumes .input{
  width:100%;padding:12px 14px;border:1px solid var(--black);
  border-radius:8px; font-size:16px;
}
#reco-perfumes .input:focus{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 25%, transparent); border-color:var(--gold);}

/* Chips */
#reco-perfumes .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--black);border-radius:10px;background:#fff;margin-right:8px;cursor:pointer}
#reco-perfumes .chip input{appearance:none;width:14px;height:14px;border:2px solid var(--black);border-radius:50%;display:inline-block}
#reco-perfumes .chip input:checked{border-color:var(--gold);background:var(--gold)}

/* Botones */
#reco-perfumes .actions{display:flex;gap:10px;flex-wrap:wrap}
#reco-perfumes .btn{
  appearance:none; border:1px solid var(--black); background: var(--black); color:#fff;
  padding:11px 16px; border-radius:8px; font-weight:600; cursor:pointer; transition:.2s;
}
#reco-perfumes .btn:hover{background:var(--gold); border-color:var(--gold); color:#000}
#reco-perfumes .btn.secondary{background:#fff;color:#000}
#reco-perfumes .btn.secondary:hover{background:var(--black);color:#fff}

/* Resultados */
#reco-perfumes .results-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
#reco-perfumes .count{color:#555}
#reco-perfumes .cards{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
#reco-perfumes .card{grid-column:span 12;background:var(--black);color:#fff;border:1px solid var(--rose-300);border-radius:14px;padding:16px}
@media(min-width:680px){#reco-perfumes .card{grid-column:span 6}}
#reco-perfumes .card h3{margin:0 0 6px}
#reco-perfumes .meta{opacity:.85;margin:0 0 10px}
#reco-perfumes .badge{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:4px 8px;border-radius:999px;font-size:11px;margin-right:6px}
#reco-perfumes .alert{padding:12px;border:1px solid var(--rose-300);border-left:4px solid var(--gold);background:var(--rose-100);border-radius:12px;color:var(--text)}
#reco-perfumes .card .btn{background:#fff;color:#000;border-color:#fff}
#reco-perfumes .card .btn:hover{background:var(--gold);border-color:var(--gold);color:#000}