/**
 * site-custom.css - Estilos migrados desde snippets de Hygraph
 * INDEVAL - Grupo BMV (Remediación de Inyección de Código / Stored XSS)
 */

/* 1. Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* 2. Reglas Tipográficas y Estilos Generales */
body, .direccion, p {
  font-family: 'DM Sans', sans-serif !important;
}

div#linkdestacado {
  width: 100%;
}

.carousel-item img {
  object-position: 0 !important;
}

img.logoevent {
  object-fit: cover !important;
}

#mainNav .navbar-nav .nav-item .nav-link,
.nav .slick-initialized .slick-slide a,
.masthead-heading,
.carousel-caption h5,
.btn-primary,
.innerbox2 h3,
.innerbox2 h4,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.columnasfooter h6,
.enlacesinteres h5,
.notif p,
.footer,
.contmega {
  font-family: 'Epilogue', sans-serif !important;
}

.nav .slick-initialized .slick-slide {
  padding: 10px 23px !important;
}

ul.menu.menu-bar.slick-initialized.slick-slider button {
  display: none !important;
}

.timeline .timeline-right .timeline-box {
  min-width: 75%;
}

section.page-section:has(.bannerinferior) {
  display: none !important;
}

/* Botón Carousel Home abajo */
.home .carousel-caption {
  display: flex !important;
  flex-direction: column-reverse;
  justify-content: center;
  min-height: 100px;
}

.home .carousel-caption .btn-primary {
  margin-top: auto;
  max-width: 200px;
}

@media (max-width: 500px) {
  #carouselExampleIndicators, .carousel-inner, .carousel-item, .carousel-item img {
    height: 280px !important;
  }
  .carousel-item:nth-child(1) img {
    object-position: right !important;
  }
  .home .carousel-item:nth-child(1) .btn-primary {
    margin-top: 250px;
    max-width: 200px;
    transform: scale(.8);
    margin-left: 0%;
  }
}

/* Reglas de secciones normativas */
#services .innerbox .btn.btn-primary {
  float: right;
  right: 0px;
  position: relative;
  bottom: 0 !important;
}
#services .text-blue {
  line-height: 1.75;
  min-height: 50px;
}
h5.text-blue {
  min-height: 10px;
}
