/* ─── COBERTURA v2 · solo lo propio de la página (el resto vive en promox-ui.css) ─── */
.cov2-card { max-width: 1080px; }
.cov2-frame { position: relative; height: 700px; background: var(--pz-dark); }
.cov2-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 760px) { .cov2-frame { height: clamp(540px, 80svh, 680px); } .cov2-card { border-radius: 12px; } .cov2-cities { font-size: 13px; line-height: 1.75; } }

/* Lista de localidades en texto (accesible y legible para buscadores) */
.cov2-cities { margin: 0; padding: 16px var(--card-p); font-size: var(--fs-sm); line-height: 1.8; color: var(--grey); border-top: 1px solid var(--grey-light); }
.cov2-cities strong { color: var(--text); font-weight: 700; }
.cov2-cities span { white-space: nowrap; }
.cov2-cities i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; vertical-align: middle; box-shadow: 0 0 0 3px rgba(var(--zr, 20,24,29), .18); }
.cov2-citygroup { border-top: 1px solid var(--grey-light); }
.cov2-citygroup .cov2-cities { border-top: 0; padding-block: 10px; }
.cov2-citygroup .cov2-cities:first-child { padding-top: 16px; }
.cov2-citygroup .cov2-cities:last-child { padding-bottom: 16px; }
.cov2-cities--norte strong { color: var(--z-norte-ink); } .cov2-cities--oeste strong { color: var(--z-oeste-ink); } .cov2-cities--sur strong { color: var(--z-sur-ink); }
.cobertura__zone-dot { box-shadow: 0 0 0 3px rgba(var(--zr, 20,24,29), .18); }
.cobertura__panel .zone-dot--norte { box-shadow: 0 0 0 3px rgba(var(--zr-norte), .22); }
.cobertura__panel .zone-dot--oeste { box-shadow: 0 0 0 3px rgba(var(--zr-oeste), .22); }
.cobertura__panel .zone-dot--sur   { box-shadow: 0 0 0 3px rgba(var(--zr-sur), .22); }

/* Pestaña "Las 3 zonas": primera y separada de las zonas */
.cobertura__tab--all { position: relative; }
.cobertura__tabs .cobertura__tab--all.active { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.35); }
.cobertura__tabs .cobertura__tab--all::after { content: ""; position: absolute; right: -3px; top: 26%; bottom: 26%; width: 1px; background: rgba(255,255,255,.14); }
.cobertura__tab-dot { width: 10px; height: 10px; box-shadow: none; }
.cobertura__tab-dots i { box-shadow: 0 0 0 1.5px var(--pz-dark); width: 10px; height: 10px; }
.cobertura__tab.active .cobertura__tab-dots i { box-shadow: 0 0 0 1.5px var(--pz-dark); }

/* Aro de color por zona en la card del mapa (= .pz-card--norte/oeste/sur) */
.cobertura__panel#zone-norte .cov2-card { box-shadow: 0 0 0 1.5px rgba(var(--zr-norte),.5),  var(--shadow-card, 0 10px 30px rgba(0,0,0,.08)); }
.cobertura__panel#zone-oeste .cov2-card { box-shadow: 0 0 0 1.5px rgba(var(--zr-oeste),.55), var(--shadow-card, 0 10px 30px rgba(0,0,0,.08)); }
.cobertura__panel#zone-sur   .cov2-card { box-shadow: 0 0 0 1.5px rgba(var(--zr-sur),.55),   var(--shadow-card, 0 10px 30px rgba(0,0,0,.08)); }

/* Tablet: barra a lo ancho, 4 pestañas en una fila */
@media (min-width: 600px) and (max-width: 1023px) {
  .cobertura__tabs { display: flex; width: 100%; max-width: 640px; margin-inline: auto; }
  .cobertura__tabs .cobertura__tab { flex: 1 1 auto; justify-content: center; padding-inline: 10px; font-size: 14px; }
}
/* Celular: "Las 3 zonas" arriba a lo ancho, las tres zonas en una fila */
@media (max-width: 599px) {
  .cobertura__tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; width: 100%; }
  .cobertura__tabs .cobertura__tab { justify-content: center; padding: 10px 4px; gap: 6px; min-height: 46px; font-size: 13px; }
  .cobertura__tabs .cobertura__tab--all { grid-column: 1 / -1; font-size: 14px; }
  .cobertura__tabs .cobertura__tab--all::after { content: none; }
}
@media (max-width: 380px) { .cobertura__tabs .cobertura__tab { font-size: 12px; gap: 5px; padding-inline: 2px; } .cobertura__tab-dot { width: 8px; height: 8px; } }