/* =========================================================
   Instituto Cardiovascular — General Pico, La Pampa
   Paleta:
     --azul-profundo : #0B3D5C  (institucional / nav / footer)
     --azul-medio    : #1769AA  (acentos, links, botones)
     --coral         : #E4572E  (CTA principal — turno)
     --verde-salud   : #2E8B57  (WhatsApp / contacto)
     --crema         : #F6F8F9  (fondos alternos)
     --gris-texto    : #3A4750
   Tipografía:
     Roboto (400/500/700/900) — display y cuerpo
========================================================= */

:root {
  --azul-profundo: #0B3D5C;
  --azul-medio: #1769AA;
  --coral: #E4572E;
  --coral-oscuro: #C8431B;
  --verde-salud: #2E8B57;
  --verde-oscuro: #226b42;
  --crema: #F6F8F9;
  --gris-texto: #3A4750;
}

html {
  scroll-behavior: smooth;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--gris-texto);
  padding-top: 3.5rem; /* compensa navbar fixed */
}

h1, h2, h3, .titulo-seccion, .hero-titulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

a {
  transition: color .15s ease, opacity .15s ease;
}

/* ============ NAVBAR ============ */
#navbar-principal {
  background-color: var(--azul-profundo);
  box-shadow: 0 2px 10px rgba(11, 61, 92, .25);
}

#navbar-principal .navbar-item {
  color: #EAF2F8;
  font-weight: 500;
  letter-spacing: .2px;
}

#navbar-principal .navbar-item-lncp{
  background-color: #ef6c41;
}

#navbar-principal .navbar-item:hover {
  background-color: rgba(255, 255, 255, .08);
  color: #ffffff;
}

#navbar-logo {
  max-height: 2.6rem;
}

.navbar-burger {
  color: #EAF2F8;
}

.navbar-burger span {
  background-color: currentColor;
}

@media (max-width: 1023px) {
  #navbar-principal .navbar-menu {
    background-color: var(--azul-profundo);
  }
}

/* ============ HERO ============ */
.hero-seccion {
  background:
    radial-gradient(circle at 50% 0%, rgba(23, 105, 170, .18), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--crema) 100%);
  padding: 3.5rem 1rem 3rem;
  text-align: center;
  background: #90caf9 url('../images/fondo10.png');
}

.hero-icon-corazon {
  margin-bottom: .5rem;
  filter: drop-shadow(0 4px 10px rgba(145, 1, 173, .15));
}

.hero-titulo {
  font-weight: 500;
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  font-size: 2.7rem;
  color: #fff;
  /*
  color: var(--azul-profundo);

  margin-bottom: .15rem;
  */
}

.hero-subtitulo {
  font-weight: 300;
  font-size: 2rem;

  color: #fff;
  /*
  color: var(--azul-medio);
  letter-spacing: .5px;
  text-transform: uppercase;
  */
  margin-bottom: 1.75rem;
}



#solicitarTurnosOnline,#solicitarTurnosOnline2{
  background-color: #EF5350 !important;
  color: #fff;
  font-size: 1.1rem;
  font-weight: lighter;
text-align: left;
    padding-left: 10px;
}
#botonLNC{
  background-color: #9C27B0 !important;
  color: #fff;
  font-size: 1.1rem;
  font-weight: lighter;

}

#btnDescargarInstructivo{
    background-color: #1369af !important;
  color: #fff;
  font-size: 1.1rem;
  font-weight: lighter;
}

#btnDescargarDDJJ{
    color: #fff;
  font-size: 1.1rem;
  font-weight: lighter;
  margin-bottom:10px;
}
#btnVerInstrucciones{
    background-color: #1369af !important;
  color: #fff;
  font-size: 1.1rem;
  font-weight: lighter;

}

.hero-acciones {
  margin-bottom: 1.5rem;

}

.boton-pulso {
  background-color: var(--coral);
  border-color: var(--coral);
  font-weight: 500;
  box-shadow: 0 0 0 0 rgba(228, 87, 46, .55);
  animation: pulso-cta 2.2s infinite;
}

.boton-pulso:hover {
  background-color: var(--coral-oscuro);
  border-color: var(--coral-oscuro);
}

.licencia-nacional-conducir-pro{

display: block; 
text-align: center;
padding-left: 7px;

}



@keyframes pulso-cta {
  0%   { box-shadow: 0 0 0 0 rgba(228, 87, 46, .55); }
  70%  { box-shadow: 0 0 0 14px rgba(228, 87, 46, 0); }
  100% { box-shadow: 0 0 0 0 rgba(228, 87, 46, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .boton-pulso { animation: none; }
}

.hero-contactos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .85rem;

}
 
.contacto-boton {
  width: 100%;
  max-width: 460px;
  justify-content: flex-start;
  font-weight: 300;
  white-space: normal;
  height: auto;
  padding: .65rem 1rem;

      font-size: 1.1rem;
  font-weight: lighter;
}

.contacto-boton-whatsapp {
  width: auto !important;
}
.contacto-icono-img {
  width: 22px;
  height: 22px;
  margin-right: .4rem;
}

/* ============ SECCIONES GENERALES ============ */
.eyebrow {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .8rem;
  font-weight: 500;
  color: var(--coral);
  margin-bottom: .35rem;
}

.titulo-seccion {
  font-weight: 700;
  /*
  font-size: clamp(1.6rem, 3vw, 2.1rem);
    */
  color: var(--azul-profundo);

  font-size: 3.56rem;
  font-weight: 400;
}

.titulo-seccion .material-symbols-outlined {
  vertical-align: -4px;
  color: var(--azul-medio);
  margin-right: .25rem;
}

/* ============ VIDEO INSTITUCIONAL ============ */
.video-contenedor {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(11, 61, 92, .15);
  padding-top: 56.25%; /* 16:9 */
}

.video-contenedor iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ============ QUIENES SOMOS ============ */
.seccion-about {
  background-color: var(--crema);
}

.video-about {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(11, 61, 92, .15);
}

/* ============ STAFF MEDICO — FLIP CARDS ============ */
.seccion-staff {
  background-color: #ffffff;
  background: #505393 url('../images/fondostaff.jpg');
  background: #505393 url('../images/fondo_nubes.svg');
}

.titulo-staff{
  /*
  font-size: 3.56rem;
  font-weight: 400;
  */
  color:#fff !important;
}
.tarjeta-medico {
  position: relative;
  height: 320px;
  perspective: 1200px;
  cursor: pointer;
}

.tarjeta-medico-cara {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  backface-visibility: hidden;
  transition: transform .55s cubic-bezier(.4, .2, .2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5rem 1.25rem;
}

.tarjeta-medico-frente {
  background-color: var(--azul-profundo);
  color: #fff;
  box-shadow: 0 8px 22px rgba(11, 61, 92, .25);
}

.tarjeta-medico-dorso {
  background-color: var(--azul-medio);
  color: #fff;
  transform: rotateY(180deg);
  box-shadow: 0 8px 22px rgba(11, 61, 92, .25);
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 2.5rem;
}

.tarjeta-medico.is-flipped .tarjeta-medico-frente {
  transform: rotateY(180deg);
}

.tarjeta-medico.is-flipped .tarjeta-medico-dorso {
  transform: rotateY(0deg);
}

.tarjeta-medico-foto {
  margin: 0 auto .9rem;
  border: 3px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
}

.tarjeta-medico-foto img {
  border-radius: 50%;
  object-fit: cover;
}

.tarjeta-medico-nombre {
  font-weight: 500;
  font-size: 1.05rem;
  margin-bottom: .35rem;
}

.tarjeta-medico-especialidad {
  font-size: .9rem;
  opacity: .9;
}

.tarjeta-medico-hint {
  position: absolute;
  bottom: .9rem;
  font-size: .75rem;
  opacity: .75;
  display: flex;
  align-items: center;
  gap: .25rem;
}

.tarjeta-medico-hint .material-symbols-outlined {
  font-size: 1rem;
}

.tarjeta-medico-nombre-dorso {
  font-weight: 500;
  font-size: 1.05rem;
  margin-bottom: .65rem;
  padding-right: 1.5rem;
}

.tarjeta-medico-lista {
  list-style: disc;
  padding-left: 1.1rem;
  font-size: .85rem;
  line-height: 1.45;
  text-align: left;
}

.tarjeta-medico-cerrar {
  position: absolute;
  top: .85rem;
  right: .9rem;
  font-size: 1.2rem;
  opacity: .85;
}

/* ============ CONSEJOS PREVENTIVOS — PARALLAX ============ */
.seccion-parallax {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .seccion-parallax {
    background-attachment: scroll;
  }
}

.seccion-parallax-overlay {
  background: linear-gradient(180deg, rgba(11, 61, 92, .7), rgba(11, 61, 92, .55));
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 1rem;
}

.seccion-parallax-titulo {
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  text-align: center;
}

/* ============ TARJETAS DE CONSEJOS ============ */
.tarjeta-consejo {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--crema);
  border-radius: 12px;
  padding: 1.1rem;
  height: 100%;
  box-shadow: 0 4px 14px rgba(11, 61, 92, .08);
}

.tarjeta-consejo-imagen {
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}

.tarjeta-consejo-imagen img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tarjeta-consejo-texto {
  font-size: .98rem;
  line-height: 1.5;
}

.tarjeta-consejo-icono {
  color: var(--azul-medio);
  vertical-align: -5px;
  margin-right: .3rem;
}

@media (max-width: 600px) {
  .tarjeta-consejo {
    flex-direction: column;
    text-align: center;
  }
}

/* ============ UBICACION ============ */
.seccion-ubicacion {
  background-color: var(--crema);
}

.subtitulo-ubicacion {
  color: var(--gris-texto);
  font-size: 1rem;
}

.mapa-contenedor {
  height: 380px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(11, 61, 92, .15);
  z-index: 1;
}

/* ============ BOTON VOLVER ARRIBA ============ */
.boton-volver-arriba {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--coral);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(228, 87, 46, .4);
  z-index: 30;
  transition: background-color .15s ease, transform .15s ease;
}

.boton-volver-arriba:hover {
  background-color: var(--coral-oscuro);
  transform: translateY(-2px);
}

/* ============ FOOTER ============ */
.pie-pagina {
  background-color: var(--azul-profundo);
  color: #EAF2F8;
  padding: 2.5rem 1.5rem 1.5rem;
}

.pie-pagina-logo {
  max-height: 96px;
}

.pie-pagina-texto {
  color: #D8E6F0;
}
.pie-pagina-texto strong{ 
  color: #ffffff;
 }

.pie-pagina-separador {
  background-color: rgba(255, 255, 255, .15);
  margin: 1.25rem 0 1rem;
}

.pie-pagina-copyright {
  font-size: .85rem;
  color: #B9CEDC;
}

.pie-pagina-copyright a {
  color: #EAF2F8;
  text-decoration: underline;
}

/* ============ ACCESIBILIDAD: FOCO VISIBLE ============ */
a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--coral);
  outline-offset: 2px;
}




.btn-grad {
  background-image: linear-gradient(to right, #1D2B64 0%, #F8CDDA 51%, #1D2B64 100%);
}

.btn-grad {
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
  outline: none;
  border: none;
}

.btn-grad:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}


/* =========================================================
   Sumado desde psicofisicas.css (landing Evaluaciones
   Psicofísicas) — no hay selectores duplicados con lo de
   arriba, se agrega completo.
========================================================= */

/* =========================================================
   Evaluaciones Psicofísicas Oficiales — Conductores Profesionales
   Extiende style_b.css. Usa la misma paleta institucional:
     --azul-profundo : #0B3D5C
     --azul-medio    : #1769AA
     --coral         : #E4572E
     --verde-salud   : #2E8B57
     --crema         : #F6F8F9
     --gris-texto    : #3A4750
   Colores nuevos SOLO para distinguir las 3 categorías de
   licencia (clase C/D/E), ya presentes en el boceto:
     --clase-c (carga)     : var(--verde-salud)
     --clase-d (pasajeros) : var(--azul-medio)
     --clase-e (especial)  : var(--coral)
========================================================= */

.pagina-psicofisicas .is-active-psico {
  color: #fff !important;
}

/* ============ HERO ============ */
.hero-psico {
  background:
    radial-gradient(circle at 85% 15%, rgba(228, 87, 46, .12), transparent 55%),
    linear-gradient(165deg, var(--azul-profundo) 0%, #78260e 55%, var(--azul-medio) 100%);
  padding: 2.5rem 1rem 4rem;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and min-width(1024px) {
  .hero-psico {
    padding-top: 4.5rem;
  }
}


.eyebrow-psico {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .8rem;
  font-weight: 700;
  color: #FFD9CB;
  margin-bottom: .6rem;
}

.hero-psico-titulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: clamp(2rem, 4.2vw, 2.85rem);
  line-height: 1.12;
  color: #fff;
  margin-bottom: .35rem;
}

.hero-psico-titulo-acento {
  color: #fff;
  background: linear-gradient(90deg, var(--coral), #ff8a5c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-psico-subtitulo {
  font-size: 1.15rem;
  font-weight: 500;
  color: #D8E6F0;
  margin-bottom: 1.4rem;
}

.hero-psico-texto {
  color: #E7F0F6;
  font-size: 1rem;
  line-height: 1.65;
  margin-bottom: 1.75rem;
}

.hero-psico-texto strong {
  color: #fff;
}

.hero-psico-acciones {
  margin-bottom: 1.5rem;
}

.badge-ansv {
margin-top: 2em;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  background-color: rgba(255, 255, 255, .96);
  color: var(--azul-profundo);
  border-radius: 999px;
  padding: .55rem 1.1rem .55rem .65rem;
  font-size: .82rem;
  line-height: 1.3;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.badge-ansv-icono {
  background-color: var(--azul-medio);
  color: #fff;
  border-radius: 50%;
  padding: .4rem;
  font-size: 1.3rem !important;
}

/* ---- Panel lateral del hero ---- */
.hero-psico-panel {
  position: relative;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  padding: 2.25rem 1.75rem 1.75rem;
  backdrop-filter: blur(2px);
}

.hero-psico-medico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--azul-medio), var(--azul-profundo));
  box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
}

.hero-psico-medico-icono {
  color: #fff;
  font-size: 2.75rem !important;
}

.lista-evaluacion {
  list-style: none;
  display: grid;
  gap: .85rem;
  padding: 0;
  margin: 0;
}

.lista-evaluacion li {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-weight: 500;
  font-size: 1.02rem;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border-radius: 10px;
  padding: .65rem .9rem;
}

.lista-evaluacion .material-symbols-outlined {
  color: var(--coral);
  font-size: 1.3rem;
}

/* ============ CATEGORIAS (Clase C / D / E) ============ */
.seccion-categorias {
  background-color: #ffffff;
}

.titulo-seccion-chico {
  font-size: clamp(1.7rem, 3vw, 2.3rem) !important;
  font-weight: 700 !important;
}

.tarjeta-categoria {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background-color: var(--crema);
  box-shadow: 0 8px 22px rgba(11, 61, 92, .1);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}

.tarjeta-categoria:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(11, 61, 92, .16);
}

.ribbon-categoria {
  position: absolute;
  top: .9rem;
  left: .9rem;
  z-index: 2;
  color: #fff;
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .3px;
  padding: .35rem .85rem;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

.ribbon-clase-c { background-color: var(--verde-salud); }
.ribbon-clase-d { background-color: var(--azul-medio); }
.ribbon-clase-e { background-color: var(--coral); }

.tarjeta-categoria-ilustracion {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tarjeta-categoria-ilustracion .material-symbols-outlined {
  font-size: 5.5rem;
  max-width: 90%;
  line-height: 1;
  color: #fff;
  opacity: .95;
  text-align: center;
  white-space: nowrap;
}

.ilustracion-camion {
  background: linear-gradient(135deg, #2E8B57, #1f6b41);
}

.ilustracion-bus {
  background: linear-gradient(135deg, var(--azul-medio), var(--azul-profundo));
}

.ilustracion-maquinaria {
  background: linear-gradient(135deg, var(--coral), var(--coral-oscuro));
}

.tarjeta-categoria-pie {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: 1.15rem 1.25rem 1.35rem;
}

.tarjeta-categoria-icono {
  flex-shrink: 0;
  border-radius: 50%;
  padding: .4rem;
  font-size: 1.5rem !important;
  color: #fff;
}

.icono-clase-c { background-color: var(--verde-salud); }
.icono-clase-d { background-color: var(--azul-medio); }
.icono-clase-e { background-color: var(--coral); }

.tarjeta-categoria-pie p {
  font-size: .95rem;
  line-height: 1.45;
  color: var(--gris-texto);
  margin-top: .15rem;
}

/* ============ PREPARACION / INSTRUCCIONES ============ */
.seccion-preparacion {
  background:
    radial-gradient(circle at 95% 0%, rgba(23, 105, 170, .08), transparent 55%),
    var(--crema);
}

.cabecera-preparacion {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}

.cabecera-preparacion-icono {
  flex-shrink: 0;
  background-color: var(--azul-profundo);
  color: #fff;
  border-radius: 14px;
  padding: .85rem;
  font-size: 2.1rem !important;
  box-shadow: 0 8px 18px rgba(11, 61, 92, .25);
}

.titulo-preparacion {
  margin-bottom: .4rem;
  text-align: left !important;
}

.subtitulo-preparacion {
  color: var(--gris-texto);
  font-size: 1rem;
  max-width: 56ch;
}

.tarjeta-paso {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  background-color: #fff;
  border-radius: 14px;
  padding: 1.5rem 1.5rem 1.5rem 1.75rem;
  height: 100%;
  box-shadow: 0 6px 18px rgba(11, 61, 92, .08);
  border-left: 4px solid var(--azul-medio);
}

.tarjeta-paso-ancha {
  align-items: center;
  border-left-color: var(--verde-salud);
}

.paso-numero {
  position: absolute;
  top: -14px;
  left: -14px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--azul-profundo);
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(11, 61, 92, .35);
}

.tarjeta-paso-ancha .paso-numero {
  background-color: var(--verde-salud);
}

.paso-icono {
  flex-shrink: 0;
  color: var(--azul-medio);
  background-color: rgba(23, 105, 170, .1);
  border-radius: 12px;
  padding: .6rem;
  font-size: 1.8rem !important;
}

.tarjeta-paso-ancha .paso-icono {
  color: var(--verde-salud);
  background-color: rgba(46, 139, 87, .1);
}

.paso-contenido h3 {
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--azul-profundo);
  margin-bottom: .35rem;
}

.paso-contenido p {
  font-size: .92rem;
  line-height: 1.5;
  color: var(--gris-texto);
}

.nota-importante {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  background-color: rgba(23, 105, 170, .08);
  border-radius: 10px;
  padding: .65rem .85rem;
  margin-top: .65rem;
}

.nota-importante .material-symbols-outlined {
  color: var(--azul-medio);
  font-size: 1.1rem !important;
  margin-top: .15rem;
}

.nota-importante p {
  font-size: .85rem;
  margin: 0;
}

.paso-check {
  margin-left: auto;
  color: var(--verde-salud) !important;
  font-size: 2.4rem !important;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .cabecera-preparacion {
    flex-direction: column;
  }
  .titulo-preparacion,
  .subtitulo-preparacion {
    text-align: center !important;
    max-width: none;
  }
  .cabecera-preparacion {
    align-items: center;
    text-align: center;
  }
  .tarjeta-paso-ancha {
    flex-direction: column;
    text-align: center;
  }
  .paso-check {
    margin: .5rem auto 0;
  }
}

/* ============ FRANJA ANSV ============ */
.franja-ansv {
  background-color: var(--azul-profundo);
  color: #EAF2F8;
  padding: 1.5rem 1rem;
}

/* .columns.is-mobile fuerza flex-wrap:nowrap en Bulma; lo reescribimos
   acá para poder centrar el bloque y permitir que se apile en mobile. */
.franja-ansv-columnas.columns {
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: center;
  row-gap: 1rem;
}

.franja-ansv-item {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-size: .9rem;
  line-height: 1.35;
  text-align: left;
}

.franja-ansv-item .material-symbols-outlined {
  font-size: 1.7rem;
  color: var(--coral);
  flex-shrink: 0;
}

.franja-ansv-logo {
  display: flex;
  align-items: center;
  gap: .6rem;
  border-left: 1px solid rgba(255, 255, 255, .25);
  border-right: 1px solid rgba(255, 255, 255, .25);
  padding: 0 1.5rem;
}

.franja-ansv-logo strong {
  font-size: 1.4rem;
  letter-spacing: .5px;
  color:#fff;
}
.franja-ansv-item strong {
  color:#fff;
}
@media (max-width: 768px) {
  .franja-ansv-columnas.columns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .franja-ansv-item {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .franja-ansv-logo {
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding: .85rem 0;
  }
}

/* ============ CTA TURNO ============ */
.seccion-cta-turno {
  background-color: #ffffff;
}

.cta-turno-texto {
  color: var(--gris-texto);
  max-width: 46ch;
  margin: 0 auto 2rem;
}

.seccion-cta-turno .hero-contactos {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.seccion-cta-turno .contacto-boton-whatsapp {
  width: auto !important;
}

@media (max-width: 600px) {
  .seccion-cta-turno .hero-contactos {
    flex-direction: column;
    align-items: center;
  }
}