﻿body {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
}

img {
  max-width: 100%;
}

.texto-azul {
  color: #1e24a6;
}

.texto-celeste {
  color: #2d38ff;
}

.texto-verde {
  color: #87d700;
}

.texto-amarillo {
  color: #ffe10b;
}

.texto-blanco {
  color: #fff;
}

.bg-azul {
  background-color: #1e24a6;
}

.bg-celeste {
  background-color: #2d38ff;
}

.bg-verde {
  background-color: #87d700;
}

.bg-amarillo {
  background-color: #ffe10b;
}

h4 {
  font-size: 1.2em;
  font-weight: 600;
}
h4.porcentaje {
  font-size: 80px;
  font-weight: 900;
  font-style: italic;
  margin-bottom: 0;
  text-shadow: -7px -1px 2px #1e24a6;
}

.cta-site {
  background-color: #87d700;
  border: 2px solid #1e24a6;
  border-radius: 15px;
  color: #1e24a6;
  font-size: 1.5em;
  font-weight: 700;
  padding: 7px 20px;
}

.seccion-page {
  padding: 100px 0;
}

#banner {
  height: 100vh;
  width: 100%;
  min-height: 860px;
}

.banner-home {
  height: 100%;
}
.banner-home .slick-list {
  height: 100%;
}
.banner-home .slick-list .slick-track {
  height: 100%;
}
.banner-home .slick-list .slick-track .slick-slide {
  height: 100%;
  background: url(../images/banner-ie.jpg) top center/cover no-repeat transparent;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.banner-home .slick-list .slick-track .slick-slide .item {
  height: 100%;
  padding: 50px 0 20px;
}

.texto-banner {
  color: #fff;
  padding-bottom: 50px;
}
.texto-banner p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.2em;
}
.texto-banner p:after {
  content: "";
  display: block;
  height: 3px;
  background: #87d700;
  width: 15px;
  margin-bottom: 5px;
}

#slider-carreras .slick-dots {
  position: relative;
}
#slider-carreras .slick-dots li button:before {
  font-size: 20px;
  opacity: 1 !important;
  color: #87d700;
}
#slider-carreras .slick-dots li.slick-active button:before {
  color: #2d38ff;
}
#slider-carreras .slick-prev:before {
  content: url(../images/left-arrow.png);
}
#slider-carreras .slick-next:before {
  content: url(../images/right-arrow.png);
}

#crecimiento {
  background: url(../images/bg-crecimiento.jpg) top left/cover no-repeat transparent;
  color: #fff;
  position: relative;
}

.subtitulo-seccion {
  display: inline-block;
  font-weight: 700;
  padding: 5px 20px;
  margin-bottom: 30px;
}

.listado-crecimiento {
  float: left;
  list-style: none;
  width: 50%;
  font-size: 1.1em;
  font-weight: 600;
}
.listado-crecimiento li:after {
  content: "";
  display: block;
  height: 3px;
  background: #87d700;
  width: 15px;
  margin-bottom: 15px;
}

.imagen-item {
  width: 90px;
}
.imagen-item img {
  max-width: 75px;
}

.detalle-item {
  width: calc(100% - 90px);
}
.detalle-item p:after {
  content: "";
  display: block;
  height: 5px;
  background: #ffe10b;
  width: 30px;
  margin-top: 15px;
}

#porque {
  background-color: #1e24a6;
  color: #fff;
  position: relative;
}

#separte {
  background: url(../images/bg-porque.jpg) top left/cover no-repeat transparent;
  color: #fff;
  position: relative;
}

.descripcion {
  font-size: 1.2em;
}

.item-porque {
  margin-bottom: 3rem;
}

.bloque-marco {
  padding: 10px;
}

.borde-video {
  border: 2px solid #87d700;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 20px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.footer-telefono {
  font-size: 3em;
  font-weight: 800;
}

.borde-blanco {
  border: 1px solid #fff;
}

form#form {
  background: #201f33c4;
  color: #fff;
  padding: 35px 20px;
  border-radius: 25px;
}
form#form input {
  background-color: transparent;
  border-bottom: 1px solid #6ea513;
  color: #fff;
  border-left: none;
  border-radius: 0;
  border-right: none;
  border-top: none;
}
form#form select {
  background-color: transparent;
  border-bottom: 1px solid #6ea513;
  color: #fff;
  border-left: none;
  border-radius: 0;
  border-right: none;
  border-top: none;
  background: #201f3366;
}
form#form input::placeholder {
  color: #fff;
}
form#form h3 {
  font-size: 1.3em;
}
form#form .rowRadios {
  margin: 1rem 0;
}
form .tooltip-help {
  font-size: 10px !important;
  padding: 2px 4px !important;
  top: -9px !important;
  right: -10px !important;
  left: initial !important;
  width: 45px;
  text-align: center;
}

.form-row {
  margin-bottom: 5px;
}
.form-row label {
  display: none;
}

#btn_submit {
  background-color: #87d700;
  border: 2px solid #1e24a6;
  border-radius: 15px;
  color: #1e24a6;
  font-size: 1.5em;
  font-weight: 700;
  padding: 7px 20px;
}

.boxGracias {
  background: #201f33c4;
  color: #fff;
  padding: 35px 20px;
  border-radius: 25px;
}

section#crecimiento:before {
  content: url(../images/before-titulo-crecimiento.png);
  display: block;
  position: absolute;
  left: 50px;
  top: 119px;
}
section#crecimiento:after {
  content: url(../images/after-titulo-crecimiento.png);
  display: block;
  position: absolute;
  right: 50px;
  bottom: -15px;
  z-index: 1;
}
section#crecimiento h2.titulo-seccion {
  background: #2d38ff;
  display: inline-block;
}
section#porque:before {
  content: "";
  display: block;
  width: 100px;
  height: 10px;
  background: #87d700;
  position: absolute;
  left: 50px;
  top: -5px;
}
section#porque:after {
  content: "";
  display: block;
  width: 100px;
  height: 10px;
  background: #ffe10b;
  position: absolute;
  right: 50px;
  bottom: -5px;
}
section#porque .container:after {
  content: url(../images/before-titulo-crecimiento.png);
  display: block;
  position: absolute;
  left: -150px;
  top: 119px;
}
section#porque h2.titulo-seccion {
  display: inline-block;
}
section#porque h2.titulo-seccion.titulo-after:after {
  content: url(../images/after-titulo-porque.png);
  display: block;
}
section#nuestras-carreras h2.titulo-seccion {
  position: relative;
  display: inline-block;
}
section#nuestras-carreras h2.titulo-seccion:after {
  content: "";
  display: block;
  width: 50px;
  height: 10px;
  background: #ffe10b;
  margin-top: 5px;
  position: absolute;
  right: 0;
}
section#nuestras-carreras h2.titulo-seccion:before {
  content: url(../images/before-titulo-carreras.jpg);
  display: block;
  margin-bottom: 5px;
  position: absolute;
  left: -50px;
  top: -50px;
}

.after-borde-verde {
  display: inline-block;
  position: relative;
}
.after-borde-verde:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid #87d700;
  width: 100%;
  height: 100%;
}

.after-borde-amarillo {
  display: inline-block;
  position: relative;
}
.after-borde-amarillo:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid #ffe10b;
  width: 100%;
  height: 100%;
}

header#cabecera {
  position: absolute;
  width: 100%;
  top: 18px;
  z-index: 101;
}

@media (min-width: 1300px) {
  .texto-banner {
    margin-top: 10rem;
  }
}


a.btn.btn-primary.btn-CTA.btn-webIE {
  background: #1e24a6;
  border: 1px solid #fff;
}

h2.titulo-seccion {
  font-weight: 800;
  font-style: italic;
  font-size: 3em;
  margin-bottom: 50px;
}

.item.card {
  padding: 15px;
  border-color: transparent;
}
.item.card .content-item {
  color: #fff;
  border-radius: 30px;
}
.item.card .content-item .card-body {
  background: #1e24a6;
  border-radius: 0 0 30px 30px;
  z-index: 101;
  position: relative;
}
.item.card .content-item .card-body .card-text {
  min-height: 135px;
  font-size: 14px;
}
.item.card .content-item .card-title {
  align-items: center;
  background-color: #4275ff;
  display: flex;
  font-weight: 500;
  font-size: 13.5px;
  justify-content: center;
  margin-top: -45px;
  min-height: 60px;
  padding: 10px 5px;
  text-transform: uppercase;
}

#footerBox1 a {
  font-size: 1.5em;
  font-weight: 700;
}

.silform-txttitle .silform-link {
  color: #fff !important;
}

.beca18Intro {
  padding: 3rem 0;
}
.beca18Intro .introP {
  font-size: 1.2rem;
}


@media (max-width: 960px) {
  body {
    font-size: 14px;
  }

  #banner {
    height: auto;
  }

  .texto-banner {
    margin: 25px 0;
  }

  .seccion-page {
    padding: 50px 0;
  }

  .footer-telefono {
    font-size: 2em;
  }

  .cta-site {
    font-size: 1.2em;
  }

  .subtitulo-seccion {
    font-size: 1.2em;
  }

  #footerBox1 {
    margin-bottom: 25px;
  }
  #footerBox1 a {
    font-size: 1.2em;
  }

  .widget-footer {
    margin-bottom: 25px;
  }
  .widget-footer p {
    margin-bottom: 0;
  }

  #slider-carreras .slick-prev {
    left: 8px !important;
    z-index: 1;
  }
  #slider-carreras .slick-next {
    right: 10px !important;
  }
  #slider-carreras .slick-list.draggable {
    padding: 0 10px;
  }

  header#cabecera {
    background: #191f6c;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 101;
    padding: 1em 0;
  }

  h2.titulo-seccion {
    font-size: 2.3em;
    margin-bottom: 20px;
  }
  #banner {margin-top: -1px}

  .banner-home .slick-list .slick-track .slick-slide {
    background: #191f6c;
  }

  h4.porcentaje {
    font-size: 60px;
  }
  .banner-home .slick-list .slick-track .slick-slide .item {padding-top: 0}
  a.btn.btn-primary.btn-CTA.btn-webIE {
    border: none;
      font-size: .8em;
  }

}

@media (max-width: 960px) {
  #cabecera .justify-content-between {flex-direction: column-reverse;}
}