/* ============================================================
   MENDOSUR TELECOMUNICACIONES
   navy profundo · azul · azul eléctrico · cyan · acero
   ============================================================ */
body.u-telecom {
  --u-dark:     var(--telecom-dark);
  --u-deep:     var(--telecom-deep);
  --u-primary:  var(--telecom-primary);
  --u-bright:   var(--telecom-electric);
  --u-accent:   var(--telecom-steel);
  --u-soft:     var(--telecom-soft);
  --u-border:   var(--telecom-border);
  --u-tint:     var(--telecom-tint);
  --line:       #D6E3ED;
  --line-2:     #E6EFF6;
  --surface-2:  var(--telecom-tint);
  --surface-3:  #E3EEF6;
}

/* mapa de cobertura */
.mapa { height: 560px; width: 100%; border: 1px solid rgba(255,255,255,.14); border-radius: var(--r); background: var(--telecom-dark); }
.mapa:focus-visible { outline-offset: 0; }
.cob__panel { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: var(--sp-5); align-items: start; }
.cob__leyenda { display: grid; gap: 10px; margin-top: var(--sp-3); }
.cob__leyenda li { display: flex; align-items: center; gap: 10px; font-size: var(--t-sm); color: rgba(255,255,255,.7); }
.cob__punto { width: 12px; height: 12px; border-radius: 3px; flex: none; }
.cob__res {
  border: 1px solid rgba(255,255,255,.16); border-left: 3px solid var(--telecom-electric);
  border-radius: var(--r-sm); padding: var(--sp-3) var(--sp-4); background: rgba(255,255,255,.05);
}
.cob__res--ok { border-left-color: #35C08B; }
.cob__res--eval { border-left-color: #E0A63A; }
.cob__res--fuera { border-left-color: var(--telecom-steel); }
.cob__res strong { display: block; margin-bottom: 6px; font-family: var(--font-title); color: #fff; }
.cob__res p { font-size: var(--t-sm); color: rgba(255,255,255,.7); }
.cob__res .btn { margin-top: var(--sp-3); }
.leaflet-container { border-radius: var(--r); font-family: var(--font-body); }/* barra de estado técnica bajo el hero */

@media (max-width: 1080px) {
  .cob__panel { grid-template-columns: 1fr; }
  .mapa { height: 420px; }
}

/* panel de cobertura sobre fondo oscuro */
.sec--dark .cob__panel h2, .sec--dark .cob__panel h3 { color: #fff; }
.sec--dark .cob__panel .nota, .sec--dark .cob__panel .aviso { color: rgba(255,255,255,.68); }
.sec--dark .cob__panel .card__lista li { color: rgba(255,255,255,.76); }
.sec--dark .cob__panel .card__lista li::before { background: var(--telecom-electric); }


/* ============================================================
   NAVEGACIÓN PROPIA DEL ÁREA DE TELECOMUNICACIONES
   Barra superior "Grupo MENDOSUR" + menú de la unidad.
   (body.u-telecom sube la especificidad: este archivo carga antes que corp.css)
   ============================================================ */
/* emblema de Grupo MENDOSUR a la derecha del menú, con "Volver" en verde */
body.u-telecom .ms-menu a.ms-volver {
  display: inline-flex; flex-direction: column; align-items: center; gap: 3px; padding: 0; margin-left: 10px;
  color: var(--c-amb); font-weight: 700; font-size: 12.5px; letter-spacing: .04em; line-height: 1; text-decoration: none;
}
body.u-telecom .ms-menu a.ms-volver::after { display: none; }
body.u-telecom .ms-menu a.ms-volver img { width: 46px; height: auto; display: block; transition: transform .2s ease; }
body.u-telecom .ms-menu a.ms-volver:hover { color: var(--c-amb-dark); }
body.u-telecom .ms-menu a.ms-volver:hover img { transform: scale(1.06); }
@media (max-width: 1080px) {
  body.u-telecom .ms-menu a.ms-volver { flex-direction: row; justify-content: center; gap: 10px; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid var(--c-linea); font-size: 15px; }
  body.u-telecom .ms-menu a.ms-volver img { width: 38px; }
}

body.u-telecom .ms-menu { gap: 30px; }
body.u-telecom .ms-menu a { font-weight: 500; }
body.u-telecom .ms-menu a[aria-current="page"]:not(.ms-m-contacto) { color: var(--c-tel); font-weight: 600; }
body.u-telecom .ms-menu a.ms-m-contacto {
  background: var(--c-tel); color: #fff; font-weight: 700; padding: 14px 32px; border-radius: 10px;
  margin-left: 6px; transition: background .2s, transform .18s, box-shadow .2s;
}
body.u-telecom .ms-menu a.ms-m-contacto::after { display: none; }
body.u-telecom .ms-menu a.ms-m-contacto:hover { background: var(--c-tel-dark); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(22,104,201,.28); }
@media (max-width: 1240px) { body.u-telecom .ms-menu { gap: 22px; } body.u-telecom .ms-menu a.ms-m-contacto { padding: 13px 24px; } }
@media (max-width: 1080px) {
  body.u-telecom .ms-menu a.ms-m-contacto { text-align: center; margin: 10px 0 0; padding: 15px 24px; }
}