/* RUTA EXACTA: /assets/css/buscar.css */
/* Estilos base para /buscar/ — paleta "orgánica" y layout limpio. */

:root{
  --dl-ink:#201c1a;
  --dl-muted:#6b6b6b;
  --dl-bg:#f8f5f1;
  --dl-surface:#ffffff;
  --dl-border:#e0dcd6;
  --dl-accent:#4f6bff;
  --dl-pill:#edf0ff;
}

body{ background:var(--dl-bg); color:var(--dl-ink); }
a{ color:var(--dl-accent); }
a:hover{ text-decoration:underline; }
.muted{ color:var(--dl-muted); }

.dl-search-wrapper{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem;}
.dl-search-hero{
  background:radial-gradient(circle at top,#ffffff,#f3f4ff);
  border-radius:26px;
  padding:1.5rem;
  box-shadow:0 20px 60px rgba(79,107,255,.15);
}
.dl-search-hero__content h1{margin:0;font-size:1.8rem;}
.dl-search-hero__content p{margin:.4rem 0 1rem;color:var(--dl-muted);}
.dl-search-hero__bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;}
.dl-search-hero form{flex:1;min-width:220px;}
.dl-tag{
  border:0;
  background:#fff;
  border-radius:999px;
  padding:.55rem 1rem;
  box-shadow:0 10px 25px rgba(0,0,0,.07);
  cursor:pointer;
  font-weight:600;
}

.dl-filters-sheet{
  background:#fff;
  border-radius:22px;
  border:1px solid var(--dl-border);
  padding:1rem;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
  display:none;
}
.dl-filters-sheet.is-open{display:block;}
.dl-filters-form fieldset{border:1px solid var(--dl-border);border-radius:14px;padding:.75rem;}
.dl-filters-form legend{font-size:.9rem;font-weight:700;color:var(--dl-muted);}
.dl-check{display:flex;gap:.35rem;align-items:center;font-size:.92rem;margin-bottom:.35rem;}
.dl-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;}
.dl-field-row{display:flex;gap:.5rem;flex-wrap:wrap;}
.dl-filters-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.8rem;}
.dl-btn-primary,.dl-btn-secondary{border:none;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;cursor:pointer;}
.dl-btn-primary{background:var(--dl-accent);color:#fff;}
.dl-btn-secondary{background:#f4f4f4;color:#111;}

.dl-results{margin-top:.5rem;}
#tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;}
#tabs .tab{
  padding:.4rem .65rem;border-radius:999px;
  background:var(--dl-pill);color:#202020;font-size:.88rem;
  border:1px solid rgba(79,107,255,.2);cursor:pointer;transition:all .15s ease;
}
#tabs .tab:hover{box-shadow:0 5px 14px rgba(79,107,255,.2);}
#tabs .tab.active{background:var(--dl-accent);color:#fff;}

#results > section{
  background:#fff;border:1px solid var(--dl-border);border-radius:18px;padding:1rem;margin:1rem 0;
  box-shadow:0 12px 35px rgba(0,0,0,.07);
}
#results > section h2{display:flex;align-items:center;gap:.4rem;margin:.2rem 0 .5rem;}
#results > section .badge{
  background:rgba(79,107,255,.08);color:var(--dl-accent);font-weight:600;padding:.05rem .5rem;border-radius:999px;
}
.sr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;}
.card{border:1px solid #eceae7;border-radius:14px;padding:.85rem;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.05);min-height:160px;}
.card h3{margin:.1rem 0 .5rem;font-size:1rem;}
.card p{margin:.25rem 0;line-height:1.4;color:#4b4b4b;}
.card a{display:inline-block;margin-top:.4rem;padding:.45rem .8rem;border-radius:999px;background:#fdfbfd;border:1px solid #ded1c4;color:#5b4338;text-decoration:none;font-weight:600;}
.card a:hover{background:#fff2e5;}

.empty,.muted{color:var(--dl-muted);}

@media(max-width:720px){
  .dl-search-hero{padding:1rem;}
  .dl-filters-sheet{border-radius:18px;}
}