/* =========================================================
   DIRECTORIO CHÍA — NUEVO DISEÑO
   Este archivo restiliza (1) nuestras secciones nuevas (prefijo .dcd-)
   y (2) la salida real de Directorist, usando selectores amplios
   [class*="..."] para que sobreviva a pequeños cambios de versión
   del plugin. Si Directorist cambia una clase por completo, esta
   hoja simplemente deja de aplicar esa regla puntual — nunca rompe
   el sitio ni los datos.
   ========================================================= */

:root{
  --dcd-ink:#1C2B20;
  --dcd-ink-soft:#3B4A3E;
  --dcd-paper:#F5F5EC;
  --dcd-paper-warm:#EDEBDA;
  --dcd-card:#FFFFFF;
  --dcd-gold:#D3A02E;
  --dcd-gold-deep:#A97C1C;
  --dcd-sage:#56715C;
  --dcd-line:rgba(28,43,32,0.14);
  --dcd-line-soft:rgba(28,43,32,0.08);
  --dcd-shadow: 0 12px 30px -14px rgba(28,43,32,0.35);
  --dcd-radius: 16px;
}

.dcd-page{ background:var(--dcd-paper); font-family:'Inter',sans-serif; color:var(--dcd-ink); }
.dcd-wrap{ max-width:1180px; margin:0 auto; padding:0 28px; }
.dcd-page h1, .dcd-page h2, .dcd-page h3{ font-family:'Fraunces',serif; font-weight:600; letter-spacing:-0.01em; color:var(--dcd-ink); }
.dcd-eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--dcd-sage); font-weight:500; }

/* ---------- HERO ---------- */
.dcd-hero{ padding:70px 0 46px; position:relative; overflow:hidden; }
.dcd-hero::before{ content:''; position:absolute; top:-120px; right:-160px; width:520px; height:520px; background:radial-gradient(circle, rgba(211,160,46,.18), transparent 70%); pointer-events:none; }
.dcd-hero-inner{ position:relative; z-index:1; max-width:760px; }
.dcd-hero h1{ font-size:clamp(34px,5.4vw,58px); line-height:1.05; margin:16px 0 18px; }
.dcd-hero h1 em{ font-style:italic; color:var(--dcd-sage); font-weight:500; }
.dcd-lead{ font-size:17px; color:var(--dcd-ink-soft); max-width:520px; margin-bottom:30px; }

/* ---------- STATS ---------- */
.dcd-stats{ background:var(--dcd-ink); color:var(--dcd-paper); padding:24px 28px; display:flex; gap:30px; flex-wrap:wrap; justify-content:center; }
.dcd-num{ font-family:'Fraunces',serif; font-size:28px; font-weight:700; color:var(--dcd-gold); }
.dcd-lbl{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#B9C4B9; margin-top:2px; }

/* ---------- CATEGORY BOARD (elemento distintivo) ---------- */
.dcd-board-section{ padding:64px 0 30px; }
.dcd-board-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; flex-wrap:wrap; gap:12px; }
.dcd-board-head h2{ font-size:28px; }
.dcd-board-head p{ color:var(--dcd-ink-soft); font-size:14px; max-width:320px; }
.dcd-board{ background:var(--dcd-gold); border-radius:22px; padding:6px; box-shadow:var(--dcd-shadow); }
.dcd-board-inner{ background:linear-gradient(180deg, var(--dcd-gold), var(--dcd-gold-deep)); border-radius:18px; padding:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.dcd-board-tile{ padding:18px 14px; border-radius:10px; display:flex; flex-direction:column; gap:8px; transition:transform .15s ease; color:var(--dcd-ink); }
.dcd-board-tile:hover{ transform:translateY(-3px); }
.dcd-icon{ width:36px; height:36px; border-radius:9px; background:var(--dcd-ink); color:var(--dcd-gold); display:flex; align-items:center; justify-content:center; }
.dcd-icon svg{ width:19px; height:19px; }
.dcd-name{ font-family:'Fraunces',serif; font-weight:600; font-size:15.5px; }
.dcd-count{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:#5A4310; }
@media (max-width:920px){ .dcd-board-inner{ grid-template-columns:repeat(2,1fr); } }

/* ---------- LISTINGS SECTION HEADER ---------- */
.dcd-listings{ padding:60px 0 40px; }
.dcd-listings-head{ margin-bottom:24px; }
.dcd-listings-head h2{ font-size:28px; }

/* ---------- CTA NEGOCIOS ---------- */
.dcd-cta-biz{ margin:70px auto; }
.dcd-cta-box{ background:var(--dcd-ink); color:var(--dcd-paper); border-radius:24px; padding:48px 44px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
.dcd-cta-box h2{ color:var(--dcd-paper); font-size:26px; }
.dcd-cta-box p{ color:#C6CEC6; margin-top:8px; font-size:14.5px; }
.dcd-btn{ font-weight:700; font-size:14px; padding:12px 24px; border-radius:100px; display:inline-block; }
.dcd-btn-primary{ background:var(--dcd-gold); color:var(--dcd-ink); }
.dcd-btn-primary:hover{ background:#fff; }

/* =========================================================
   RESTILO DE LA SALIDA REAL DE DIRECTORIST
   Selectores amplios [class*="..."] a propósito: cubren variaciones
   de nombre entre versiones sin arriesgar romper el layout.
   ========================================================= */

/* Buscador */
.dcd-search-shell [class*="search-form"],
.dcd-search-shell [class*="search_forms_wrap"]{
  background:var(--dcd-card) !important;
  border-radius:20px !important;
  box-shadow:var(--dcd-shadow) !important;
  border:1px solid var(--dcd-line) !important;
  padding:10px !important;
}
.dcd-search-shell input[type="text"],
.dcd-search-shell input[type="search"],
.dcd-search-shell select,
.dcd-search-shell [class*="select2"]{
  font-family:'Inter',sans-serif !important;
  border-radius:12px !important;
  border-color:var(--dcd-line) !important;
  color:var(--dcd-ink) !important;
}
.dcd-search-shell button,
.dcd-search-shell [class*="search"][class*="btn"],
.dcd-search-shell [type="submit"]{
  background:var(--dcd-gold) !important;
  color:var(--dcd-ink) !important;
  border:none !important;
  border-radius:14px !important;
  font-weight:700 !important;
  transition:background .18s ease;
}
.dcd-search-shell button:hover,
.dcd-search-shell [type="submit"]:hover{
  background:var(--dcd-gold-deep) !important;
  color:#fff !important;
}

/* Tarjetas de listado */
.dcd-listings [class*="listing-card"],
.dcd-listings [class*="atbdp-listing"],
.dcd-listings article[class*="listing"]{
  background:var(--dcd-card) !important;
  border:1px solid var(--dcd-line-soft) !important;
  border-radius:var(--dcd-radius) !important;
  overflow:hidden !important;
  box-shadow:none !important;
  transition:box-shadow .2s ease, transform .2s ease !important;
}
.dcd-listings [class*="listing-card"]:hover,
.dcd-listings article[class*="listing"]:hover{
  box-shadow:var(--dcd-shadow) !important;
  transform:translateY(-4px);
}
.dcd-listings [class*="listing-card"] h2,
.dcd-listings [class*="listing-card"] h3,
.dcd-listings [class*="listing-title"] a{
  font-family:'Fraunces',serif !important;
  color:var(--dcd-ink) !important;
  font-weight:600 !important;
}
.dcd-listings [class*="category"][class*="badge"],
.dcd-listings [class*="cat-list"] a{
  background:rgba(28,43,32,.82) !important;
  color:var(--dcd-paper) !important;
  font-family:'IBM Plex Mono',monospace !important;
  border-radius:100px !important;
  font-weight:600 !important;
}
.dcd-listings [class*="btn-primary"],
.dcd-listings a[class*="details"]{
  background:var(--dcd-ink) !important;
  color:var(--dcd-paper) !important;
  border-radius:10px !important;
  border:none !important;
}
.dcd-listings a[class*="details"]:hover{
  background:var(--dcd-sage) !important;
}

/* Paginación */
.dcd-listings [class*="pagination"] a,
.dcd-listings [class*="pagination"] span{
  border-radius:8px !important;
  font-family:'IBM Plex Mono',monospace !important;
}
.dcd-listings [class*="pagination"] [class*="current"]{
  background:var(--dcd-ink) !important;
  color:var(--dcd-paper) !important;
}

@media (max-width:600px){
  .dcd-cta-box{ padding:34px 26px; }
}