/* ============================================
   Coverage - Sección de cobertura geográfica
   Fondo oscuro. Texto descriptivo de ciudades
   atendidas más badges/píldoras con nombre de
   cada ciudad y pin de mapa.
   ============================================ */

.section-coverage { background: var(--light); }
.section-coverage .section-title { color: var(--dark); }
.coverage-content { max-width: 800px; margin: 0 auto 40px; text-align: center; }
.coverage-text { font-size: 17px; line-height: 1.9; color: var(--text); margin-bottom: 16px; }
.coverage-map {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;
    margin-bottom: 20px;
}
.coverage-city {
    padding: 12px 24px; background: var(--white); border: 1px solid rgba(0,0,0,0.08);
    border-radius: 30px; font-weight: 700; font-size: 14px; color: var(--dark);
    display: flex; align-items: center; gap: 8px;
    transition: var(--transition); box-shadow: var(--shadow);
}
.coverage-city:hover { background: var(--primary); color: var(--dark); border-color: var(--primary); }
.coverage-city i { color: var(--primary); }
.coverage-city:hover i { color: var(--dark); }