/* ==========================================================================
   HUB DE COBERTURA (/cobertura/) — índice de las landings por ciudad
   ========================================================================== */

.geo-hub-hero.dt-page-hero {
  padding-top: 2.6rem;
}

.geo-hub__region {
  margin: -0.35rem 0 0.85rem;
  color: var(--dt-text-soft);
  font-size: 0.79rem;
  font-weight: 600;
  line-height: 1.35;
}

.geo-hub__card {
  height: 100%;
  padding: 1.4rem 1.5rem;
  background: var(--dt-surface);
  border: 1px solid var(--dt-border);
  border-radius: 20px;
  box-shadow: var(--dt-shadow-soft);
}

.geo-hub__card h3 {
  margin: 0 0 0.15rem;
  color: var(--dt-text);
  font-size: 1.12rem;
  font-weight: 800;
}

.geo-hub__card ul {
  margin: 0;
  padding: 0.7rem 0 0;
  border-top: 1px solid var(--dt-border);
  list-style: none;
  display: grid;
  gap: 0.4rem;
}

.geo-hub__card ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.34rem 0;
  color: var(--dt-text-muted);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease;
}

.geo-hub__card ul li a i {
  color: var(--primario);
  font-size: 1.15rem;
  opacity: 0.55;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.geo-hub__card ul li a:hover,
.geo-hub__card ul li a:focus-visible {
  color: var(--primario);
}

.geo-hub__card ul li a:hover i,
.geo-hub__card ul li a:focus-visible i {
  opacity: 1;
  transform: translateX(3px);
}

@media (max-width: 767.98px) {
  .geo-hub__card {
    padding: 1.2rem 1.25rem;
  }

}

/* --- Modo oscuro del fondo -----------------------------------------------
   La regla que oscurece el fondo del sitio vive dentro del CSS de cada página
   (google-ads.css, seo.css, index.css…). Las landings del generador no cargan
   ninguno de esos archivos, así que en oscuro el fondo se quedaba claro
   mientras el texto pasaba a blanco: contraste 1,02:1, ilegible. Se replica
   acá con los mismos valores. */
[data-theme="dark"] body.bg-mesh-gradient {
  background:
    radial-gradient(at 18% 99%, rgba(7, 134, 173, 0.16) 0, transparent 50%),
    radial-gradient(at 98% 8%, rgba(69, 164, 194, 0.14) 0, transparent 44%),
    radial-gradient(at 79% 82%, rgba(255, 223, 73, 0.08) 0, transparent 46%),
    linear-gradient(180deg, #050420 0%, #080823 54%, #050420 100%);
  background-color: #050420;
}