/* =====================================================================
   DOMIPANCHO · MEJORAS DEL INICIO  (inicio-mejoras.css)
   Se carga DESPUÉS de dp-theme.css. Contiene:
     1. Un solo filtro de categorías (las pastillas del hero)
     2. Hero más compacto en celular
     3. Estados vacíos (sin resultados / sin negocios / error)
     4. Tarjeta de restaurante cerrado
     5. Título "Más sitios para explorar"
   ===================================================================== */

/* ---------- 1. Un solo filtro de categorías ---------------------------
   La barra "Categorías:" duplicaba las pastillas del hero. Se mantiene en
   el DOM porque script.js la usa internamente para filtrar. */
.categorias-section { display: none !important; }

/* ---------- 2. Hero compacto en celular ------------------------------- */
@media (max-width: 599px) {
  .dp-hero-banner { padding: 14px 16px 14px; }
  .dp-hero-eyebrow { display: none; }
  .dp-hero-title { font-size: 1.12rem; }
  .dp-hero-illus { width: 56px; height: 56px; }
  .header-mobile-search { padding-top: 8px; padding-bottom: 8px; }
}

/* ---------- 3. Estados vacíos ---------------------------------------- */
.no-result,
.dp-vacio {
  text-align: center;
  border-left: 0;
}
.dp-vacio {
  max-width: 520px; margin: 2rem auto; padding: 2rem 1.5rem;
  background: #fff; border-radius: 16px;
  box-shadow: var(--dp-shadow-sm, 0 4px 12px rgba(16,16,31,.05));
}
.dp-vacio-icono {
  width: 56px; height: 56px; margin: 0 auto 12px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  color: var(--dp-red, #f0402e);
  background: var(--dp-brand-soft, rgba(240,64,46,.10));
}
.dp-vacio-titulo {
  display: block;
  font-family: 'Sora', 'Inter', sans-serif;
  font-size: 1.05rem; font-weight: 700; color: var(--dp-ink, #16161f);
}
.dp-vacio-texto {
  display: block; margin-top: 6px;
  font-size: .9rem; line-height: 1.5; color: var(--dp-muted, #8a8a99);
}

/* ---------- 4. Restaurante cerrado ------------------------------------
   El botón ya no dice "(Cerrado)": la etiqueta de estado y el horario de
   apertura de la tarjeta lo comunican. Se ve secundario, no deshabilitado. */
.restaurant-card .btn-ver-menu.btn-cerrado {
  background: #fff !important;
  color: var(--dp-ink-soft, #454552) !important;
  border: 1.5px solid var(--dp-line, #ecedf1) !important;
  box-shadow: none !important;
}
.restaurant-card .btn-ver-menu.btn-cerrado:hover {
  border-color: rgba(240,64,46,.35) !important;
  color: var(--dp-red, #f0402e) !important;
}

/* ---------- 5. Título "Más sitios para explorar" ----------------------
   mas_sitios.css (por ID) le ponía mayúsculas y dos líneas absolutas que,
   con el ícono de dp-theme.css, terminaban tachando el texto. */
#tituloSecundario {
  text-transform: none;
  letter-spacing: -.02em;
  text-shadow: none;
  text-align: left;
}
#tituloSecundario::before {
  position: static;
  width: 22px; height: 22px;
  background: var(--dp-brand, linear-gradient(135deg, #f0402e, #f9a825));
}
#tituloSecundario::after { display: none; }