@font-face {
  font-family: GothamBlack;
  src: url(../font/Gotham/Gotham-Black.otf)
}

@font-face {
  font-family: GothamBold;
  src: url(../font/Gotham/Gotham-Bold.otf)
}
@font-face {
  font-family: GothamBook;
  src: url(../font/Gotham/Gotham-Book.otf)
}
@font-face {
  font-family: GothamLight;
  src: url(../font/Gotham/Gotham-Light.otf)
}
@font-face {
  font-family: GothamMedium;
  src: url(../font/Gotham/Gotham-Medium.otf)
}
@font-face {
  font-family: GothamBookItalic;
  src: url(../font/Gotham/Gotham-BookItalic.otf)
}

.links-header{
color: #000;
/* text-decoration: none; */
}
::-webkit-input-placeholder { /* Edge */
  color: black !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black !important;
}

::placeholder {
  color: black !important;
}
select{
  color: black !important;
}
.error{
color: red;
}
.titulo-folleto{
  text-align: initial;
  font-size: 80px!important;
  font-weight: bold;
  /* color: #016AAB; */
  color: white;
  font-family: GothamBlack;
}
.titulo{
  font-size: 22px;
}
.text-titulo{
  font-size: 25px;
  font-weight: bold;
  font-family: GothamBold;
}
.texto-normal{
  font-family: GothamBook;
  font-size: 13px;
}
.descripcion-carrera-modal {
  font-family: GothamBook;
  font-size: 15px;
}

.titulo-normal{
  font-size: 55px!important;
  font-weight: bold;
  font-family: GothamBlack;
}
.subtitulo-carreras-modal{
  font-weight: bold;
  /* color: white; */
  font-family: GothamBlack;
  font-size: 18px;
  /* color: white; */
}

.container-section__form{
background-color: #E7E7E7;
margin: 20px;
padding: 20px;
border-radius: 20px;
}

.lado1-form, .lado2-form{
padding-left: 20px;
}

.grid-container__form{
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 10px;
}

.btn-form__send{
background-color: #000000;
color: #F4F4F4;
border-radius: 30px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
margin: 10px;
}

.index{
  background: #F4F4F4;
}
.lista{
  list-style-image: url('../img/lista.png');
  font-size: 19px;
  font-weight: bold;
  padding-bottom: 50px;
}
.titulo-carreras{
  font-size: 28px; 
  color: white;
}

.titulo-carreras-modal{
  font-size: 28px; 
}

.titulo-carreras:hover{
  font-size: 28px; color: rgb(37, 150, 190);
}

.titulo-carreras::after { content: '\A'; white-space: pre;}
.plan-estudios{
  background: #E7E7E7;
  border-radius: 15px;
  font-size: 12px;
  padding: 5px;
}
.caja-carreras{
  margin-left: 5px;
  margin-bottom: 5%;
  font-family: GothamMedium;
  font-size: 15px;
}

.caja-carreras:hover{
  cursor: pointer;
}
.caja-estudios{
  padding: 10px;
  width: 202px;
  background: #006EB7;
  text-align: end;
  border-radius: 15px;
  color: white;
  font-size: 9px;
  font-family: GothamBook;
}
.caja-carreras-2{
  width: 100px;
  padding: 2px 10px;
  background: black;
  border-radius: 8px;
  font-size: 15px;
  color: white;
  cursor: pointer;
  font-family: GothamBold;
}
.caja-carreras-2.Active{
  background: #006EB7;
}
.caja-desc-carrera{
  background: #E7E7E7;
  height: 476px;
  display: flex;
  overflow-y: auto;
}
.caja-de-carreras{
  height: 476px;
}
.descripcion{
  background: #F4F4F4;
  padding: 15px;
  font-size: 15px;
  height: 78%;
  text-align: initial;
}
.caja-desc-carrera .texto{
  height: 22%;
}
.fondo-girs{
  background: #F4F4F4;
}

.ec-1{
  font-size: 15px;
}
/* .container-section__impacto{
  margin-top: 500px !important;
} */

.grid-template{
  max-width: 1200px;
  margin: auto;
}

.subtitulo-carreras{
  font-size: 18px;
}
  

.divider-line{
  padding: 0;
  border: 1px solid #000;
  width: 500px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.caja-programa{
  padding: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgb(50 50 0 / 50%);
}

.container-footer{
  background-color: #F4F4F4;
}

.container-banner--footer{
background-image: url("../footer/assets/banner-footer.png"); /* The image used */
background-color: #cccccc; /* Used if the image is unavailable */
height: 700px; /* You must set a specified height */
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}

.container-text--footer{
  padding-top: 300px;
  margin-left: 100px;
  /* width: 500px; */
}
.footer {
padding: 40px 0;
    background-color: #1a1a1a;
    text-align: center;
    color: #aaa;
  }

  .social {
    margin-top: 20px;
}

.social a {
    display: inline-block;
    margin: 0 10px;
    font-size: 24px;
    color: #fff;
}

.social a svg, .social a img {
    width: 24px;
    height: 24px;
    fill: currentColor;
    vertical-align: middle;
}

/* carousel section */
body {
  margin: 0;
}

.carrusel {
  /* display: flex; */
  align-items: center;
}

.carrusel-items {
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 30px 0px;
}

.carrusel-items-2 {
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 30px 0px;
}

.carrusel-item {
  min-width: 300px;
  max-width: 300px;
  height: 200px;
  margin: 0px 5px;
  cursor: pointer;
}
.caja-hazlo-posible{
  overflow-x: scroll;
  white-space: nowrap;
  display: flex;
  padding-bottom: 30px;
}
::-webkit-scrollbar {
  width: 12px;
  height: 30px;
}

/* Track */
.caja-hazlo-posible::-webkit-scrollbar-track {
border-bottom: 1px solid;
}

/* Handle */
.caja-hazlo-posible::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0) url(../img/scroll.png) no-repeat center;
  background-clip: content-box; 
  /* border: 1px solid; */
}
.carrusel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carrusel-item:hover {
  transform: scale(1.2);
}
#oculto{
  display: none;
}
#oculto-2{
  display: none;
}

/* carousel section */

#carrerasModal .link-modal img {
  width: 80%;
  float: right;
}

.imageInfo{
  width: 70%;
      margin-left: 30%;
}

.infowhy{
padding-left: 18%;
}

.map-tama{
  width: 560px;
  height:  315px;
}

.revealInitial{
  position: relative;
  transform: translateY(0px);
  opacity: 1;
  transition: 1s all ease;
}


.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.footer-outer {
  margin-left: 1%;
}

.titulo-folleto--hero {
  font-size: 400% !important;
}

.section-hazlo-posible .titulo-hazlo-conoce {
  text-align: center;
}

.__campus{
  list-style: none; padding-left: 0px; margin-top: 15px;
  font-size: 15px;
  font-family: GothamBook;
}
.azul{
  font-weight: bold;
  font-family: GothamBlack;
  /* color: #016AAB; */
  color: white;
  font-size: 15px;
}

.ingenieria-color{
  color: #016AAB;
}

.baner-map{
  max-width: 1200px;
  margin: auto;
}

.grid-experiences{
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.container-title__international{
  padding-top: 50px;
}

.container-text__international{
  max-width: 600px;
  padding-top: 10px;
}

.container-international-experiences{
  background-color: #E7E7E7;
}

@media (max-width: 1024px) {
  .subtitulo-carreras{
    font-size: 12px;
  }
  .titulo-normal{
    font-size: 45px!important;
  }
  .caja-estudios{
    font-size: 10px;
  }
  .caja-carreras-2{
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 12px;
  }
  .ul-transversal{
    font-size: 13px;
  }
  .ul-disciplinar{
    font-size: 13px;
  }
  .container-title__international{
    margin: auto;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .conoce-carreras-container{
    overflow-x: auto;
    max-height: 500px;
  }

  .map-tama{
    width: auto;
    height:  auto;
  }

  .grid-experiences{
    display: block;
  }

  .container-title__international{
    padding: 2px;
  }

  .grid-container__form{
    display: block;
  }

  .divider-line{
    width: 200px;
  }

  .container-text__international{
    padding: 5px;
  }

  .caja-carreras-2 {
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 17px;
  }
  .caja-de-carreras {
    height: auto;
    min-height: 0;
}
.linea-negra-2{
display: none;
}
#oculto {
height: auto;
min-height: 280px;
}
  .titulo-folleto{
    font-size: 50px!important;
    padding-bottom: 15px;
  }
  .text-titulo{
    padding-top: 15px;
  }
  .infowhy{
    padding: 7%;
  }
  .plan-estudios{
    font-size: 8px;
  }
  .caja-estudios{
    margin-top: 30px;
    font-size: 9px;
  }

}
@media (max-width: 425px) {
  .titulo-folleto {
    font-size: 32px!important;
  }
}
@media (max-width: 320px) {
.img-abajo{
display: none;
}
.linea-negra{
display: none;
}
.titulo-normal{
font-size: 30px!important;
}
}