@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap");
@import url("./collapse.cards.css");
@import url("./modals.custom.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("./media.fonts.css");

:root {
  /*variables de adobe*/
  ---b7b7b7-texto-2: #b7b7b7;
  ---2d2d2d-texto: #2d2d2d;
  ---0d665d-texto-1: #0d665d;
  ---15b2aa-texto-2: #15b2aa;

  /*variables propias*/
  --black: #000000;
  --main-color: #2e968c;
  --white: #ffffff;
  --main-black: #2d2d2d;
  --font-color-light: #b7b7b7;
  --font-green: #0d665d;
  --font-green-light: #15b2aa;
  --darker-main: #547a72;
  --darker-green: #17544a;
}

body {
  font-family: "Roboto", sans-serif;
}

.upper {
  text-transform: uppercase;
}

.color-white {
  color: var(--white);
}

.all-centered {
  display: flex;
  align-items: center;
  justify-content: start;
}

.border-red {
  border: 1px solid red;
}

.bold {
  font-weight: bold;
}

.button-gral {
  background-color: var(--main-color);
  color: var(--white);
  border: 1px solid transparent;
  padding: 1rem 2rem;
}

.button-gral:hover {
  background-color: var(--white);
  color: var(--main-color);
  border: 1px solid var(--main-color);
}

.f-18 {
  font-size: 1.2rem;
}

.f-20 {
  font-size: 1.4rem;
}

.f-30 {
  font-size: 30px;
}
.f-40 {
  font-size: 2.4rem;
}

.mt-50 {
  margin-top: 50px;
}

.href-sin-estilos {
  text-decoration: none;
  color: #fff;
}

.href-sin-estilos:hover {
  text-decoration: none;
  color: #fff;
}
.href-sin-estilos-black {
  text-decoration: none;
  color: #000;
}
.href-sin-estilos-black:hover {
  text-decoration: none;
  color: inherit;
}

.href-descarga {
  text-decoration: none;
  color: #000;
}

.href-descarga:hover {
  text-decoration: none;
  color: #000;
}

.bg-center-cover {
  background-position: center;
  background-size: cover;
}

.f-color-black-light {
  color: var(--font-color-light);
}

.href-blanco-sin-estilos {
  color: var(--white);
  text-decoration: none;
}

.href-blanco-sin-estilos:hover {
  color: var(--white);
  text-decoration: none;
}
.bandera-inicio-curso {
  position: absolute;
  top: -2.5rem;
  left: -4rem;
  width: 16rem;
  background-color: red;
  height: 3rem;
  display: flex;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.55) !important;
}
.bandera-inicio-curso__fecha {
  background-color: #2d2d2d;
  width: 12rem;
  display: grid;
  place-items: center;
}
.bandera-inicio-curso__icono {
  background-color: #2e968c;
  width: 4rem;
  display: grid;
  place-items: center;
  color: #000;
  font-size: 1.5rem;
}
/*----------------- CAROUSEL ------------------*/

#carousel {
  height: 636px;
  /* background-image: url("../img/banner-1.png");
    background-position: center;
    background-size: cover; */
}

.carousel-inner:not(.carousel-noticias),
.carousel-item:not(.carousel-noticias) {
  height: 636px;
}

.title-carousel {
  font-size: 1.8rem;
  text-align: start;
}

.carousel-caption {
  text-align: left;
}

.section-info-carousel {
  min-height: 122px;
  width: 1157px;
  background-color: rgba(46, 150, 140, 0.6);
  font-size: 4.3rem;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 1rem;
  height: auto;
}

.btn-carousel-formar-parte {
  padding: 1rem;
  background-color: var(--white);
  border: none;
  border-left: 5px solid var(--main-color);
}

.menu-empresas-participantes {
  display: none;
  position: absolute;
  border-radius: 10px;
  top: calc(20vh + 0.7rem);
  left: 1rem;
  width: 80%;
  max-height: 70vh;
  background-color: #f3f3f3;
  z-index: 30;
  color: #000;
  overflow-y: auto;
}

.container-menu-empresas-participantes {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.container-menu-empresas-participantes > div {
  height: 50%;
}

.col-empresas-participantes {
  padding: 2rem;
}

.container-menu-empresas-participantes
  > div:last-child
  .col-empresas-participantes:last-child {
  padding: 0px;
}

.container-menu-empresas-participantes
  > div
  .col-empresas-participantes:not(:last-child) {
  border-right: 2px solid #6f6f6f;
}

.col-background-empresas-participantes {
  background: linear-gradient(
      to right,
      rgba(243, 243, 243, 1) 0%,
      rgba(243, 243, 243, 0.8) 30%,
      rgba(253, 253, 253, 0.7) 60%,
      rgba(250, 250, 250, 0.7) 80%
    ),
    url("../img/background-empresas-participantes.jpg") center;
  background-size: cover;
  width: calc(100% + 3rem);
  height: 100%;
  position: relative;
  left: -3rem;
}

.carousel-custom-container {
  height: 300px;
  top: 25%;
  left: 13%;
  right: auto;
}

.intro-container {
  max-width: 1170px;
  width: 100%;
  /* min-height: 590px; */
  height: auto;
  margin: auto;
  position: relative;
  top: -3rem;
}
#transformaTuFuturo {
  max-width: 1170px;
  margin: 5rem auto;
}

.intro__servicios {
  min-height: 140px;
  /* height: 140px; */
  background-color: var(--white);
  padding: 2rem 1.5rem;
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  /* gap: 1rem; */
  flex-wrap: wrap;
}

.servicio-intro {
  /* min-width: 100px */
  display: flex;
  /* justify-content: center; */
  height: 100%;
  gap: 1rem;
  height: calc(140px - 4rem);
  padding-right: 0.6rem;
}
.servicio-intro:last-child {
  padding-right: 0px;
}

.servicio-intro__icon {
  width: 3rem;
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
}

.servicio-intro__icon img {
  width: 2rem;
  margin-top: 0.5rem;
}
/* .servicio-intro:nth-child(1) .servicio-intro__icon {
    background: url("../iconos/servicio-comunidad.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
} */

.servicio-intro__title {
  font-weight: bold;
  color: var(--font-green);
}

.servicio-intro__text {
  width: calc(100% - 3rem);
}

.servicio-intro__description {
  font-size: 14px;
  color: var(--font-color-light);
}

.intro__imagenes {
  min-height: 272px;
  display: flex;
  height: auto;
}

.intro__imagenes-izquierda {
  background-image: url("../img/futuro-izquierda.jpg");
  background-position: center;
  background-size: cover;
  min-height: 272px;
}

.intro__imagenes-text {
  padding: 4rem 5rem;
  background-image: url("../img/futuro-derecha.png");
  background-position: center;
  background-size: cover;
  color: var(--white);
}

/* #btnQuieroInscribirme{
    width: 192px;
    height: 56px;
} */

/* -------------  ACERCA ----------*/

#acerca {
  min-height: 538px;
  width: 100%;
  display: flex;
  padding: 0rem 6rem;
  color: var(--white);
  background-position: center;
  background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(0, 0, 0, 0.4) 60%
    ),
    url("../img/fondo-acerca.png") center;
  background-size: cover;
  height: auto;
  /* display: grid; */
  place-items: center;
  /* background: #8A2387;  
    background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  
    background: linear-gradient(to right, #F27121, #E94057, #8A2387);  */
}

.logo-texto-acerca {
  margin-left: auto;
  /* text-align: end; */
  /* padding-right: 4rem; */
  width: 300px;
}

.logo-texto-acerca img {
  width: 250px;
  position: relative;
  top: -2.5rem;
}

#acercaBottom {
  min-height: 400px;
  height: auto;
  background-color: var(--main-black);
}

.contenedor-acerca {
  height: 100%;
  padding: 5rem 1rem;
  color: var(--white);
  flex-wrap: wrap;
}

.icono-acerca-bottom {
  width: 2.5rem;
}

/* -------------- NOTICIAS Y EVENTOS ----------*/
#noticasEventos {
  padding: 0px 6rem;
  display: flex;
  gap: 2rem;
  /* flex-wrap: wrap; */
}

.noticias-container-home {
  width: 70%;
}

.eventos-container-home {
  width: 30%;
  position: relative;
}

.noticias-wrapper {
  display: flex;
  gap: 1rem;
}
.noticia {
  width: calc(100% / 3);
}

.noticia img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  margin-bottom: 0.7rem;
}
.href-notica-home {
  display: contents;
  color: inherit;
}
.href-notica-home:hover {
  color: inherit;
}

.title-noticia-home {
  font-weight: 900;
}

.noticias-container-home__header,
.eventos-container-home__header {
  height: calc(54px + 1.5rem);
}

.eventos-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.evento {
  display: flex;
  gap: 1rem;
}

.evento__fecha {
  width: 4rem;
  height: 4rem;
  background-color: #15b2aa;
  display: grid;
  place-items: center;
}

.evento__fecha > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.evento__text {
  font-size: 0.9rem;
  width: calc(100% - 4rem);
}

#enlaceEventos {
  /* position: absolute;
  bottom: 1rem; */
  display: inline-block;
  margin: 1rem 0px;
}
/* -------------  EVENTOS ----------*/

#eventos {
  min-height: 850px;
  height: auto;
  width: 100%;
}

.contenedor-eventos {
  padding: 50px;
}

.container-eventos-top {
  min-height: 220px;
  height: auto;
  flex-wrap: wrap;
}

.card-eventos-top {
  padding: 3rem 4rem;
}

.card-eventos-top:nth-child(1) {
  background: linear-gradient(rgba(39, 115, 104, 0.7), rgba(39, 115, 104, 0.7)),
    url("../img/card-eventos-top1.jpg");
  background-size: cover;
  background-position: center;
  color: var(--white);
}

.card-eventos-top:nth-child(2) {
  background-color: var(--main-black);
  color: var(--white);
}

.card-eventos-top:nth-child(3) {
  background: linear-gradient(rgba(39, 115, 104, 0.7), rgba(39, 115, 104, 0.7)),
    url("../img/card-eventos-top2.jpg");
  background-size: cover;
  background-position: center;
  color: var(--white);
}

.cards-eventos-bottom {
  min-height: 480px;
  height: auto;
  margin-top: 50px;
  flex-wrap: wrap;
}

.title-about-bottom {
  font-size: 20px;
}

.text-about-bottom {
  color: var(--font-green-light);
}
.font-green-light {
  color: var(--font-green-light);
}

#encuentraOferta {
  height: 672px;
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(39, 115, 104, 0.6) 30%,
    rgba(0, 2, 1, 0.97) 50%
  );
  background-size: cover;
  color: var(--white);
}

.container-imagenes-fondo {
  display: flex;
  width: 100%;
  height: 100%;
}

.encuentra-oferta-izquierda {
  width: 50%;
  background: url("../img/background-encuentra-oferta.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.encuentra-oferta-derecha {
  width: 50%;
  background: url("../img/Logo-Blanco.svg");
  background-size: cover;
  background-position: left;
  z-index: -1;
}

.card-items-acerca {
  gap: 1rem;
  padding: 1rem;
}

.select-oferta {
  border-radius: 0px;
  background-color: rgba(13, 102, 93, 0.6);
  color: var(--white);
  border: 1px solid transparent;
}

/*------------- OFERTA -----------*/

.containerOferta {
  position: relative;
  width: 100%;
  max-width: 65%;
  height: 100%;
  margin-left: auto;
  top: -672px;
}

.containerOferta form {
  padding: 0px 2rem 0px 0px;
}

.fila-select-oferta {
  gap: 3rem;
  flex-wrap: wrap;
}

.container-form-oferta {
  width: 800px;
  padding-top: 5rem;
}

.title-oferta {
  font-size: 30px;
}
.img-diplomados {
  width: 400px;
}

.title-diplomados {
  font-size: 2.1rem;
  text-align: center;
  letter-spacing: 1px;
}

.description-oferta {
  font-size: 55px;
}

#btnBuscarCursos {
  width: 100%;
}

.calendario-wrapper {
  width: 100%;
}
.img-calendario-wrapper {
  width: 50%;
}
.img-calendario-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 100%;
}

.container-img-calendario {
  height: 100%;
}
#sectionCalendario {
  padding: 5rem 6rem;
}

.container-section-calendario {
  max-height: 500px;
  /* min-height: 500px; */
  gap: 2rem;
}

#ofertaAcademicaEmpresas {
  width: 100%;
  min-height: 1094px;
  height: auto;
  /* display: flex;
    flex-direction: column;
    gap: 50px; */
}

.container-img-oferta-academica {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, 300px);
  gap: 50px;
  width: 85%;
  margin: auto;
}

.card-oferta-academica {
  height: 347px;
  width: 300px;
}

.card-oferta-academica__img {
  height: 282px;
}

.card-oferta-academica__buttons {
  height: 65px;
  padding: 0.5rem 0px;
}

.card-oferta-academica:nth-child(1) .card-oferta-academica__img {
  background: url("../img/BajaCalifornia.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(2) .card-oferta-academica__img {
  background: url("../img/Sonora.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(3) .card-oferta-academica__img {
  background: url("../img/Coahuila.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(4) .card-oferta-academica__img {
  background: url("../img/Chihuahua.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(5) .card-oferta-academica__img {
  background: url("../img/NuevoLeon.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(6) .card-oferta-academica__img {
  background: url("../img/Queretaro.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(7) .card-oferta-academica__img {
  background: url("../img/Jalisco.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(8) .card-oferta-academica__img {
  background: url("../img/Tamaulipas.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(1):hover .card-oferta-academica__img {
  background: url("../img/BajaCaliforniaColor.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(2):hover .card-oferta-academica__img {
  background: url("../img/SonoraColor.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(3):hover .card-oferta-academica__img {
  background: url("../img/CoahuilaColor.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(4):hover .card-oferta-academica__img {
  background: url("../img/ChihuahuaColor.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(5):hover .card-oferta-academica__img {
  background: url("../img/NuevoLeonColor.png");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(6):hover .card-oferta-academica__img {
  background: url("../img/QueretaroColor.jpg");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(7):hover .card-oferta-academica__img {
  background: url("../img/JaliscoColor.jpg");
  background-position: center;
  background-size: cover;
}

.card-oferta-academica:nth-child(8):hover .card-oferta-academica__img {
  background: url("../img/TamaulipasColor.png");
  background-position: center;
  background-size: cover;
}

.container-ver-cursos {
}

.btn-styless {
  background-color: var(--white);
  border: none;
}

.btn-ver-cursos {
  background-color: var(--white);
  color: var(--font-green);
  border-bottom: 3px solid var(--font-green);
  padding-bottom: 0.5rem;
}

#estudiaAcademiaGlobal {
  min-height: 447px;
  height: auto;
  width: 100%;
  padding: 4rem 6rem;
  color: var(--white);
  background-position: center;
  background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(0, 0, 0, 0.4) 60%
    ),
    url("../img/background-academia-global2.png") center;
  background-size: cover;
  display: grid;
  place-items: center;
}

#empresas {
  width: 100%;
  min-height: 209px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: auto;
  flex-wrap: wrap;
}
#empresas_ag {
  width: 170px;
}
#empresas_umi {
  width: 120px;
}
#empresas_agc {
  width: 120px;
}

.card-items-acerca:hover .animation-down {
  transform: translateY(20px);
  transition: 0.3s all;
}

.card-items-acerca:hover .animation-up {
  transform: translateY(-20px);
  opacity: 0;
  transition: 0.3s all;
}

#imgCarousel1 {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.4) 50%,
      rgba(0, 2, 1, 0.4) 80%,
      rgba(0, 2, 1, 0.4) 100%
    ),
    url("../img/carousel1.jpg") center;
  background-position: center;
  background-size: cover;
}

#imgCarousel2 {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.4) 50%,
      rgba(0, 2, 1, 0.4) 80%,
      rgba(0, 2, 1, 0.4) 100%
    ),
    url("../img/carousel2.jpg") center;
  background-position: top;
  background-size: cover;
}

#imgCarousel3 {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.4) 50%,
      rgba(0, 2, 1, 0.4) 80%,
      rgba(0, 2, 1, 0.4) 100%
    ),
    url("../img/carousel3.jpg") center;
  background-position: center;
  background-size: cover;
}

#imgCarouselC1 {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/contacto.jpeg") center;
  background-position: top;
  background-size: cover;
}

#imgCarouselC2 {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/carousel3.jpg") center;
  background-position: top;
  background-size: cover;
}

#imgCarouselC3 {
  width: 100%;
  height: 190%;
  position: relative;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/contacto2.jpeg") center;
  background-position: center;
  background-size: cover;
}

.container-fecha-evento {
  border-bottom: 3px solid var(--font-green-light);
}
.container-fecha-evento > span:first-child {
  font-size: 1.3rem;
}

.modal-aviso-img {
  max-width: 15rem;
}
#enlaceEventos{
  position: relative;
}
#enlaceEventos_arrow{
  width: 35px;
  transition: transform 0.3s ease;
}
#enlaceEventos:hover #enlaceEventos_arrow {
  transform: translateX(35px);
}
#enlaceEventos:hover{
  color:#17544A;
}
@media screen and (min-width: 768px) {
  #carousel {
    margin-top: 164px;
  }
  section#contacto {
    margin-top: 164px;
  }
  .calendario-wrapper {
    width: 50%;
  }
}

@media (max-width: 1399.98px) {
  .containerOferta {
    max-width: 100%;
    margin: auto;
  }

  .container-form-oferta {
    width: 800px;
    margin: auto;
  }
  .section-info-carousel {
    font-size: 50px;
    width: 700px;
  }
  .evento__text {
    font-size: 1rem;
  }
}

@media (max-width: 1199.98px) {
  .cards-eventos-bottom {
    width: 75%;
    max-width: 450px;
    margin: 50px auto 0px auto;
    gap: 2rem;
  }
}

@media (max-width: 991.98px) {
  .intro__servicios {
    width: 60%;
    margin: auto;
  }

  .container-form-oferta {
    width: 80%;
    margin: auto;
  }
  #noticasEventos {
    flex-wrap: wrap;
  }
  .noticias-container-home {
    width: 100%;
  }

  .eventos-container-home {
    width: 50%;
  }
  #enlaceEventos {
    position: unset;
    bottom: 0px;
    margin: 1rem 0px;
  }
  #noticasEventos {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .intro__imagenes-izquierda {
    /* display: none; */
  }
  #acerca {
    /* margin-top: -3rem; */
    padding: 2rem 3rem;
  }
  .container-form-oferta {
    width: 100%;
  }
  .cards-eventos-bottom {
    width: 100%;
    margin: 50px auto 0px auto;
    gap: 2rem;
  }
  .title-oferta {
    font-size: 1.2rem;
  }
  .description-oferta {
    font-size: 2rem;
  }
  .containerOferta {
    padding: 2rem;
  }
  .fila-select-oferta .col {
    width: 100%;
    flex: none;
  }
  .containerOferta form {
    padding: 0px;
  }
  .fila-select-oferta {
    gap: 1rem;
  }
  /* .f-55 {
    font-size: 2rem;
  } */
  .f-30 {
    font-size: 1.3rem;
  }
  #estudiaAcademiaGlobal {
    padding: 2rem 3rem;
  }
  .intro__imagenes-text {
    padding: 3rem 3rem;
  }
  html {
    font-size: 14px;
  }
  .intro__imagenes {
    width: calc(100% - 6rem);

    margin: 0 auto 2rem auto;
    flex-direction: column;
  }
  .contenedor-acerca {
    text-align: center;
  }
  .logo-texto-acerca {
    margin: auto;
    text-align: center;
  }
  .logo-texto-acerca img {
    top: 0rem;
  }
  #estudiaAcademiaGlobal h5 {
    text-align: center;
  }
  #estudiaAcademiaGlobal > div {
    gap: 3rem;
  }
  #empresas_ag {
    width: 100px;
  }
  #empresas_umi {
    width: 70px;
  }
  #empresas_agc {
    width: 70px;
  }
  .carousel-custom-container {
    width: 70%;
    margin: 0 auto 0 auto;
    left: 0px;
    right: 0px;
  }
  .title-carousel {
    text-align: center;
  }
  .section-info-carousel {
    font-size: 2rem;
    width: 100%;
    padding-left: 0px;
    text-align: center;
  }
  .img-diplomados {
    width: 65%;
  }
  .title-diplomados {
    font-size: 1.5rem;
  }
  #carousel {
    height: 450px;
    /* background-image: url("../img/banner-1.png");
      background-position: center;
      background-size: cover; */
  }
  .carousel-inner:not(.carousel-noticias),
  .carousel-item:not(.carousel-noticias) {
    height: 450px;
  }
  .carousel-custom-container {
    text-align: center;
    top: 5%;
  }
  .noticias-container-home,
  .noticias-container-home__header {
    width: 100%;
  }
  .noticias-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .eventos-container-home__header {
    /* text-align: center; */
    height: auto;
  }
  .eventos-container-home {
    width: 70%;
  }
  .noticia {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .intro__servicios {
    width: calc(100% - 6rem);
    margin: 0 auto 0rem auto;
  }
  .servicio-intro {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .servicio-intro__text {
    text-align: center;
  }
  html {
    font-size: 15px;
  }
  .intro-container {
    top: -4rem;
  }
  .eventos-container-home {
    width: 100%;
  }
  #noticasEventos {
    padding: 0px 3rem;
  }
  #sectionCalendario {
    padding: 0px 3rem;
  }
  #transformaTuFuturo {
    margin: 2rem auto;
  }
}

/* @media (min-width: 576px) {
  html{
    font-size: 11px;
  }
}

@media (min-width: 768px) {
  html{
    font-size: 11px;
  }
}

@media (min-width: 992px) {
  html{
    font-size: 11px;
  }
}

@media (min-width: 1200px) {
  html{
    font-size: 12px;
  }
}

@media (min-width: 1400px) {
  html{
    font-size: 16px;
  }
} */