/* CSV47.2 · Correcciones quirúrgicas verificadas en móvil
   No modifica estructura ni funcionalidad. Corrige alineación, detección de teléfonos,
   botón de llamada y coherencia cromática de WhatsApp. */

/* WhatsApp de cabecera: identidad verde oficial, proporción estable y sin heredar naranja. */
header .nav > a.nav-wa,
header .nav > a.btn.nav-wa,
a.nav-wa.csv-object--whatsapp{
  background:linear-gradient(180deg,#35d86a 0%,#17b84f 48%,#078d39 100%)!important;
  background-color:#16b84e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(0,112,43,.78)!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.58),inset 0 -5px 9px rgba(0,78,31,.26),0 10px 22px rgba(0,113,45,.24)!important;
  min-height:52px!important;
  padding:10px 18px!important;
}
header .nav > a.nav-wa::before,
header .nav > a.nav-wa::after{border-radius:inherit!important}
header .nav > a.nav-wa .csv-object__label{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Los teléfonos informativos son texto normal. La única acción táctil es el botón azul. */
.v-row > span{
  color:var(--v-muted)!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Centros de salud: contenido a la izquierda y llamada alineada en el centro óptico derecho. */
.v-list .v-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  row-gap:8px!important;
  align-items:center!important;
}
.v-list .v-row > b{grid-column:1!important;grid-row:1!important;align-self:end!important}
.v-list .v-row > span{grid-column:1!important;grid-row:2!important;align-self:start!important;min-width:0!important;overflow-wrap:anywhere!important}
.v-list .v-row > a.csv-object--call{
  grid-column:2!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:center!important;
  --csv-call-size:88px!important;
}

/* Tarjetas de emergencias: el botón de llamada queda centrado y respirado. */
.v-card > a.csv-object--call,
.v-safety > a.csv-object--call{
  display:grid!important;
  margin:18px auto 0!important;
  --csv-call-size:88px!important;
}

/* Contacto: elimina el aro/marco residual que sobresalía del botón azul. */
.contact-cards > a.contact-card.csv-object--call{
  justify-self:center!important;
  align-self:center!important;
  --csv-call-size:104px!important;
  width:var(--csv-call-size)!important;
  height:var(--csv-call-size)!important;
  min-width:var(--csv-call-size)!important;
  min-height:var(--csv-call-size)!important;
  max-width:var(--csv-call-size)!important;
  max-height:var(--csv-call-size)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.contact-cards > a.contact-card.csv-object--call::before,
.contact-cards > a.contact-card.csv-object--call::after{
  display:none!important;
  content:none!important;
}
.contact-cards > a.contact-card.csv-object--call > img.csv-call-premium-icon{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
}

@media(max-width:650px){
  header .nav > a.nav-wa,
  header .nav > a.btn.nav-wa{
    min-height:56px!important;
    padding:9px 15px!important;
    border-radius:999px!important;
  }
  .v-list .v-row{
    min-height:176px!important;
    padding:22px 20px!important;
    column-gap:14px!important;
  }
  .v-list .v-row > a.csv-object--call{--csv-call-size:86px!important}
  .v-card > a.csv-object--call,
  .v-safety > a.csv-object--call{--csv-call-size:86px!important}
  .contact-cards > a.contact-card.csv-object--call{--csv-call-size:96px!important;margin:4px auto 10px!important}
}

@media(max-width:380px){
  .v-list .v-row{padding:20px 16px!important;column-gap:10px!important}
  .v-list .v-row > a.csv-object--call{--csv-call-size:80px!important}
}
