.btn-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-whatsapp img {
    width: 60%;
    height: auto;
}
.btn-whatsapp:hover_ {
    background-color: #128c7e;
}

.contenedor_pie img {
filter: brightness(0) saturate(100%) invert(100%)!important;
}
.dj-megamenu-clean li a.dj-up_a {
    color: #fff!important;
}


.listado_m li{
  list-style-type: none;
}

.contenedor_blanco {
    background-color: #043757;
    padding-bottom: 20px;
}


.pie_1.no-card, div#mod-custom120 img {
    filter: brightness(0) saturate(100%) invert(100%);
}
.contenedor_azul{
  border: none;
    padding-bottom: 9px;
    background: #fff !important;
    padding-top: 9px;
    color: #fff;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400;
}
.col-xl-10.fondo_azul {
    padding-right: 0px;
}
.moduletable.menu_principal {
    padding-top: 15px;
color: #013243;
font-family: 'Poppins', sans-serif;
}
li.dj-up.itemid101.first.current.active {
    display: none;
}
li.dj-up.itemid1488 a {
    background: #043657 !important;
    box-shadow: 3px 4px 15px #b9d9d4 !important;
    /* padding: 0px 13px 5px 16px; */
    width: 100%;
    float: left;
    color: #fff;
    border-radius: 23px;
    position: relative;
    margin: 0px !important;
    line-height: -45;
}
.dj-megamenu-clean li a.dj-up_a .dj-icon {
    margin: 0;
    max-height: 70%!important;
}
.dj-megamenu-clean .arrow {
    display: none!important;
}
.dj-megamenu-clean li a.dj-up_a {
    padding: 0 3px!important;
}
ul.redes li {
  float: left;
  background-color: #B9DAD4;
  margin-right: 10px;
  padding: 3px;
  border-radius: 25px;
  width: 35px;
  height: 35px;
  text-align: center;
  list-style-type: none;
  color: #043657;
  font-size: 20px;
}
ul.redes {
    display: block;
    padding: 0px;
    margin: 0px;
    padding-top: 3px;
}
ul.lista_contacto li {
    float: left;
    margin-right: 38px;
    list-style-type: none;
}
ul.lista_contacto {
    display: block;
    float: right;
    margin-bottom: 0px;
    padding-top: 8px;
    color: #043757;
}
h3.nuestros_servicios {
    text-align: center;
}

.contenedor_nuestros_servicios{

  background-image: url('../media/templates/site/joomstarter/images/an-bg10.png');
}
.contenedor_titulo_servicios{
  font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #043657 !important;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding: 10px 0 10px 20px;
    font-family: "Montserrat", sans-serif !important;
}

.resaltado {
  background-color: #94B8D1; /* Color de fondo (puedes cambiarlo) */
  padding: 5px 10px; /* Ajusta el padding según necesites */
  border-radius: 5px; /* Bordes redondeados opcionales */
  color: #FFF; /* Color del texto */

}

.contenedor_titulo_cta {
  font-size: 20px;
  font-weight: 400;
  color: #043657 !important;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding: 10px 0 10px 20px;
  font-family: "Montserrat", sans-serif !important;
  text-align: center;
}


.contenedor_descripcion_servicios{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  color: #043657;
  font-size: 18px;
  line-height: 1.3;
}

div#n2-ss-5 .n2-ss-slider-3 {
    padding: 0px!important;
}

.contenedor_pie{
  background-color: #043757;
}
.contenedor_pie_2{
  background: #ECF1FA;
color: #043657;
  font-family: "Montserrat", sans-serif !important;
}
.texto_pie_1{
  font-family: "Montserrat", sans-serif !important;
  line-height: 1.5 !important;
    font-size: 12px !important;
    color: #fff;
}
h3.pie {
    color: #013243;
    /*border-bottom: solid 1px; */
    font-size: 20px;
    padding-bottom: 5px;
    font-family: "Montserrat", sans-serif !important;
    filter: brightness(0) saturate(100%) invert(100%);
}
.pie_pagina ul li a {
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif !important;
    padding: 3px;
}
.pie_pagina ul li  {
list-style-type: disc;
}
.moduletable.pie_pagina ul {
    padding-left: 15px;
}
.moduletable.pie_pagina {
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif !important;
    padding: 3px;
}
.contacto span {
    font-weight: 600;
}
.n2-ss-slide {
    padding: 12px;
}
div#n2-ss-4 .n2-ss-item-caption {
    border-radius: 10px 10px 0px 0px;
}
.contenedor_gris{
  background-color: #F8F8F8;
}
h3.pie {
  background-image: url('../images/circle_right.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}
.contenedor_blanco.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #043757;
  z-index: 1000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      padding: 0px 0px 15px 0px;
}

.contenedor_blanco .container {
  max-width: 1140px; /* Ajusta según la estructura Bootstrap */
  margin: auto;
}

.placeholder {
  display: none;
}
.dj-megamenu-clean li a.dj-up_a > span.dj-drop {
    padding: 0 15px 0 0!important;
}
li.dj-up.itemid101.first {
    display: none;
}
h1 {
    font-size: 22px!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    color: #043657 !important;
    letter-spacing: 2px!important;
    margin-bottom: 20px!important;
    /* padding: 10px 0 10px 20px; */
    font-family: "Montserrat", sans-serif !important;

}
.com-content-article__body {
    font-family: "Montserrat", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #043657;
    margin-top: 40px;
}
.accordion-button {
    font-family: "Montserrat", sans-serif !important;
  font-size: 18px!important;
  font-weight:500;
}
.accordion-body {
    font-size: 15px;
}

.accordion-button:not(.collapsed) {
    color: #ffff!important;
  /*  background: transparent linear-gradient(90deg, #2C387F 0%, #043657 100%) 0% 0% no-repeat padding-box !important; */
    background-color: #043757!important;

}

.titleClasses {
  background: #f2f7ff;
  padding: 165px 0;
  background-image: url('../images/breadcumb-bg.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_quienes{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_quienes_1.webp');
  background-size: cover;
      margin-top: 0px;
}
.titleClasses_gestion{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_gestion_1.webp');
  background-size: cover;
      margin-top: 0px;
}
.titleClasses_especialistas{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_especialistas_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_sedes{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/sedes-cige-2026.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_modelos{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-general.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_especialidades{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-general.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_convenios{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_convenios_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_preparacion{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_preparacion_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_agendar{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_agenda_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_pqrs{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/banner-pqrs.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_trabaja{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_trabaja_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_derechos{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_derechos_deberes_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_estudios{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_estudios_1.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_contacto_2{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_contactenos_1.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_preguntas{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_preguntas_1.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_investigacion{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/banner_investigacion_1.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_psicologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-PSICOLOGÍA.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_psiquiatria{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-psiquiatria.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_cardiologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-cardiologia.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_nutricion{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-NUTRICIONISTA.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_endocrinologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-endocrinologia.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_genetica{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-genetica.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_eventos-tca{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-generico.webp');
  background-size: cover;
  margin-top: 0px;
}

.titleClasses_neurologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-NUTRICIÓN.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_neuropediatria{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-neuropediatria.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_tca{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/banner-tca.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_enfermedades-huerfanas{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/banner-enfermedades-huerfanas.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_medicina-general{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/banner-medicina-general.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_neuromuscular{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-neuromuscular.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_medicina-fisica{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-medicina-fisica.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_neuropsicologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-neuropsicologia.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_neuropsiquiatria{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-neuropsicologia.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_neuropsiquiatria{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-neuropsicologia.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_pediatria{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-pediatria.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_fonoaudiologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-fonoaudiologia.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_hematologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-hematologia.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_interna{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-medicina-interna.webp');
  background-size: cover;
      margin-top: 0px;
}

.titleClasses_alergologia{
  background: #f2f7ff;
  padding: 90px 0;
  background-image: url('../images/banners/Banners-especialidades/Banner-alergologia.webp');
  background-size: cover;
      margin-top: 0px;
}


h2.text-white.titulos {
    text-align: center;
    color: #043657 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600;
    font-size: 45px;
}
.mod-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.mod-breadcrumbs__here {
    display: none; /* Opcional: ocultar "Está aquí" si no quieres que afecte la alineación */
}

.mod-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
}
li.mod-breadcrumbs__item.breadcrumb-item a {
    color: #043657 !important;
    text-decoration: none;
}

.contenedor_card {
    padding: 20px;
    background-color: #fff;
    margin: 20px;
    border-radius: 20px;
    border: solid 1px #043657;
}
.icono_modelo {
    font-size: 35px;
    color: #043657;
}
.titulo_modelo {
    color: #043657;
    font-size: 22px;
    line-height: 0.9;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
  margin-top: 15px;
}
.des_modelo {
    color: #a4a4a4;
    line-height: 1;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 200;
    margin-bottom: 20px;
}
.leer_modelo a {
    text-decoration: none;
    color: #043757;
}
ul.lista_contacto li a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 480px) {
  ul.lista_contacto {
    padding-left: 37px !important;
        padding-top: 0px;
}
ul.redes li {
    float: left;
    background-color: #B9DAD4;
    margin-right: 3px;
    padding: 3px;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    list-style-type: none;
    color: #043657;
    font-size: 17px;
}
ul.redes {
    display: block;
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
}
ul.lista_contacto li {
    font-size: 13px;
}
.contenedor_blanco_2{
      background-color: #043757!important;
      padding-bottom: 15px;
}
h2.text-white.titulos {
  font-size: 14px;
      margin-top: 16px;
      padding-bottom: 0px;
      margin-bottom: -5px;
}
ol.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    font-size: 10px;
    margin-top: 0px;
}
.titleClasses_quienes {
padding: 15px 0;
}
.titleClasses_quienes{
padding: 15px 0;
}
.titleClasses_gestion{
  padding: 15px 0;
}
.titleClasses_especialistas{
padding: 15px 0;
}

.titleClasses_sedes{
padding: 15px 0;
}

.titleClasses_modelos{
  padding: 15px 0;
}

.titleClasses_especialidades{
padding: 15px 0;
}

.titleClasses_convenios{
padding: 15px 0;
}

.titleClasses_preparacion{
padding: 15px 0;
}

.titleClasses_agendar{
  padding: 15px 0;
}

.titleClasses_pqrs{
padding: 15px 0;
}

.titleClasses_eventos-tca{
padding: 15px 0;
}

.titleClasses_tca{
padding: 15px 0;
}

.titleClasses_enfermedades-huerfanas{
padding: 15px 0;
}

.titleClasses_trabaja{
padding: 15px 0;
}

.titleClasses_derechos{
padding: 15px 0;
}

.titleClasses_estudios{
padding: 15px 0;
}

.titleClasses_contacto_2{
padding: 15px 0;
}

.titleClasses_preguntas{
padding: 15px 0;
}

.titleClasses_neurologia{
padding: 15px 0;
}

.titleClasses_alergologia{
padding: 15px 0;
}

.titleClasses_psicologia{
padding: 15px 0;
}

.titleClasses_psiquiatria{
padding: 15px 0;
}

.titleClasses_nutricion{
padding: 15px 0;
}

.titleClasses_cardiologia{
padding: 15px 0;
}

.titleClasses_endocrinologia{
padding: 15px 0;
}

.titleClasses_genetica{
padding: 15px 0;
}

.titleClasses_hematologia{
padding: 15px 0;
}

.titleClasses_neuropediatria{
padding: 15px 0;
}

.titleClasses_medicina-general{
padding: 15px 0;
}

.titleClasses_neuromuscular{
padding: 15px 0;
}

.titleClasses_medicina-fisica{
padding: 15px 0;
}

.titleClasses_neuropsicologia{
padding: 15px 0;
}

.titleClasses_neuropsiquiatria{
padding: 15px 0;
}

.titleClasses_pediatria{
padding: 15px 0;
}

.titleClasses_fonoaudiologia{
padding: 15px 0;
}

.titleClasses_interna{
padding: 15px 0;
}

.titleClasses_investigacion{
  padding: 15px 0;

}

  }
  
  /* ===============================
   ESPECIALIDADES - GRID
================================ */

.medical-specialties {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 0 1rem;
}

.medical-specialties .ms-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.medical-specialties .ms-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}

.medical-specialties .ms-card {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}

.medical-specialties .ms-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0,0,0,.15);
}

.medical-specialties .ms-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.medical-specialties .ms-card h3 {
  font-size: 1.2rem;
  margin: 1rem;
}

.medical-specialties .ms-card p {
  margin: 0 1rem 1.5rem;
  font-size: .95rem;
  color: #555;
}

.medical-specialties .ms-btn {
  display: inline-block;
  margin: 0 1rem 1.5rem;
  padding: .6rem 1.2rem;
  background: #135bec;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 8px;
  font-weight: 600;
}

.medical-specialties .ms-btn:hover {
  background: #0f4bd1;
}

/* =========================
     BOTÓN CITA
  ========================== */
  .btn-cita-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }

  .btn-cita {
    background-color: #043657;
    color: #ffffff;
    padding: 14px 36px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .btn-cita:hover,
  .btn-cita:focus {
    background-color: #94B8D1;
    color: #ffffff;
    text-decoration: none;
  }

.info-card {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(4, 55, 87, 0.18);

  box-shadow:
    0 0 0 1px rgba(4, 55, 87, 0.15),
    0 0 18px rgba(4, 55, 87, 0.25),
    0 12px 26px rgba(0, 0, 0, 0.08);

  /* 🔹 transición más suave */
  transition:
    box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover ultra suave */
.info-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(4, 55, 87, 0.22),
    0 0 26px rgba(4, 55, 87, 0.38),
    0 18px 42px rgba(0, 0, 0, 0.12);
}

/* Contenido intacto */
.info-card .card-body {
  background: #ffffff;
  border-radius: 18px;
}

/* Texto */
.info-card .card-title {
  color: #043757;
   font-size: 16px;
  font-weight: 700;
  
}

.info-card .card-text {
  color: #555;
}
  
/* Icono doctor al final del texto */
.info-card .card-text::after {
  content: "\f0f0"; /* icono doctor (user-md) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 8px;
  font-size: 0.85rem;
  color: rgba(4, 55, 87, 0.55);
  vertical-align: middle;
}

@media (hover: hover) {
  .info-card:hover {
    transform: translateY(-3px);
    box-shadow:
      0 0 0 1px rgba(4, 55, 87, 0.22),
      0 0 26px rgba(4, 55, 87, 0.38),
      0 18px 42px rgba(0, 0, 0, 0.12);
  }
}

/* =========================
   CONVENIOS – LAYOUT
========================= */

.convenios .container {
  padding-top: 0;
  padding-bottom: 0;
}

.convenios-grid {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.col-convenio {
  flex: 0 1 280px;
  display: flex;
  justify-content: center;
}

/* =========================
   CARD ESTILOS
========================= */

.convenios .card {
  width: 100%;
  max-width: 320px;
  border: none;
  text-align: center;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.convenios .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.15);
}

.convenios .card img {
  padding: 1.25rem;
  transition: transform 0.3s ease;
}

.convenios .card:hover img {
  transform: scale(1.05);
}

.convenios .card-body h6 {
  font-weight: 600;
  margin: 0.75rem 0 0;
}

/* =========================
   SEPARADOR
========================= */

.separador-convenios {
  margin: 4rem 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: none;
  background-color: none;
  border-color: none;
  background-color: #043657 !important;
  color: #fff;
}
  .nav-tabs .nav-link {
  margin-bottom: none;
  border: none;
  border-top-left-radius: none;
  border-top-right-radius: none;
  background-color: #94B8D1;
  margin-left: 10px;
  border-radius: 10px;
  margin-bottom: 8px;
  color: #fff;
}
  nav-item {
  font-size: 15px;
}
  .card.h-100.text-center.p-3 {
  font-size: 14px;
  text-align: left !important;
}
  .fw-bold {
  font-weight: 700 !important;
}

h5, .h5 {
  font-size: 18px;
  text-align: center;
  color: #043757;
}

    .card {
      border-radius: 1rem;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      transition: transform 0.2s;
    }
    .card:hover {
      transform: translateY(-5px);
    }
    .tab-content {
      margin-top: 2rem;
    }
    .specialty-desc {
      font-size: 0.9rem;
      color: #555;
    }

    /* =========================
   TARJETA ESPECIALISTA
========================= */

.card-especialista {
  border-radius: 16px;
}

/* =========================
   TARJETA ESPECIALISTA
========================= */

.card-especialista {
  border-radius: 16px;
}

/* Imagen */
.foto-especialista {
  display: flex;
  justify-content: center;
}

/* 🔑 Dimensión exacta solicitada */
.foto-especialista img {
  height: 361px;
  object-fit: cover;          /* recorta sin deformar */
  border-radius: 17px;        /* borde redondeado elegante */
}

/* =====================================================
   HEADER – ESTRUCTURA BASE (NO TOCAR)
   ===================================================== */

/* Header a ancho completo */
.contenedor_blanco > .container {
  max-width: 100%;
}

/* Columna del logo */
.contenedor_blanco .col-xl-2 {
  display: flex;
  align-items: center;
}

/* Columna del menú */
.contenedor_blanco .col-xl-10 {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* DJ MegaMenu centrado */
.dj-megamenu-clean {
  display: flex;
  justify-content: center;
}



/* =====================================================
   CONTROLES FINOS – AJUSTA SOLO ESTOS VALORES
   ===================================================== */

/* CONTROL HORIZONTAL DEL LOGO */
.contenedor_blanco img[alt="Logo CIGE"] {
  max-width: 160px;
  height: auto;
  margin-left: 24px;   /* ⬅️⬅️ LOGO: mueve izquierda/derecha */
}

/* CONTROL HORIZONTAL DEL MENÚ */
.dj-megamenu-clean {
  transform: translateX(-48px); /* ⬅️⬅️ MENÚ: (-) izquierda | (+) derecha */
}



/* =====================================================
   RESPONSIVE – TABLET / MOBILE
   ===================================================== */

@media (max-width: 992px) {
  .dj-megamenu-clean {
    transform: translateX(0); /* centrado normal en tablet */
  }

  .contenedor_blanco img[alt="Logo CIGE"] {
    margin-left: 12px;
  }
}