@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*
#programas, #plan-de-estudios, #profesores, #perfiles, #profesores, #espacios {
  position: relative;
  top: 150px;
}*/
h2, h3, h4, h5, h6, span.titulo {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700 !important;
  margin-left: 0;
}
img.filtroBN {filter: grayscale(1);}
/*
.Banner strong {font-size: 1.4rem;}
.Banner h1,
.subtitulo {
  font-family: "Bebas Neue", cursive;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 0.9;
  font-size: 0.9vw !important;
  letter-spacing: 0.1rem;
}
.Banner .subtitulo {
  font-weight: 600;
  line-height: 0.5em;
  font-size: 2vw !important;
}
*/
.Banner .hero-image__body img {width: auto;}
.Banner .hero-image__body img.padac {max-width: 35vw;}
.BannerFinanciacion a img {
  cursor: pointer;
  transition: 0.3s;
}
.BannerFinanciacion a:hover img {
  transform: scale(0.95);
  box-shadow: 10px 10px 20px #c4b5e5;
  transition: 0.3s;
}
.Convenios img {
  filter: invert(0.5);
  margin-bottom: 20px;
}
.FormularioSticky {padding-top: 1.8rem;}
.FormularioSticky .block.block--code {
  background-color: #f9f9f9;
  box-shadow: -2px 0px 10px 6px #00000014;
  padding: 12px 14px;
  position: sticky;
  top: 0;
}
.FormularioSticky .text-long p {margin: 0;}
.FormularioSticky .block.block--form {
  position: sticky;
  top: 0;
}
.FormularioSticky .Confimacion {
  background: rgb(245, 245, 245);
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 36%, rgba(245, 245, 245, 0) 88%);
  padding: 13% 29px;
  position: relative;
  width: 100%;
  left: 0;
  top: -58px;
}
.FormularioSticky .Confimacion a {
  color: #260273;
  font-weight: 600;
  transition: 0.4s;
}
.FormularioSticky .Confimacion a:hover {color: #da0921;}
.FormularioSticky .Confimacion h3 {
  color: #2b2c74;
  font-size: 1.3em;
}
.FormularioSticky .Confimacion hr {
  border: 1px solid#da0921;
  background-color: #da0921;
  opacity: 98;
  width: 9%;
  margin: 0 0 10px;
}
.FormularioSticky .Politicas {
  height: 131px;
  overflow: scroll;
}
.FormularioSticky .SeccionBanner h4 {
  font-size: 29px !important;
  font-weight: 300;
}
.FormularioSticky .SeccionBanner img {
  object-position: center;
  object-fit: cover;
  height: 667px;
  width: 100%;
}
.FormularioSticky .SeccionBanner img .SeccionFormul h5 {
  text-align: center;
  margin-bottom: 0;
  padding: 12px 0 3px;
}
/*.FormularioSticky .SeccionBanner .hero-image__body h1, .hero-image__body .h1 {line-height: 3.3rem;}*/
.FormularioSticky .SeccionFormul .block-bg-blue.block--form > div:nth-child(1) {
  color: lime;
  display: none;
}
.FormularioSticky .SeccionFormul .form-item__textfield {
  border-radius: 4px;
  background-color: #fbf9f9;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid#2c2c2c !important;
}
.FormularioSticky .SeccionFormul .form-item__textfield:focus {border-color: #07004c;}
.FormularioSticky .SeccionFormul .option.js-form-required.form-required.form-item__label {font-weight: 400;}
.FormularioSticky .SeccionFormul .status--error {
  color: var(--c-text);
  background-color: rgb(231 0 0 / 0%);
  border: 1px solid#a70202b8;
  text-align: left;
  background-color: #fcfcfc !important;
  line-height: 1.4em;
  font-weight: 400;
  padding: 2px 0;
  font-size: 0.9em;
  margin-bottom: 9px;
}
.FormularioSticky .SeccionFormul i {color: #da0923;}
.FormularioSticky .SeccionFormul input#edit-actions-submit,
.FormularioSticky .SeccionFormul input.webform-button--submit {
  background-color: #da0921;
  font-weight: 900;
  font-size: 1.1rem;
  transition: 0.5s;
  display: table;
  color: #fff;
  width: 93%;
  margin: auto;
}
.FormularioSticky .SeccionFormul input#edit-actions-submit:hover {background-color: #000f62;}
.FormularioSticky .SeccionFormul input.webform-button--submit:hover {background-color: #000f62;}
.FormularioSticky .SeccionFormul .webform-element-help--title {display: none;}
.FormularioSticky .SeccionFormul h5 {text-align: center;}
.FormularioSticky label {
  padding: 0;
  font-weight: bold;
}
.FormularioSticky .txt-advertencia {
  font-size: 12px;
  margin: 0;
}
.FormularioSticky .txt-advertencia span {color: red;}
.FormularioSticky a {font-size: 0.8rem;}
.FormularioSticky button {
  background-color: var(--main-page-color);
  color: var(--bs-light);
  border-radius: 9px;
  padding: 9px;
  font-weight: 800;
  border: 0;
  margin-top: 21px;
  width: 100%;
}
.FormularioSticky button:hover {background-color: #1c259f;}
.FormularioSticky form {
  background-color: #ffffff;
  box-shadow: 0px 4px 7px #c4c6d769;
  padding-bottom: 1rem;
  /*padding: 0 0px 1px 17px;*/
}
.FormularioSticky .js-form-item {padding: 0;}
.FormularioSticky .SeccionFormul label {
  padding: 0;
  font-weight: bold;
}
.FormularioSticky .txt-advertencia {
  font-size: 10px;
  margin: 0;
}
.FormularioSticky .js-form-item-habeas-data label {
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.FormularioSticky input#AutorizacionUsoDatos {width: 5%;}
.FormularioSticky input,
.FormularioSticky select {
  border: 0;
  color: black;
  border-radius: 4px;
  background-color: #f9f9f9;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #2733cc;
  width: 95%;
  padding: 5px;
  margin: 1px 0 0px;
}
.FormularioSticky .form-item__textfield {
  border-radius: 4px;
  background-color: #fbf9f9;
  width: 100%;
  margin-top: 0.25rem;
  padding: .6em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #2c2c2c;
  vertical-align: bottom;
}
.FormularioSticky .option.js-form-required.form-required.form-item__label {font-weight: 400;}
.FormularioSticky .js-form-item-habeas-data {
  line-height: 1.3;
  margin-top: 1rem;
}
.FormularioSticky input#edit-actions-submit, .FormularioSticky input.webform-button--submit {
  background-color: #da0921;
  font-weight: 900;
  font-size: 1.1rem;
  transition: 0.5s;
  display: table;
  color: #fff;
  width: 100%;
  margin: auto;
  border-bottom: 0 !important;
}
.FormularioSticky .form-actions {
  margin: 1.5rem 0 0;
  padding-bottom: 1.5rem;
}
.Informacion-programa {padding-bottom: 9%;}
.Informacion-programa h1, h4 {color: #000000;}
.Informacion-programa .block--card-grid .card {
  height: 100%;
  padding: 1.5rem;
}
.Informacion-programa .block--card-grid .card p:last-of-type {
  margin-bottom: 0;
}
.Informacion-programa .view.programs-filters .view-content {padding: 0;}
.Informacion-programa .view.programs-filters .view-content .grid--1 {
  justify-content: center;
  align-items: center;
}
.Parrafo {padding: 0 3% 0 0% !important;}
.Redes a:hover {
  color: #6878cf;
  transition: 0s;
}
.Redes i {
  display: inline-flex;
  justify-content: center;
  border: 2px solid #ffffff;
  padding: 10px 20px 32px;
  border-radius: 50%;
  margin-bottom: 6px;
  width: 36px;
  height: 36px;
}
.Redes i:hover {background-color: white;}
.Redes ul {list-style: none;}
.button-modal-cheked__button i {display: none;}
.card-modal-estudiante {
  width: 90%;
  border-radius: 0rem 2rem 2rem 2rem;
  margin: auto;
  overflow: hidden;
}
.card-modal-estudiante img {
  width: 150px;
  border-radius: 100px;
  border: solid 3px #18294c;
  display: table;
  margin: auto !important;
}
.card-testimonial.card-testimonial-- {
  width: 100%;
  overflow: hidden;
  background-image: url('/sites/default/files/2024-04/fd-requisitos_10.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 57px 44px 41px;
}
.card-testimonial.card-testimonial-- .h3-large {
    font-weight: 600;
    font-size: 2rem;
}

.card-testimonial.card-testimonial-- .h3-large img {
    height: 250px;
    margin: auto;
}

h2,
h3,
h4,
h5,
h6,
span.titulo {
    font-family: "Montserrat", sans-serif;
    margin-left: 0;
    font-size: 2.1rem;
    font-weight: 600;
}

h2.heading.section-title__heading {
    font-weight: 600;
}

.header__sticky {
    position: static;
    width: 100%;
}

.header__top {
    position: sticky;
}

.js-form-item {
    padding: 0 4%;
}

input#edit-actions-submit {
    background-color: var(--c-administracion-500);
    color: var(--bs-white);
}
/*
.layout.layout-onecol.text-default {
    position: sticky;
    top: -4px;
    z-index: 1;
}
*/
.mt-lg {
    margin-top: 9%;
}

.pd-md {
    padding: 0;
}
.block.block--2-cols .block.block--button {
    padding: 0 3% 0 0;
}
span.titulo {
    display: table;
    margin-top: 82px;
    margin-bottom: 35px;
}

span.titulo::after {
    content: "";
    height: 4px;
    background-color: var(--main-page-color);
    width: 125px;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: -15px;
}
.grid.grid--3 h2 {
    font-weight: 600;
}
.button-modal-cheked__button button {
    border-radius: 0;
}
.Tituloform i {
    color: var(--c-administracion-500);
}

.button-content, .button-content:hover {
    border: solid 2px var(--main-page-color);
    transition:0.3s;
}
.button-modal-cheked__button button {
		border: solid 2px var(--main-page-color);
    font-weight: 900;
    transition:0.3s;
}
.button-modal-cheked__button button {
		border: solid 2px var(--main-page-color);
    transition:0.3s;
}
.button-modal-cheked__button button:hover {
    text-decoration: none;
}
/* Estilos programa sin formualrio*/
.sinformu#Banner h1 {
    padding-right: 18px;
}
.sinformu .Informacion-programa .block--section-title,
.sinformu .block--text,
.sinformu .splide__track,
.sinformu .block.block--2-cols,
.sinformu .card-carousel__items,
.sinformu .block.pd-md.block--card-grid-person,
.sinformu .block--button,
.sinformu .button-modal-cheked,
.sinformu .Programasrelacionados,
.sinformu .block--accordion,
.sinformu .Credito,
.sinformu .block .block--2-cols,
.sinformu .block--text{
        padding:0;
    }
    .Espaciosaprendizaje img {
    width: 100%;
}
.sinformu#espacios img {
    width: 100%;
}
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-color: var(--main-page-color);
}
button.carousel-control-prev {
    position: absolute;
}

/*Carrusel espacios*/
.card-conferencistas-ur__content__modal-button button {
  color: var(--main-page-color);
  font-weight: 600;
  background-color: transparent;
  border-color: var(--main-page-color);
  border: 2px solid var(--main-page-color);
  transition: 0.3s;
}
.card-conferencistas-ur__content__modal-header {
  background: transparent;
  background-size: cover;
  text-align: center;
  color: #333;
  font-weight: 600;
  font-family: 'Montserrat';
}
.card-conferencistas-ur__content__modal-button button:hover {
  background-color: var(--main-page-color);
  color: #fff;
  transition: 0.3s;
}

/* Estilos programa sin formualrio*/
@media (min-width: 1281px) {
  .page--program .main, .page--program .main-fluid {margin-top: 0;}
}
@media (min-width: 1281px) {
  .page--program .FormularioSticky {top: -23px;}
}
@media (min-width: 944px) and (max-width: 1277px) {
  .FormularioSticky {margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 944px) {
  .FormularioSticky {margin-top: 129px;}
}
@media (min-width: 768px) and (max-width: 1260px) {
  .FormularioSticky .SeccionBanner img {
    object-position: 42% 22%;
    height: 760px;
  }
}
@media (max-width: 1024px) {
  .SeccionBanner img {object-position: 19%;}
  .FormularioSticky .Confimacion {top: -83px;}
}
@media (max-width: 768px) {
  .FormularioSticky .SeccionBanner img {object-position: center;}
  .FormularioSticky.layout-twocol.layout-twocol-75-25 .layout-content {grid-template-columns: 100% 100%;}
  .FormularioSticky.layout-twocol .layout-content {display: block;}
  .FormularioSticky.SeccionBanner .form-item__textfield {width: 100%;}
}
@media (max-width: 767px) {
  .FormularioSticky .SeccionBanner img {height: auto;}
  /*.FormularioSticky .SeccionFormul .hero-image__body h1 {font-size: 2rem !important;}*/
  .FormularioSticky .SeccionFormul .hero-image__body {
    position: absolute;
    top: 39px;
    left: 43px;
  }
  .FormularioSticky .SeccionBanner h4 {
    font-size: 19px !important;
    width: 96%;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .hero-image__body {
    position: absolute;
    top: 68px;
    left: 43px;
  }
  .FormularioSticky .SeccionFormul input#edit-nombres,
  input#edit-apellidos,
  input#edit-numero-de-documento,
  input#edit-celular,
  input#edit-correo-electronico-usuario {width: 100%;}
}
@media (max-width: 600px) {
    .section-title {
        margin-left: 0;
    }
    .block.block--card-grid {
        padding: 0 29px;
    }
    .Prefooter .mt-3 {
        margin-top: -14px;
    }
    .FormularioSticky {
        margin-top: 0;
    }

    .FormularioSticky .hero-image__body br {
        display: none;
    }

    /*.FormularioSticky .hero-image__body h1 {
        font-size: 2.3rem !important;
        line-height: 2.1rem !important;
    }*/

    .hero-image__body {
        position: absolute;
        top: 72px !important;
        left: 43px;
    }
    h2,
    h3,
    h4,
    h5,
    h6,
    span.titulo {
        font-size: 1.5rem;
    }
    .FormularioSticky .Confimacion {
        top: -74px;
    }

    .FormularioSticky .SeccionBanner h4 {
        font-size: 19px !important;
        width: 82%;
    }

    .FormularioSticky .SeccionFormul h5 {
        padding: 30px 0 0;
        text-align: center;
    }

    .FormularioSticky input#edit-habeas-data {
        width: 24px;
        position: relative;
        top: 4px;
    }

    .FormularioSticky .SeccionFormul .js-form-item input {
        width: 100%;
    }
}

@media (max-width: 425px) {
    /*.FormularioSticky .hero-image__body h1 {
        font-size: 2.1rem !important;
        line-height: 2.1rem !important;
        width: 72%;
    }*/
}

@media (max-width: 320px) {
    /*.FormularioSticky .hero-image__body h1 {
        font-size: 1.4rem !important;
        line-height: 1.3rem !important;
    }*/
    .Banner .subtitulo {
        margin: 0;
    }
}

@media (min-width: 300px) {
    /*.hero-image__body h1 {
        font-size: 2.3rem !important;
        width: 80%;
    }*/
    .hero-image__content {
        z-index: 0;
    }
    .Banner .hero-image__content-wrapper {
        align-items: flex-start;
        top: 4px;
        position: relative;
    }
    .block--card-grid,
    .block--card-grid-person,
    .block--views, .Informacion-programa .block--section-title,
    .block--text,
    .splide__track,
    .block.block--2-cols,
    .card-carousel__items,
    .block.pd-md.block--card-grid-person,
    .block--button,
    .button-modal-cheked {
        padding: 0 6% 0 6%;
    }
}



@media (min-width: 200px) {
    .Banner h1,
    .subtitulo {
        margin: 0;
    }
    .Banner .subtitulo {
        line-height: 0em;
        font-size: 4vw !important;
        margin: 0;
    }

    }


@media (min-width: 600px) {
    .hero-image__content {
        z-index: 0;
    }
    .Banner .hero-image__content-wrapper {
        justify-content: flex-start;
        align-items: center;
        position: inherit;
        top: 0;
    }
    .hero-image__body h1 {
        /*font-size: 3.4375rem !important;*/
        width: 100%;
    }
    /*
    .layout.layout-onecol.text-default {
        top: -4px;
    }
*/    
 .Banner h1,
    .subtitulo {
				line-height: 1em;
				margin:0px;
    }
    .Banner .subtitulo {
        line-height: 1em;
        font-size: 4vw !important;
        margin: 0;
    }
    .block.block--2-cols .block--accordion {
        padding: 0 0% 0 0%;
    }
    		.Credito:hover {
			transform: scale(1.1);transition: .5s;
		}
		.Credito {
			transition: .5s;
			cursor: pointer;
		}
}

@media (min-width: 990px) {
    .block--card-grid,
    .block--card-grid-person,
    .block--views, .Informacion-programa .block--section-title,
    .block--text,
    .splide__track,
    .block.block--2-cols,
    .card-carousel__items,
    .block.pd-md.block--card-grid-person,
    .block--button,
    .button-modal-cheked,
    .Programasrelacionados, .block--accordion, .Credito {
        padding: 0 3% 0 6%;
    }
}
@media (min-width: 768px) {
    #menu-sticky {
        position: sticky;
        z-index: 9;
        top: 0;
    }
    /*Imagen nuevos programas*/
    .Banner .hero-image__background-ur img {
        object-position: 21%;
        object-fit: cover;
        height: 592px;
        width: 100%;
    }
    .layout-twocol.layout-twocol-75-25 .layout-content {
        grid-template-columns: 70% 30%;
    }
    /*.hero-image__body h1 {
        font-size: 1.8rem !important;
    }*/
    .Banner .subtitulo {
        font-size: 1.6vw !important;
        line-height: 1.3em;
    }   
}
@media (min-width: 768px) {
  .menu-color-programa-destok {position: sticky;}
  .form-item__label {/*padding: 0.4rem 0 0 0;*/}
  .Informacion-programa .view.programs-filters .view-content .grid--2 {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1281px) {
  .main, .main-fluid {margin-top: 0;}
  /*.hero-image__body h1 {font-size: 2.8rem !important;}*/
  .Informacion-programa	.equipo img {padding: 0 3% 0 10.3%;}
  .page--program .sinformu#programa {top: 0px !important;}
}
@media (min-width: 1400px) {
  .block--card-grid,
  .block--card-grid-person, 
  .block--views, .Informacion-programa .block--section-title,
  .block--text,
  .splide__track,
  .block.block--2-cols,
  .card-carousel__items,
  .block.pd-md.block--card-grid-person,
  .block--button,
  .button-modal-cheked,
  .Programasrelacionados, .block--accordion, .Credito {padding: 0 3% 0 8%;}
  .splide__arrow--prev {left: 9rem;}
}
@media (min-width: 1800px) {
  .layout-twocol.layout-twocol-75-25 .layout-content {grid-template-columns: 75% 25%;}
  .block--card-grid, .block--card-grid-person,
  .block--views, .Informacion-programa .block--section-title,
  .block--text,
  .splide__track,
  .block.block--2-cols,
  .card-carousel__items,
  .block.pd-md.block--card-grid-person,
  .block--button,
  .button-modal-cheked,
  .Programasrelacionados, .block--accordion, .Credito {padding: 0 3% 0 13%;}
  .FormularioSticky .block--text {padding: 0;}
  /*.block--hero .hero-image__body h1, .hero-image__body .h1 {font-size: 4.1rem !important;}*/
  .block--hero .h4, h4 {font-size: 1.9rem;}
}

/*estilos texto banner programas - septiembre 2024 */
/* Inyector CSS: Programa */
/* Estilos generales para tipo de página de programa */
h1.program-title {
  font-family: "Nunito", sans-serif;
  font-size: 1.1rem !important;
  line-height: 1.2;
  text-transform: uppercase;
}
h1.program-title strong {
  font-family: "Bebas Neue", cursive;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
}
@media (min-width: 576px) {
  h1.program-title {font-size: 1.7rem !important;}
  h1.program-title strong {font-size: 2.5rem !important;}
}
@media (min-width: 768px) {
  h1.program-title {font-size: 2rem !important;}
  h1.program-title strong {font-size: 3rem !important;}
}