@charset "UTF-8";
/*CONTENEDOR*/
/*Dispositivos*/
/*Media screen*/
.container {
  margin: 0 auto;
  max-width: 1680px;
  width: 90%; }

@media only screen and (min-width: 720px) {
  .container {
    width: 85% !important; } }
@media only screen and (min-width: 1150px) {
  .container {
    width: 90% !important; } }
@media only screen and (min-width: 1366px) {
  .container {
    width: 80% !important; } }
@media only screen and (min-width: 1440px) {
  .container {
    width: 1250px !important; } }
.grid {
  display: grid; }

.no-gap {
  grid-gap: 0 !important; }

/*=============================================================
==================================================================
============================================================*/
.grid-col {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 22px; }

.grid-1 {
  grid-column: span 1; }

.grid-2 {
  grid-column: span 2; }

.grid-3 {
  grid-column: span 3; }

.grid-4 {
  grid-column: span 4; }

.grid-5 {
  grid-column: span 5; }

.grid-6 {
  grid-column: span 6; }

.grid-7 {
  grid-column: span 7; }

.grid-8 {
  grid-column: span 8; }

.grid-9 {
  grid-column: span 9; }

.grid-10 {
  grid-column: span 10; }

.grid-11 {
  grid-column: span 11; }

.grid-12 {
  grid-column: span 12; }

@media screen and (min-width: 100px) {
  .grid-s-1 {
    grid-column: span 1; }

  .grid-s-2 {
    grid-column: span 2; }

  .grid-s-3 {
    grid-column: span 3; }

  .grid-s-4 {
    grid-column: span 4; }

  .grid-s-5 {
    grid-column: span 5; }

  .grid-s-6 {
    grid-column: span 6; }

  .grid-s-7 {
    grid-column: span 7; }

  .grid-s-8 {
    grid-column: span 8; }

  .grid-s-9 {
    grid-column: span 9; }

  .grid-s-10 {
    grid-column: span 10; }

  .grid-s-11 {
    grid-column: span 11; }

  .grid-s-12 {
    grid-column: span 12; } }
@media screen and (min-width: 720px) {
  .grid-m-1 {
    grid-column: span 1; }

  .grid-m-2 {
    grid-column: span 2; }

  .grid-m-3 {
    grid-column: span 3; }

  .grid-m-4 {
    grid-column: span 4; }

  .grid-m-5 {
    grid-column: span 5; }

  .grid-m-6 {
    grid-column: span 6; }

  .grid-m-7 {
    grid-column: span 7; }

  .grid-m-8 {
    grid-column: span 8; }

  .grid-m-9 {
    grid-column: span 9; }

  .grid-m-10 {
    grid-column: span 10; }

  .grid-m-11 {
    grid-column: span 11; }

  .grid-m-12 {
    grid-column: span 12; } }
@media screen and (min-width: 1150px) {
  .grid-l-1 {
    grid-column: span 1; }

  .grid-l-2 {
    grid-column: span 2; }

  .grid-l-3 {
    grid-column: span 3; }

  .grid-l-4 {
    grid-column: span 4; }

  .grid-l-5 {
    grid-column: span 5; }

  .grid-l-6 {
    grid-column: span 6; }

  .grid-l-7 {
    grid-column: span 7; }

  .grid-l-8 {
    grid-column: span 8; }

  .grid-l-9 {
    grid-column: span 9; }

  .grid-l-10 {
    grid-column: span 10; }

  .grid-l-11 {
    grid-column: span 11; }

  .grid-l-12 {
    grid-column: span 12; } }
@media screen and (min-width: 1366px) {
  .grid-xl-1 {
    grid-column: span 1; }

  .grid-xl-2 {
    grid-column: span 2; }

  .grid-xl-3 {
    grid-column: span 3; }

  .grid-xl-4 {
    grid-column: span 4; }

  .grid-xl-5 {
    grid-column: span 5; }

  .grid-xl-6 {
    grid-column: span 6; }

  .grid-xl-7 {
    grid-column: span 7; }

  .grid-xl-8 {
    grid-column: span 8; }

  .grid-xl-9 {
    grid-column: span 9; }

  .grid-xl-10 {
    grid-column: span 10; }

  .grid-xl-11 {
    grid-column: span 11; }

  .grid-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 720px) {
  .no-movil {
    display: none !important; } }
@media screen and (max-width: 720px) {
  .si-movil {
    display: block !important; } }
/*=========================================
=================BOTONES==================*/
.btn {
  padding: 10px 25px;
  display: grid;
  grid-gap: 14px;
  max-height: 48px;
  align-items: center;
  background: #00B7BD;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  transition: 0.3s;
  justify-content: center;
  justify-items: center;
  cursor: pointer;
  width: 100%;
  max-width: 200px;
  text-align: center;
  border-radius: 53px;
  border: 2px solid #00B7BD;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
  transition: 0.2s;
  /*&:hover{
      background: $color_2;
      border: 2px solid $color_2;
      box-shadow: 0 0 0 white;
      i {
          font-weight: 500;
          font-size: 1.28rem;
      }
  }*/
  /*&.btn1{
      background: none;
      color: $color_2;
  }*/
  /*&.active{
      background-color: $color_2;
      color: white;
  }*/ }
  .btn img {
    width: 30px;
    margin: 0 !important; }
  .btn.btn1-white {
    background: white;
    color: #00B7BD;
    border: 2px solid white; }
  .btn.btn2-white {
    background: none;
    color: white;
    border: 2px solid white; }
  .btn.btn-icon {
    grid-template-columns: auto auto; }
    .btn.btn-icon i {
      font-size: 20px;
      font-weight: 600;
      margin-top: -4px;
      margin-left: 13px; }
  .btn.btn-big {
    height: 54px;
    max-width: 225px; }

button:focus {
  outline: none; }

/*.btn-circle {
    border: 2px solid $color_3;
    color: $color_3;
    font-size: 21px;
    width: 54px;
    height: 54px;
    display: grid;
    border-radius: 50%;
    align-items: center;
    justify-items: center;
    transition: 0.3s;
    &:hover {
        background: $color_3;
        color: white;
        border-color: $color_3;
    }
    i{
        font-weight: 600;
    }
    &.blanco {
        border: 2px solid #ffffff;
        color: white;
        font-size: 21px;
        padding: 13px;
        background: none;
        &:hover {
            background: $color_3;
            color: white;
            border-color: $color_3;
        }
        i{
            font-weight: 500;
        }
    }
}*/
/*.btn-list {
    background: $color_f;
    height: 56px;
    width: 56px;
    display: grid;
    align-items: center;
    justify-items: center;
    border-radius: 8px;
}*/
.text-center .btn {
  max-width: 320px;
  margin: auto; }

.btn-filter {
  width: 100%;
  height: 48px; }

.btn-short {
  max-width: 168px; }

.btn-usuario {
  position: relative;
  display: grid;
  grid-template-columns: auto 57px auto;
  align-content: center;
  padding: 8px;
  padding-right: 22px; }
  .btn-usuario img {
    width: 34px !important;
    border-radius: 50%;
    display: block; }
  .btn-usuario b {
    color: white; }

.dropdown {
  position: relative; }

/*
* Estilos boton redes footer JOSPEH PADILLA
*/
/*.btn-redes-footer{
    border: 2px solid $color_2;
    color: $color_2;
    &:hover {
        background: $color_2;
        color: white;
        border-color: $color_2;
    }
}*/
/*
BOTONES
*
-----------------------------
*
*/
.button {
  background-color: #00434c;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  transition: 0.3s;
  cursor: pointer;
  width: auto;
  max-width: 200px;
  outline: none;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  outline: none;
  /* modificadores */
  /*--------------------*/ }
  .button--shadow {
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }
  .button--b-radius {
    border-radius: 3px; }
  .button--total width {
    max-width: 100%; }
  .button--altonormal {
    height: auto; }
  .button span {
    margin: 0 6px;
    color: #ffffff; }
  .button i {
    font-size: 22px;
    color: #ffffff; }

/*
    BANNER
    *
    --------------------------------------
    *
*/
.hide{
	display: none;
}
.banner {
  background-image: url("../imagenes/fondobanner.png");
  background-size: cover;
  position: relative;
  padding: 5rem 0; }
  .banner::before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0; }
  .banner__content-general {
    display: flex;
    flex-flow: column;
    gap: 7.4rem;
    margin: 0 4.8rem; }
  .banner__header {
    align-items: center;
    gap: 3rem !important;
    flex-wrap: wrap; }
    .banner__header img {
      height: auto;
      max-height: 54px; }
  .banner__contenido {
    /* height: auto;  se puede modificar */
    display: flex;
    gap: 12rem;
    position: relative;
    /* modificadores */
    /*-----------------*/ }
    .banner__contenido--posicion {
      align-items: flex-end;
      justify-content: space-between; }
    .banner__contenido--wholeScreen {
      height: 100vh; }
  .banner__bloque {
    /* modificadores */
    /*-------------------*/ }
    .banner__bloque--sidecontent {
      text-align: center; }
    .banner__bloque--bloquecenter {
      position: absolute;
      left: 50%;
      bottom: 50%;
      transform: translate(-50%, 50%);
      color: #ffffff;
      z-index: 2; }
  .banner__mensaje {
    margin-bottom: 18px;
    /* se puede modificar */
    margin-right: 0rem; }
    .banner__mensaje h1, .banner__mensaje h2 {
      font-size: 2rem;
      /* se puede modificar */ }
    .banner__mensaje h2 {
      font-size: 10rem;
      line-height: 8rem;
      font-weight: 800;
      color: #00434c;
      margin-bottom: 1.2rem; 
letter-spacing: -10px;}
    .banner__mensaje h1 {
      font-weight: 700;
      color: #1a1a1a;
line-height: 1;
margin-bottom: 1.2rem}
      .banner__mensaje h1 strong {
        color: #00434c;
        font-weight: 900; }
    .banner__mensaje hr {
      margin: 1rem 0;
      padding: 0; }
    .banner__mensaje p {
      color: #ffffff; }
  .banner__action {
    padding: 8px 0;
    /*display: flex;
    justify-content: center;*/ }
    .banner__action .button i {
      font-weight: normal; }
  .banner__imagen img {
    width: 262px;
    display: block; }
  .banner__form {
    width: 100%;
    height: 100%;
    align-items: end; }
    .banner__form--mostrar {
      display: flex; }
  .banner__groupimg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px; }
    .banner__groupimg p {
      color: #1a1a1a;
      font-size: 25px;
      font-weight: bold; }
    .banner__groupimg img {
      max-height: 76px; }

.owl-banner {
  position: relative;
  /*.owl-nav, .owl-dots{
      position: absolute;
  }
  .owl-nav{
      width: 100%;
      left: 0;
      top: 50%;
      transform: translate(0px, -50%);
      justify-content: space-between;
      padding: 0 25px;
  }
  .owl-dots{
      bottom: 20px;
      left: 50%;
      transform: translate(-50%, 0px);
  }*/ }
  .owl-banner .banner__bloque--bloquecenter {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translate(0px, 50%);
    color: #ffffff; }

/*==============================================*/
.vs__dropdown-toggle {
  padding: 0 !important; }

span.vs__selected {
  position: absolute; }

input.vs__search {
  margin: 0; }

.input-filter {
  padding: 0 14px 0 0 !important; }

.header-filter .grid-datos {
  display: grid; }

@media (max-width: 1160px) {
  /*.menu.wow.fadeIn ul {
      display: none;
  }
  header .grid-header .menu {
      display: grid;
      grid-template-columns: 1fr auto auto;
      justify-items: right;
      grid-gap: 20px;
  }*/ }
@media (max-width: 1150px) {
  .section-enfoque:before {
    width: 100% !important;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important; }

  .banner__mensaje {
    margin-right: 0rem !important; }
  .banner__form--mostrar {
    display: none; }

  .form--mostrar {
    display: grid !important; } }
@media (max-width: 920px) {
  .banner__mensaje h2 {
    font-size: 7rem !important; }

  .director__imagen img {
    width: 100% !important; }

  .malla__descripcion {
    padding: 2.5rem 2rem !important;
    gap: 3.2rem !important; }
  .malla__curso--info {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1rem !important; }
  .malla__curso--img {
    width: 100% !important;
    justify-content: center !important; }

  .section-grado {
    /*&:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8) !important;
        //background: linear-gradient(90deg, rgba(0,0,0,0.8) 42%, rgba(0,0,0,0.19) 90%);
        top: 0;
        left: 0;
    }*/ } }
@media (max-width: 850px) {
  .banner__header img {
    max-height: 42px !important; }
  .banner__groupimg img {
    max-height: 45px !important; } 

	.imagen_enfoque img {		
    width: 100% !important;
}

}

@media (max-width: 550px) {
	.banner__mensaje > img{
		width: 225px !important;
	}
	
	.banner__content-general {
		gap: 2.4rem !important;
	}
	
	.banner__mensaje h1 {
        font-size: 18px !important;
    }
	
	.banner__mensaje h2 {
		line-height: 5rem !important;
	}
	
	.datos-mba ul li {
		gap: 0.8rem !important;
	}
	.datos-mba ul li i {
    font-size: 1.8rem !important;
}
	
	.datos-mba__detalle p {
    	font-size: 20px !important;
	}
	
	.datos-mba__detalle p strong {
		font-size: 23px !important;
		font-weight: 900 !important;
	}
	.banner__action .button{
		max-width: 180px !important;
    	height: 40px !important;
	}
	
	.button span {
    font-size: 16px !important;
}
	
}

@media (max-width: 720px) {
	
	.img-banner-responsive {
    display: block !important; }

  .img-banner {
    display: none !important; }
	
	.imggrado img {
    width: 290px !important;
}
	.banner__content-general{
		margin: 0 0.8rem !important;
	}
	.requisitos__content img {
    width: 100% !important; }
  .enfoque__banner {
    background-position-x: left !important; }

  .title h4 {
    font-size: 30px !important; }

  .banner__mensaje h1 {
    /*font-size: 25px !important;*/ }
  .banner__groupimg p {
    font-size: 22px !important; }

  p {
    font-size: 17px !important; }

  .director__imagen {
    margin-bottom: 0.8rem; }
    .director__imagen img {
      width: 235px !important;
      margin: auto; }

  .enfoque__title {
    margin-top: 3rem; }
	.imagen_enfoque img {	
	  max-width: initial !important;
}
  .enfoque__informacion img {
	  max-width: 320px !important;
    margin: 2.8rem 0 1.7rem 0 !important; }

  .perfil {
    padding: 3.2rem 0 !important; }
    .perfil__video {
      position: relative !important;
      width: 100% !important; }

  .section-registrarse {
    padding: 2rem 0; }

  .line-vertical {
    width: 100% !important;
    height: 3px !important;
    margin: 0 !important; }

  .registrarse {
    padding: 0 !important; }
    .registrarse p {
      font-size: 22px !important; }

  .footer__logos {
    margin-bottom: 2.8rem; }
  .footer__contact {
    margin-top: 0rem !important; }
    .footer__contact--start, .footer__contact--center, .footer__contact--end {
      justify-content: flex-start !important; }

  .tarifa__Regular .name_cuotas > span {
    position: relative !important;
    top: initial !important;
    left: initial !important;
    width: 100% !important;
    border-radius: 50px; }

  .tarifario__inversion {
    display: grid !important; }

  .tarifa .name_cuotas_tarifa > span {
    display: block !important; }

  .bandera-pasantia {
    display: grid !important; } }
@media (max-width: 480px) {
  .img-100 {
    width: 100%; } }
/*
*
    ESTILOS DE FORMULARIO
*
*/
.form {
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
  /* modificadores */
  /*====================*/ }
  .form--centered {
    width: 50%;
    margin: auto;
    border: 1px solid black;
    padding: 20px 32px; }
  .form--fondo {
    background-color: #ffffff;
    width: 100%;
    padding: 1.8rem;
    border-radius: 5px;
    display: grid;
    row-gap: 12px;
    /*height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;*/ }
  .form--mostrar {
    display: none; }
  .form__group {
    grid-gap: 12px; }
  .form__contentText h3 {
    font-size: 22px;
    font-weight: bold;
color:#deb17c         }
  .form__contentText p {
    margin-bottom: 1rem; }
  .form .input-group {
    display: flex;
    flex-direction: column;
    /* modificado */
    /*=================*/ }
    .form .input-group--requerido .input-group__input {
      border: 1px solid #dc3545; }
    .form .input-group--requerido .input-group__validar {
      color: #dc3545; }
    .form .input-group__label {
      font-size: 14px;
      padding-bottom: 5px; }
    .form .input-group__input {
      border: 1px solid #DBDBDB;
      border-radius: 5px;
      height: 42px;
      margin-bottom: 12px;
      padding: 0 5px;
      outline: none;
      background-color: #FAFAFA; }
    .form .input-group__validar {
      font-size: 11px; }
    .form .input-group__select {
      height: 42px;
      border: 1px solid #DBDBDB;
      border-radius: 5px;
      padding: 0 5px;
      outline: none;
      background-color: #FAFAFA; }
    .form .input-group__text-area {
      height: 85px;
      outline: none;
      padding: 8px 10px;
      border: 1px solid #c2c2c2;
      border-radius: 3px; }
  .form__checkbox {
    margin: 8px 0; }
    .form__checkbox .checkbox {
      display: flex; }
      .form__checkbox .checkbox__input {
        margin-right: 8px; }
      .form__checkbox .checkbox__help {
        font-size: 14px; }
        .form__checkbox .checkbox__help a {
          color: #4e73bf;
          text-decoration: revert; }
  .form__action button {
    width: 100%;
    background-color: #00434c;
    color: #ffffff;
    border: none;
    height: 45px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer; }
  .form__success span {
    display: block;
    font-size: 14px;
    border-radius: 3px;
    background-color: #17a362;
    color: #ffffff;
    margin-top: 10px;
    padding: 12px 18px; }

/*
    OWL CAROUSEL - GENERAL
    *
    --------------------------------------
    *
*/
.owl-general {
  position: relative;
  display: flex; }
  .owl-general--centrar-navegadores .owl-nav {
    position: absolute; }
  .owl-general--centrar-navegadores .owl-nav {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
    justify-content: space-between !important; }
    .owl-general--centrar-navegadores .owl-nav button {
      margin: 0 !important; }
  .owl-general--bottom-dots .owl-dots {
    position: absolute; }
  .owl-general--bottom-dots .owl-dots {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px); }
  .owl-general .item {
    /*.content{
        p{
            color: #ffffff;
        }
    }*/ }
    .owl-general .item img {
      width: 100%;
      display: block; }
  .owl-general .owl-nav {
    display: flex;
    justify-content: center;
    margin: 0 !important; }
    .owl-general .owl-nav button {
      border: none;
      width: 32px;
      height: 32px;
      display: flex !important;
      align-items: center;
      justify-content: center; }
      .owl-general .owl-nav button:hover {
        background: #196fc0 !important;
        color: #ffffff !important; }
      .owl-general .owl-nav button span {
        display: flex;
        font-size: 10px; }
  .owl-general .owl-dots {
    margin-top: 32px !important; }
    .owl-general .owl-dots .owl-dot {
      padding: 4px;
      background: initial; }
      .owl-general .owl-dots .owl-dot span {
        margin: 5px 0px !important;
        background: #ffffff !important;
        width: 2.6rem !important;
        height: 4px !important;
        border: 1px solid #ECECEC; }
      .owl-general .owl-dots .owl-dot.active span, .owl-general .owl-dots .owl-dot:hover span {
        background: #00434c !important; }

.datos-mba {
  /*background-color: #00434c9c;
  padding: 1.8rem;*/
  border-radius: 15px;
  margin-top: 1.8rem;
	margin-bottom: 2.8rem;
  display: inline-block; }
  .datos-mba ul {
    display: grid;
    gap: 2rem; }
    .datos-mba ul li {
      display: flex;
      align-items: center;
      gap: 1.5rem; }
      .datos-mba ul li i {
        color: #00434c;
        font-size: 3.2rem; }
  .datos-mba__detalle p {
    font-size: 25px ;
color: #1a1a1a;}
    .datos-mba__detalle p strong {
      color: #1a1a1a;
      font-size: 35px; }

/* OWL CARROUSEL */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-dot {
    border: 0; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Green theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #4DC7A0;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #4DC7A0; }

/*===========================================================================================================
=============================================================================================================*/
*, div {
  font-family: 'NHaasGroteskDSPro-55Rg', Arial;
  text-decoration: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333333;
  scroll-behavior: smooth; }

img {
  display: block; }

body {
  background-color: #F8F9FA; }

.relative {
  position: relative; }

p {
  font-size: 18px; }

.flex {
  display: flex; }

.grid {
  display: grid; }

.content--center {
  align-items: center; }
  .content--center i {
    color: #00B7BD;
    font-size: 35px; }

.m-bloque {
  margin-top: 12px; }
  .m-bloque > p {
    margin-bottom: 0.4rem; }
  .m-bloque .resaltar p {
    font-size: 24px;
    font-weight: bold; }

.none {
  display: none; }

.title {
  margin-bottom: 1.2rem; }
  .title h4 {
    font-size: 38px;
    position: relative;
    font-weight: 800;
    line-height: 30px;
    /*&:before{
        content: '';
        position: absolute;
        width: 6px;
        height: 100%;
        background-color: $color_1;
        border-radius: 5px;
        top: 0;
        left: 0;
    }*/ }
  .title--centrar {
    display: flex;
    justify-content: center; }
  .title--white h4 {
    color: #ffffff; }
  .title--textcenter {
    text-align: center; }
  .title--line-white h4:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #00B7BD;
    border-radius: 5px;
    top: 0;
    left: 0; }
  .title--strong-color h4 strong, .title--strong-color h3 strong {
    color: #deb17c;
    font-weight: 900; }

/* INFORMACION */
.info {
  position: fixed;
  bottom: 9px;
  left: 3rem;
  z-index: 10; }
  .info a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 25px;
    color: #ffffff;
    background-color: #00b7bd;
    font-weight: bold; }

/*===========*/
/* WhatsApp */
.btn-what {
  position: fixed;
  bottom: .6rem;
  right: 1.5rem;
  z-index: 10; }
  .btn-what a {
    background-color: #00E676;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 62px;
    height: 62px; }
    .btn-what a i {
      font-size: 42px;
      color: #ffffff; }

/*=============*/
/*
===========================
SECTION DIRECTOR
*/
.section-director {
  margin-top: 3.9rem; }

.director__name {
  display: grid;
  height: 100%;
  align-content: center; }
  .director__name h2 {
    font-size: 38px;
    color: #deb17c;
    font-weight: 900; }
.director__imagen img {
  width: 100%;
  border: 0.8rem solid #f8f9fa;
  border-radius: 100%;
  margin-bottom: -3rem;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }
.director__title {
  margin-bottom: 1.5rem; }
  .director__title h2 {
    font-size: 28px;
    font-weight: bold; }
  .director__title span {
    font-size: 15px;
    color: #00B7BD;
    font-weight: bold; }
.director__content {
  display: grid;
  align-content: center;
  height: 100%;
  background: #efefef;
  padding: 4.2rem 3rem 2.5rem;
  border-radius: 25px; }
  .director__content p {
    color: #00434c;
    margin-bottom: 0.8rem; }

/*===================*/
/*
===========================
SECTION BENEFICIOS
*/
.section-beneficios {
  margin-top: 3.9rem; }

.beneficios__content {
  position: relative;
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  border: 1px solid #ECECEC;
  text-align: center;
  height: 255px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }
.beneficios__icon {
  margin-bottom: 2.5rem;
  display: grid;
  justify-content: center;
  background: #00434c;
  padding: 2rem 0 0 0; }
  .beneficios__icon span {
    padding: 15px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background: #ffffff;
    border: 3px solid #00434c;
    margin-bottom: -20px; }
    .beneficios__icon span i {
      color: #deb17c;
      font-size: 38px; }
.beneficios__title h4 {
  font-size: 18px;
  margin-bottom: 8px; }
.beneficios__detalles {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #deb17c42; }
  .beneficios__detalles a {
    color: #deb17c;
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: bold; }

/*===================*/
/*
===========================
SECTION ESTUDIAR
*/
.section-estudiar {
  margin-top: 3.9rem;
  padding: 4.2rem 0;
  background-color: #00434c; }


.section-estudiar .enfoque__banner {
    height: 0px;
}

  .section-estudiar .title {
    /*margin-top: 4.5rem;*/
    margin-bottom: 6rem; }

.estudiar__content {
  display: grid;
  gap: 6px;
  margin-bottom: 1.8rem; }
  .estudiar__content img {
    width: auto;
    max-height: 52px;
    margin-bottom: 1.2rem; }
  .estudiar__content h3 {
    color: #deb17c;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 0.4rem; }
  .estudiar__content p {
    color: #ffffff; }

/*.slider-estudiar{
    margin-top: 5rem;
    .item{
        .estudiar{
            &__content{
                display: grid;
                gap: 6px;
                margin-bottom: 20px;
                img{
                    width: auto;
                    max-height: 52px;
                }
                h3{
                    color: $color_1;
                }
            
                p{
                    color: #ffffff;
                }
            }
        }
    }

    .owl-dots{
        margin-top: 2rem !important;
        button{
            span{
                border: inherit !important;
            }
        }
    }
}*/
/*===================*/
/*
===========================
SECTION ENFOQUE
*/
.section-enfoque {
  /*background-position-x: right;
  background-position-y: top;*/
  background-size: cover;
  position: relative; }
  .section-enfoque:before {
    content: '';
    position: absolute;
    background-color: #00434c9e;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    /*border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem; */}

.enfoque__banner {
  height: 550px;
  background-position-x: right;
  background-position-y: top;
  background-size: cover;
  /*img{
      width: 100%;
      max-height: 510px;
      object-fit: fill;
  }*/ }
.enfoque__content {
  padding: 6.2rem 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative; }
  .enfoque__content p {
    color: #ffffff;
    margin-bottom: 1rem; }
    .enfoque__content p strong {
      color: #ffffff; }
.enfoque__informacion img {
  /*max-height: 58px;*/
  max-width: 400px;
  margin: 3rem 0 2.2rem 0; }
.enfoque__informacion .grado__list {
  margin: 18px 0; }
  .enfoque__informacion .grado__list p {
    font-weight: bold; }
.enfoque__informacion span {
  color: #ffffff;
  font-size: 12px; }
.enfoque__title {
  position: relative;
  display: flex; }
  .enfoque__title h3 {
    color: #deb17c;
    padding: 12px 22px;
    font-size: 22px;
    position: relative; }
    .enfoque__title h3:before {
      content: "";
      position: absolute;
      width: 57px;
      height: 100%;
      left: -3px;
      top: -3px;
      border-top: 3px solid #deb17c;
      border-left: 3px solid #deb17c;
      border-top-left-radius: 10px; }
    .enfoque__title h3:after {
      content: "";
      position: absolute;
      width: 57px;
      height: 100%;
      right: -3px;
      bottom: -3px;
      border-bottom: 3px solid #deb17c;
      border-right: 3px solid #deb17c;
      border-bottom-right-radius: 10px; }

/*===================*/
.section-acordeon {
  padding: 5.5rem 0; }

.accordion {
  padding-top: 30px; }

.accordion__item {
  /*border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;*/ }

.accordion__title {
  font-size: 16px;
  font-weight: 500;
  padding: 1rem 0rem 1rem 1.5rem;
  cursor: pointer;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-weight: 700;
  background: #eaeaea;
  margin: 0.8rem 0;
  border-radius: 8px; }

.accordion__title:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #00434c;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%); }

.accordion__title .icono-acordeon {
  transition: 0.3s;
  transform: rotate(0deg);
  color: #00434c;
  font-size: 28px;
  padding: 0 10px; }

.accordion__title .icono-acordeon.active {
  transform: rotate(-180deg); }

.accordion__title span {
  color: #00434c; }

.accordion__copy {
  display: none;
  padding: 1.8rem;
  background: #00434cd1;
  border-radius: 15px;
  margin-bottom: 2rem; }

.accordion__copy.editar p {
  color: #ffffff;
  margin: 0; 
	margin-bottom: 10px;
}

.accordion__copy.editar a {
  color: #00b7bd;
}

.accordion__copy--open {
  display: block; }

.editar p, .editar ol {
  margin-bottom: 1.2rem; }

.editar ol li {
  margin-bottom: .8rem;
	color: #ffffff;
}

.accordion__copy ul {
  margin-top: 0.8rem;
  margin-left: 1rem; }
  .accordion__copy ul li {
    color: #ffffff; }

.editar strong {
  color: #00b7bd; }

/*
===========================
SECTION GRADOS ACADEMICOS
*/
.grado__descripcion {
  display: grid;
  gap: 12px; }

.grado__content {
  margin-top: 2rem;
  display: grid;
  gap: 1.8rem; }

.grado__bloque {
  display: grid;
  gap: 0.8rem; }

.grado__list .malla__curso--grado {
  margin-bottom: 0.2rem; }

.grado__footer p {
  font-size: 14px; }

/* SECCION PASANTIA */
.section-pasantia{
	padding: 0 0 4.2rem 0;
    background: #00434c;
}
.section-pasantia .enfoque__banner{
	margin-bottom: 3.2rem;
}
.section-pasantia .grado__bloque {
  border-bottom: none !important;
  padding-bottom: 0rem !important; }

.section-pasantia p {
  text-align: justify; 
	color: #ffffff;
}
.section-pasantia ul {
    margin-left: 1.2rem;
}
.section-pasantia ul li {
	color: #ffffff;
}

/*.section-pasantia h4 strong {
    color: #00b7bd;
    font-weight: 800;
}*/
.section-pasantia h5 {
  color: #ffffff;
  font-size: 25px; }

.section-pasantia h2 {
  color: #deb17c;
  font-size: 20px;
  margin-top: 1.2rem; }

.bloque-diploma {
  margin-top: 1.2rem; }

.bloque-diploma h2 {
  margin: 0; }

.bloque-diploma:before {
  content: '';
  position: absolute;
  border-top: 2px solid #deb17c;
  border-left: 2px solid #deb17c;
  width: 75px;
  height: 70%;
  left: 0;
  top: 0;
  border-top-left-radius: 15px; }

.bloque-diploma:after {
  content: '';
  position: absolute;
  border-bottom: 2px solid #deb17c;
  border-right: 2px solid #deb17c;
  width: 75px;
  height: 70%;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 15px; }

.bloque-diploma {
  margin-top: 1.2rem;
  position: relative;
  padding: 18px 25px; }

.content-list {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  flex-wrap: wrap; }

.items-general {
  border: 2px solid #deb17c;
  width: 150px;
  height: 100px;
  padding: 15px;
  text-align: center;
  display: grid;
  align-items: center;
  border-radius: 10px; }

.items-general p {
  text-align: center; }

.items-general strong {
  color: #deb17c;
  font-size: 20px;
  margin-bottom: .3rem; }

.bandera-pasantia img {
  position: relative;
  width: 70px; }

.bandera-pasantia {
  display: flex;
  align-items: center;
  gap: 1rem; }

/*===================*/
/*
===========================
SECTION PERFIL
*/
.section-perfil {
  background-color: #ffffff;
  position: relative;
  border-bottom: 5px solid #00434c; }

.perfil {
  padding: 5.2rem 0; }
  .perfil .title {
    margin-bottom: 2rem; }
  .perfil__description {
    margin-top: .8rem;
    margin-bottom: 1.2rem; }
  .perfil__action {
    margin-top: 2.5rem; }
  .perfil__video {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 42%; }
    .perfil__video .capa {
      position: relative;
      height: 100%; }
      .perfil__video .capa::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 67, 76, 0.53);
        top: 0;
        left: 0; }
      .perfil__video .capa a {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        right: 0; }
        .perfil__video .capa a span {
          background-color: #00B7BD;
          padding: 18px;
          border-radius: 100%; }
    .perfil__video img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

/*===================*/
/*
===========================
SECTION MALLA
*/
.section-malla {
  margin: 4.5rem 0; }
  .section-malla .title {
    margin-bottom: 3rem; }

.malla__titulo {
  background: #00434c;
  padding: 0.9rem;
  text-align: center;
  font-size: 19px; }
  .malla__titulo h4 {
    color: #ffffff; }
.malla__curso {
  display: flex;
  border-bottom: 1px solid #E8E8E8;
  align-items: center;
  padding: 15px 1.6rem;
  gap: 0.7rem; }
  .malla__curso i {
    font-size: 14px; }
    .malla__curso i.azul {
      color: #07B8FF; }
    .malla__curso i.plomo {
      color: #949494; }
    .malla__curso i.rosa {
      color: #FC6372; }
    .malla__curso i.white {
      color: #ffffff; }
    .malla__curso i.primario {
      color: #00434c; }
  .malla__curso--footer {
    padding: 0px;
    border-bottom: initial; }
  .malla__curso--grado {
    gap: 0.2rem;
    margin-bottom: 0rem; }
    .malla__curso--grado h4 {
      font-size: 19px;
      color: #00B7BD; }
    .malla__curso--grado i {
      font-size: 24px; }
  .malla__curso--docentes {
    margin: 0; }
    .malla__curso--docentes > span {
      padding: 8px;
      background-color: #00434c;
      border-radius: 5px; }
      .malla__curso--docentes > span i {
        font-size: 21px;
        color: #ffffff; }
  .malla__curso--info {
    display: grid;
    grid-template-columns: repeat(1, auto 1fr);
    gap: 3rem; }
    .malla__curso--info img {
      height: 52px; }
  .malla__curso--img {
    width: 292px;
    display: flex;
    justify-content: end; }
  .malla__curso--curso {
    width: 55px; }
  .malla__curso--asu {
    height: 35px !important; }
.malla__info {
  display: flex;
  align-items: center;
  gap: 1rem; }
.malla__content {
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }
.malla__bloque {
  display: grid;
  background: #ffffff; }
  .malla__bloque .malla__curso:last-child {
    border-bottom: inherit; }
.malla__descripcion {
  margin-top: 1.2rem;
  background-color: rgba(255, 255, 255, 0.78);
  padding: 2.5rem 3rem;
  border-radius: 20px;
  display: grid;
  gap: 2rem; }
  .malla__descripcion h4 {
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    font-size: 16px; }

/*===================*/
/*
===========================
SECTION GRADOS ACADEMICOS
*/
.section-certi {
  margin-bottom: 3rem; }
  .section-certi .title h4 {
    color: #deb17c; }

.certi__content {
  height: 100%;
  text-align: left;
  padding: 2rem; }
  .certi__content .beneficios__title h4 {
    color: #00434c;
    font-size: 24px;
    font-weight: 800; }

/*===================*/
/*
===========================
SECTION GRADOS ACADEMICOS
*/
.section-grado {
  padding: 0 0 3.2rem 0;
  background-color: #00434c;
  position: relative;
  /*background-size: cover;    
  background-position-x: center;*/
  /*&:before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      //background: rgb(0,0,0);
      background: linear-gradient(90deg, rgba(0,0,0,0.8) 42%, rgba(0,0,0,0.19) 90%);
      top: 0;
      left: 0;
  }*/ }
  .section-grado p {
    color: #ffffff; }
  .section-grado .enfoque__banner {
    margin-bottom: 3.2rem; }
  .section-grado .malla__curso {
    display: grid;
    margin-bottom: 0.5rem; }
    .section-grado .malla__curso--grado h4 {
      color: #deb17c; }
  .section-grado .malla__curso i.primario {
    color: #deb17c; }
  .section-grado .malla__curso--grado h4 {
    color: #deb17c;
    margin-bottom: 0.6rem;
    font-size: 22px;
    font-weight: 900; }
  .section-grado .grado__lista {
    align-items: center;
    margin-bottom: .6rem; }
    .section-grado .grado__lista i {
      color: #deb17c;
      font-size: 24px;
      margin-right: 0.5rem; }
  .section-grado .grado__bloque {
    border-bottom: 1px solid #ffffff54;
    padding-bottom: 2.2rem; }

.grado__content {
  margin-top: 2rem;
  display: grid;
  gap: 1.8rem; }
.grado__bloque {
  display: grid;
  gap: 0.8rem; }
.grado__list .malla__curso--grado {
  margin-bottom: 0.2rem; }
.grado__footer p {
  font-size: 14px; }

/*===================*/
/*
===========================
SECTION DOCENTES
*/
.section-docentes {
  padding: 3.2rem 0; }

.slider-docentes {
  margin-top: 2.8rem; }

.docentes {
  display: grid; }
  .docentes__content {
    position: relative;
    display: grid;
    gap: 2.5rem;
    padding: 2.2rem;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #ECECEC;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }
  .docentes__descripcion p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    /* para compatibilidad con navegadores basados en WebKit */
    -webkit-line-clamp: 3;
    /* número máximo de líneas a mostrar */
    -webkit-box-orient: vertical;
    /* orientación del contenido */ }
  .docentes__nombre p {
    font-size: 16px;
    font-weight: bold; }
  .docentes__nombre span {
    color: #00B7BD;
    font-size: 15px;
    font-weight: bold; }
  .docentes__moreinfo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: #00434c;
    border-bottom-right-radius: 5px; }
    .docentes__moreinfo i {
      font-size: 32px;
      color: #ffffff; }

/*===================*/
/*===================*/
/*
===========================
SECTION TARIFARIO
*/
/*.section-tarifario{
    margin-bottom: 3.9rem;
}
.tarifario{
    &__titulo{
        margin-bottom: 2.9rem;
        position: relative;
        padding: 1.9rem 0;
        span{
            position: absolute;
            background-color: #ffffff;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            padding: 6px 0rem;
            font-size: 14px;
            font-weight: bold;
            border-radius: 25px;
            border: 1px solid #00b7bd;
            width: 215px;
        }
        p{
            position: absolute;
            bottom: -2.8rem;
            font-weight: bold;
            font-size: 16px;
            left: 50%;
            transform: translateX(-50%);
        }
    }
    &__inversion{
        padding: 16px 2.8rem;
    }
    &__bloque{
        border-radius: 10px;
        box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
    }
}*/
/*===================*/
/*
===========================
SECTION TARIFARIO
*/
.section-tarifario {
  margin: 3.9rem 0; }
  .section-tarifario .title h4 {
    font-size: 40px;
    line-height: initial; }

.puntos {
  margin-top: 2.2rem;
  display: flex;
  justify-content: center; }
  .puntos ul li {
    font-size: 17px; }

.tarifa p {
  font-size: 20px;
  font-weight: bold; }
.tarifa__Regular .precioinversion {
  color: #00434c; }
  .tarifa__Regular .precioinversion span {
    color: #00434c; }
.tarifa__Regular .malla__titulo {
  background-color: #00434c; }
.tarifa__Regular .malla__curso {
  border-bottom: 1px solid #00434c; }
.tarifa__Regular .name_cuotas {
  position: relative; }
  .tarifa__Regular .name_cuotas > span {
    position: absolute;
    top: 0;
    left: -148px;
    z-index: 1;
    padding: 8px 16px;
    background: #ddb27c;
    width: 148px;
    text-align: center;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; }
.tarifa .name_cuotas_tarifa > span {
  display: none;
  padding: 8px 16px;
  background: #ddb27c;
  width: 100%;
  text-align: center;
  border-radius: 50px; }
.tarifa__Lanzamiento .precioinversion, .tarifa__Lanzamiento .malla__titulo {
  color: #deb17c; }
  .tarifa__Lanzamiento .precioinversion span, .tarifa__Lanzamiento .malla__titulo span {
    color: #deb17c; }
.tarifa__Lanzamiento .malla__titulo {
  background-color: #deb17c; }
.tarifa__Lanzamiento .malla__curso {
  border-bottom: 1px solid #deb17c; }
.tarifa__Convenio .precioinversion, .tarifa__Convenio .malla__titulo {
  color: #7f7f80; }
  .tarifa__Convenio .precioinversion span, .tarifa__Convenio .malla__titulo span {
    color: #7f7f80; }
.tarifa__Convenio .malla__titulo {
  background-color: #7f7f80; }
.tarifa__Convenio .malla__curso {
  border-bottom: 1px solid #7f7f80; }
.tarifa__Egresado .precioinversion, .tarifa__Egresado .malla__titulo {
  color: #00B7BD; }
  .tarifa__Egresado .precioinversion span, .tarifa__Egresado .malla__titulo span {
    color: #00B7BD; }
.tarifa__Egresado .malla__titulo {
  background-color: #00B7BD; }
.tarifa__Egresado .malla__curso {
  border-bottom: 1px solid #00B7BD; }

.tarifario__titulo {
  position: relative;
  padding: 0.8rem 30px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .tarifario__titulo span {
    position: absolute;
    background-color: #ffffff;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 0rem;
    font-size: 14px;
    font-weight: bold;
    border-radius: 25px;
    border: 1px solid #00b7bd;
    width: 215px; }
  .tarifario__titulo p {
    position: absolute;
    bottom: -2.8rem;
    font-weight: bold;
    font-size: 16px;
    left: 50%;
    transform: translateX(-50%); }
  .tarifario__titulo h4 {
    color: #ffffff; }
.tarifario__inversion {
  padding: 16px 1.2rem; }
  .tarifario__inversion p, .tarifario__inversion h2 {
    margin: auto; }
  .tarifario__inversion .precioinversion {
    font-size: 2.5rem;
    font-weight: bold; }
    .tarifario__inversion .precioinversion span {
      font-size: initial; }
.tarifario__bloque {
  border-radius: 10px;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); }

/*===================*/
/*
===========================
SECTION REGISTRATE
*/
.section-registrarse {
  background-color: #00B7BD;
  position: relative; }
  .section-registrarse .capa {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #00434c; }

.registrarse {
  padding: 1.8rem 0; }
  .registrarse__programa strong, .registrarse__programa p {
    color: #ffffff; }
  .registrarse__programa strong {
    font-size: 45px; }
  .registrarse__programa p {
    font-size: 18px; }
  .registrarse__mensaje {
    display: flex;
    align-items: center;
    height: 100%; }
    .registrarse__mensaje p {
      color: #ffffff;
      font-size: 25px;
      font-weight: bold; }
  .registrarse__action {
    display: grid;
    align-items: center;
    height: 100%; }
    .registrarse__action a {
      background-color: #ffffff; }
      .registrarse__action a span {
        color: #00434c; }

.line-vertical {
  width: 3px;
  height: 80px;
  background-color: #ffffff;
  margin: 2.8rem auto; }

#botonSubmit {
  background-color: gray;
  /* Color de fondo por defecto */
  color: white;
  /* Color de texto por defecto */ }

#botonSubmit:enabled {
  background-color: #00434c;
  /* Color de fondo cuando está habilitado */ }

#botonSubmit02 {
  background-color: gray;
  /* Color de fondo por defecto */
  color: white;
  /* Color de texto por defecto */ }

#botonSubmit02:enabled {
  background-color: #00434c;
  /* Color de fondo cuando está habilitado */ }

/*=================*/
/*
*
    MODAL
*
*/
#modal-bateria:target {
  opacity: 1;
  pointer-events: auto; }

.modal {
  background-color: rgba(0, 0, 0, 0.85) !important;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  z-index: 500;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(24, 37, 62, 0.78);
  display: grid;
  align-items: center;
  justify-items: center;
  pointer-events: none;
  overflow: hidden; }

.modal__contenido {
  /*background-color: #ffffff;*/
  background-size: cover;
  background-position: center;
  max-width: 650px;
  margin: 0 20px;
  position: relative;
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  overflow: hidden; }

.modal__figura {
  display: block; }
  .modal__figura img {
    width: 100%;
    height: 100%;
    display: block; }

.modal__bloque {
  /*padding: 20px 30px;
  display: grid;*/
  background-color: #ffffff; }

.modal__head {
  display: flex;
  align-items: center;
  justify-content: end;
  background: #00434c;
  position: absolute;
  top: 0;
  right: 0; }
  .modal__head a {
    padding: 5px;
    border-top-right-radius: 5px; }
    .modal__head a i {
      font-size: 30px;
      color: #ffffff; }

.modal__head h2 {
  margin: 0;
  font-size: 18px;
  color: #676767; }

.modal__close {
  font-size: 15px;
  color: #ffffff; }

.modal__img img {
  max-width: 100%; }

.modal__body h2 {
  font-size: 28px !important;
  margin-bottom: 15px; }
  .modal__body h2 strong {
    font-size: 28px !important; }
.modal__body p {
  margin-bottom: 12px; }
.modal__body ul li {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-left: 0; }
  .modal__body ul li img {
    margin-right: 8px;
    margin-top: 4px; }
  .modal__body ul li p {
    margin: 0; }
  .modal__body ul li:before {
    content: initial; }

.modal__action {
  display: grid; }
  .modal__action__item--fila {
    display: grid;
    column-gap: 12px;
    grid-template-columns: repeat(3, 1fr);
    align-items: end; }
    .modal__action__item--fila a {
      font-size: 12px; }
  .modal__action__item .button {
    justify-content: center;
    padding: 12px 28px;
    height: 65px; }
    .modal__action__item .button__body strong {
      font-size: 15px; }

.modal__web {
  max-width: 620px; }

.modal__editar {
  padding-right: 20px;
  max-height: 300px;
  overflow-x: auto; }

/* width */
.modal__editar::-webkit-scrollbar {
  width: 4px; }

/* Handle */
.modal__editar::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px; }

.modal__editar > p strong {
  color: red;
  display: block; }

.modal__editar h3 {
  color: #676767;
  font-size: 18px;
  margin-bottom: 18px; }

.modal__editar.editar ul li {
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative; }

.modal__editar.editar ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #676767;
  border-radius: 50%;
  top: 5px;
  left: 10px; }

.modal__editar--tienda strong {
  color: #676767 !important;
  /*margin-top: 25px;*/
  padding-bottom: 8px !important; }

.modal__editar--tienda p {
  margin-bottom: 5px !important;
  display: flex !important; }

.modal__editar--tienda p a {
  padding-left: 5px;
  color: red; }

.img-modal img {
  margin: auto;
  display: block;
  width: 100%; }

/*=====================*/
/*===============================*/
/*
*  FOOTER
*/
.footer {
  background-color: #0B0B0B;
  padding: 2.2rem 0; }
  .footer p {
    color: #ffffff; }
  .footer__logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem; }
    .footer__logos img {
      max-height: 250px;
      height: 44px; }
  .footer__bloque {
    display: flex;
    gap: 10px;
    align-items: center; }
    .footer__bloque img {
      height: 60px; }
  .footer__contact {
    gap: 0.5rem;
    /*margin-top: 2.2rem;*/ }
    .footer__contact--end {
      justify-content: flex-end; }
    .footer__contact--center {
      justify-content: center; }
    .footer__contact--start {
      justify-content: flex-start; }

/*===========================*/

/*# sourceMappingURL=style.css.map */

.list-opciones {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
    margin-bottom: 1rem;
}

.list-opciones .items-opciones {
    width: 250px;
    overflow: hidden;
    background: #ffffff2e;
    border-radius: 15px;
}

.list-opciones .items-opciones h3 {
    background: #deb17c;
    color: #ffffff;
    padding: 18px;
    text-align: center;
}

.list-opciones .items-opciones p {
    margin: 0;
    text-align: center;
    padding: 10px 0;
}

.enfoque__informacion > h3 strong {
    font-weight: 900;
    color: #ffffff;
    display: inline-block;
}

.enfoque__informacion > h3 {
    color: #ffffff;
    font-size: 42px;
    margin-bottom: 2.5rem;
    line-height: 1;
	position: relative;
}

.enfoque__informacion > h3:before {
    content: '';
    background: #deb17c;
    width: 35%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: -12px;
}

/*=====================*/
.section-requisitos {
  margin-top: 5.2rem;
  margin-bottom: 5.2rem; }

.requisitos__content {
  display: flex;
  gap: 4.2rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .requisitos__content img {
    width: 450px;
    border-radius: 15px; }
.requisitos__information h2 {
  color: #ddb27c;
  font-size: 3.2rem;
  margin-bottom: 1.2rem;
  font-weight: bold; }

/*===============================*/

.footer .asesora {
    margin-top: 2.2rem; }
    .footer .asesora h2 {
      color: #ffffff;
      margin-bottom: 1rem; }
    .footer .asesora ul li {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px; }
      .footer .asesora ul li i {
        color: #00B7BD;
        font-size: 22px; }

.imagen_enfoque img{
	max-width: initial;
	width: 715px;
    margin: auto;
    margin-top: 5rem;
}

.flex.imggrado {
    align-items: center;
	flex-wrap: wrap;
}

.footer__contact img {
    width: 140px;
}

.imggrado img{
	width: 385px;
}

.banner .capa-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .banner .capa-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top; }

.banner .img-banner-responsive {
    display: none; }
  .banner .img-banner {
    display: block; }
.pasantia__uni {
	margin-bottom: 3.2rem;
}
.pasantia__uni img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: bottom;
}