/* VARIABLES */
:root {
    --primary-color: #ED1F26;
    --secondary-color: #AA0A0F;
    --accent-color: white;
    --text-color: black;
    --text-shadow-color: black;
    --background-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
    --background-gradient2: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    --parallax-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0.6138830532212884) 15%, rgba(255, 255, 255, 0) 40%);
    --font-primary: "Ubuntu", sans-serif;
    --font-size-base: 1.8rem;
    --font-size-lg: 2rem;
    --font-size-xl: 8.4rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: bold;
}
/* GENERALES */
html { font-size: 10px; } 
body { font-size: var(--font-size-base); } 

/*.p  {font-style: italic;}*/
/*.p2 {font-style: italic;}*/
/*P   {font-style: italic;}*/



#contenedor-programa .location-b {display:none;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1400px !important; } 
p { font-size: 1.8rem; } 
.p, .p2 { font-size: 1.8rem; } 
.boldb { font-weight: var(--font-weight-bold); color: var(--text-color); } 
.img-z:hover img {transform: scale(1.1);transition: transform 0.5s ease;}
.suspe{width: 100%;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 3; text-overflow: ellipsis; white-space: normal;}
.sec-b {display: flex;align-items: center;justify-content: center;margin-top: 1rem;}
.check span a {text-decoration: underline;}
.bold {font-weight: bold;}

/* ESPACIADOS */
.pt { padding-top: 8rem; } 
.pb { padding-bottom: 8rem; } 
.mt { margin-top: 8rem; } 
.mb { margin-bottom: 8rem; } 
.p { margin-bottom: 1.5rem; } 
.p2 { margin-bottom: 3rem; } 
.ptb { padding-top: 8rem; padding-bottom: 8rem; } 

.default-btn{font-size:1.8rem;}

/* ESTILOS DEL HEADER */
.header .default-btn { background-color: rgba(255, 255, 255, 0.5); border: 2px solid var(--primary-color); border-radius: 35px; padding: 0.4rem 3.3rem; color: var(--text-color); font-size: 2.2rem; font-weight: var(--font-weight-medium); } 
.header .default-btn:hover { background-color: var(--primary-color); color: var(--accent-color); transition: all 0.5s ease; } 
.header .nav-search { display: flex; align-items: center; justify-content: space-between; } 
.header .search-button { font-weight: var(--font-weight-regular); } 
.header .nav-search .text-menu { font-size: 2.2rem; color: var(--text-color); padding-right: 2.8rem; } 
.header .nav-search .text-menu:hover {cursor: pointer;}
.header .search-button svg { position: relative; top: -5px; right: 5px;width: 39px;height: 26px;} 
.sticky .navbar-brand img { width: 60%; margin: 0 auto; } 


/*ESTILOS DEL HEADER 2*/
.nav-menu .offcanvas-body {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.nav-menu .row {width: 90%;}
.nav-menu .logo img {width: 60%;}
.nav-menu h4 {color:var(--primary-color) !important;font-size: 2rem;margin-bottom: 0.5rem !important;}
.nav-menu .hr-t {width: 25%;height: 2px;opacity: 1;background-color: var(--primary-color);color:var(--primary-color);}
.nav-menu ul li a {width: 100% !important;}
.nav-menu ul li a span {width: 100% !important;color:black;font-size: 1.8rem}
.nav-menu ul li a:hover span {color:var(--primary-color);transition: all 0.5s ease; }
.nav-menu ul li {display: flex;align-items: center;justify-content: center;}
.nav-menu ul  {margin-top: 3rem !important;}
/*.nav-menu .enlaces h4 {font-size: 3rem;}*/
/*.nav-menu .enlaces ul li a span {font-size: 2rem;}*/
.nav-menu {padding-bottom: 10rem;}
.nav-menu .enlaces ul li i {font-size: 30px !important;}
.nav-menu .enlaces ul li {padding-left: 35px !important;}
.nav-menu #social {display: flex;flex-direction: row;gap: 1rem;}
.nav-menu #social li {padding-left: 0px !important;}
.nav-menu  ul li i {transform: scale(0.7);}
.nav-menu  ul li img {width: 14px;}
.nav-menu  #social a {width: 40px !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;height: 40px !important;}
.nav-menu  #social a:hover {background-color: var(--primary-color);transform: scale(1.1);transition: all 0.5s ease;}
.nav-menu  #social a i {color: white;}
.clgun.offcanvas.offcanvas-start {background-color: #ffffffdb;}
.navbar-area .navbar .others-option .option-item a {line-height:normal;}

/* BANNER */
#banner {position:relative;}
#banner h1 {font-family: "Ubuntu", sans-serif; text-align: left; line-height: 1; text-shadow: 1px 1px 8px var(--text-shadow-color); } 
#banner .container-fluid { display: flex; justify-content: flex-start; } 
#banner video { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } 
/*#banner:after { background: var(--background-gradient); position: absolute; content: ""; width: 100%; height: 100%; top: 0px; bottom: 0px; right: 0px; left: 0px; } */
.buttons { position: fixed; z-index: 3; right: 0px; bottom: 18rem; display: flex; flex-direction: column; } 
.buttons a { background-color: var(--primary-color); border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 1.9rem; padding-bottom: 1.9rem; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; margin-bottom: 1rem; padding-right: 2.5rem; padding-left: 2.5rem; font-size: var(--font-size-base); } 
.buttons .btn1 { background-color: #E2A808; color: white;border: 1px solid white;} 
.buttons .btn2 { background-color: var(--primary-color); color: var(--accent-color);border: 1px solid white;} 
.buttons .btn3 { background-color: var(--secondary-color); color: var(--accent-color);border: 1px solid white;} 
.buttons .btn1:hover { background-color: var(--secondary-color); color: var(--accent-color); transition: all 0.4s ease; } 
.buttons .btn2:hover, #banner .buttons .btn3:hover { background-color: var(--accent-color); color: var(--primary-color); transition: all 0.4s ease; } 
.owl-nav {position: absolute;top: 50%;left: 0;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);padding: 0 20px;z-index: 10;}
.owl-nav button.owl-prev, 
.owl-nav button.owl-next {background: white;border: none;color: var(--primary-color);font-size: 2rem;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.owl-nav button:hover {background: var(--primary-color) !important;color: white !important;}
.owl-nav button span {display: none;}
.banner-area-2 {position: relative;overflow: hidden;}
.banner-carousel .item {position: relative;height: 100%;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;width:100vw;background-size:cover;background-repeat:no-repeat;}
/*.banner-carousel .overlay {position: absolute;inset: 0;background: linear-gradient(180deg,rgba(255, 255, 255, 0.95) 19%, rgba(255, 255, 255, 0.0) 50%,rgba(255, 255, 255, 0.20) 100%);z-index: 1;}*/
.banner-content {position: relative;z-index: 2;text-align: center;color: #fff;}
#banner .owl-carousel , #banner .owl-carousel .owl-stage-outer, #banner .owl-carousel .owl-item, #banner .owl-carousel .owl-stage {height:100%;}



/* MENSAJE */
#mensaje-1 .section-title {margin-bottom:0px;}
#mensaje-1 h2 { font-family: var(--font-primary); text-align: left; line-height: 1.1; text-shadow: 1px 1px 8px var(--text-shadow-color); font-size: var(--font-size-xl);} 
#mensaje-1 { padding-top: 19rem; padding-bottom: 19rem; } 
.parallax { background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative; z-index: 1; } 
.parallax::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: var(--parallax-gradient); opacity: 1; } 

/* VIDEO */
#video-1 {position:relative;}
#video-1 .col-img { position: absolute; left: 0px; padding: 0px !important;top:0px;bottom:0px;} 
#video-1 .col-img video { width: 100%; height: 80rem; object-fit: cover; } 
#video-1 .col-info { padding-left: 4.8rem; } 
#video-1 .col-info h2 { line-height: 1; } 
#video-1 .col-info .p2 { font-size: var(--font-size-lg); } 
#video-1 .col-info .p-red { color: var(--primary-color); font-weight: var(--font-weight-bold); } 
#video-1 .row { display: flex; align-items: center; justify-content: center; } 
.video-1 .default-btn {background-color: #E2A808; color: white;border:1px solid #E2A808;}
.video-1 .default-btn:hover{background-color:white;color:#E2A808;border-color: #E2A808;transition: all 0.4s ease; }
/* VIDEO 2 */
.video-2 .col-img { right: 0px !important; left: auto !important; } 
.video-2 .video-container { position: relative; width: 100%; margin: 0 auto; overflow: hidden;height:100%;} 
.video-2 .video-preview { display: block; width: 100%; cursor: pointer;height:100%;object-fit:cover;} 
.video-2 .video-player { display: none; width: 100%; } 
.video-2 .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--accent-color); color: var(--primary-color); border: none; border-radius: 50%; width: 7rem; height: 7rem; font-size: 3rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s;z-index:3;} 
.video-2 .video-container:hover .play-button { background-color: var(--primary-color); color: var(--accent-color); transition: all 0.4s ease;cursor:hover;} 
.video-2 video { width: 100%; height: 100%; object-fit: cover; } 
.video-2 .col-info { padding-right: 8.6rem; padding-left: 0px !important; } 
.video-2 .quick-content { padding-left: 0px; } 
.video-3 .default-btn {background-color: #E2A808; color: white;border:1px solid #E2A808;}
.video-3 .default-btn:hover{background-color:white;color:#E2A808;border-color: #E2A808;transition: all 0.4s ease; }

/* EXITO */
#exito::before { background-color: var(--primary-color); } 
#exito .subti { color: var(--accent-color); font-size: var(--font-size-lg); margin-top: 1rem; } 
#exito .section-title { margin-bottom: 2rem; } 
#exito .btn-c { position: absolute; right: 7%; bottom: 10%; } 
#exito .btn-c a { background-color: var(--accent-color); color: var(--primary-color); border-color: var(--accent-color); } 
#exito .btn-c a:hover {background-color: var(--primary-color);color:white;transition: all 0.4s ease;border-color: var(--primary-color);}
#exito .campus-card a{width: 100%;height: 100%;overflow: hidden;display: block;position:relative;z-index:20;}
#exito .campus-card a img {width: 100%;height: 100%;object-fit: cover;}
#exito .campus-card a:hover img {transform: scale(1.1);transition: transform 0.4s ease;}
/*#exito .campus-card a:hover h2, #exito .campus-card a:hover i {color:black;transition:all ease 0.4s;}*/
#exito .programas {background-color:white;color:#212529;}
#exito .programas:hover {color:var(--primary-color);transition: transform 0.4s ease;}
#exito .owl-nav {pointer-events: none;}
/*#exito .owl-nav .owl-prev {left:10%;}*/
/*#exito .owl-nav .owl-next {right:10%;}*/
#exito  .owl-nav button { pointer-events: auto; /* Pero los botones sí funcionan */}



/* ACTUALIDAD */
#actualidad .section-title h2 {margin-bottom:4.8rem;}
#actualidad .content {width: 93%;margin: 0 auto;}
#actualidad .text  h2:hover a{color: var(--primary-color) ;transition: all 0.4s ease;}
#actualidad .leer-mas a {text-decoration: underline;color: var(--paragraphColor);display:flex;align-items:center;justify-content:center;}
#actualidad .leer-mas a:hover{color: var(--primary-color);}
#actualidad .content .p {width: 90%;}
#actualidad .event {margin-bottom: 5rem;}
#actualidad  .text h2 {max-height: 97px;}
#actualidad  .text .p  {max-height: 77.59px;}
#actualidad .event:nth-child(odd) .text::before {left: 0px;right: -15px;}
#actualidad .event:nth-child(odd) .text {text-align: right;display: flex;align-items: flex-end;;flex-direction: column;position: relative;z-index: 3;}
#actualidad .event:nth-child(odd) .text .p {margin-right: 0px;}
#actualidad {border-bottom-left-radius: 5rem;border-bottom-right-radius: 5rem;}

/* ENTERATE */
.enterate::before {background-color: black;opacity: 0.4;}
.enterate {padding-top: 14rem !important;padding-bottom: 9rem !important;position: relative;}
.enterate h3 {color: white;font-size: 4.7rem;}
.enterate .social ul {display: flex;flex-direction: row;list-style-type: none;gap:2.5rem;}
.enterate .social {display: flex;align-items: center;justify-content: center;margin-top: 9.7rem;}
.enterate .social ul li a {background-color: white;width: 6.3rem;height: 6.3rem;display: flex;align-items: center;justify-content: center;border-radius: 10px;font-size: 4rem;color: var(--primary-color);border-radius:50%;}
.enterate .social ul li a:hover i, .enterate .social ul li a:hover img {transform: scale(1.1);transition: transform 0.4s;}
#enterate-f {background-color: var(--primary-color);padding-top: 5rem;padding-bottom: 5rem;}
#enterate-f .row {display: flex;align-items: center;justify-content: center;}
#enterate-f .c-l {display: flex;align-items: center;justify-content: flex-start;gap:1.5rem;}
#enterate-f  .c-r {display: flex;align-items: flex-end;justify-content: flex-end;flex-direction: column;text-align: right;gap: 2rem;}
#enterate-f h3 {color: white;font-size: 2.4rem;margin-bottom: 0px;}
#enterate-f span a {color: white;font-size: 2rem;font-weight: bold;}
#enterate-f .content {width: 90%;margin:0 auto;}
#enterate-f span a:hover img {transform: scale(1.1);transition: transform 0.4s;}

/* RECONOCIMIENTOS */
#reconocimientos .section-title {margin-bottom: 8.8rem;}
#reconocimientos .course-item {box-shadow: none;}



/* METRICAS */


.metricas .metricas__item {display:flex;flex-direction:column;align-items:center;gap:2rem;justify-content:flex-start;}
.metricas .metricas__item-descripcion {display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.metricas .metricas__item-descripcion .metricas__item-descripcion-valor {font-size:5rem;font-weight:bold;line-height: normal;margin-bottom:1.5rem;}
.metricas .metricas__item-descripcion .metricas__item-descripcion-valor:nth-child(1){line-height: normal;}
.metricas .metricas__item-descripcion .metricas__item-descripcion-descripcion {line-height:normal;position:relative;bottom:8px;}
.metricas .metricas__item-imagen  {max-width:38px;}
.metricas .c-img {align-self:center;background-color:white;width:60px;height:60px;min-width:60px;min-height:60px;max-width:100%;max-height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:10px;}


.metricas .col-lg-3:last-child .metricas__item-imagen {transform:scale(0.65);}
.metricas {background-color:var(--mainColor);}
.metricas h2 {color:white;}
.metricas .metricas__item-descripcion-valor {color:white;}
.metricas .p {color:white;}
.metricas .row {display:grid;grid-template-columns:repeat(6, 1fr);}
.metricas .metricas__item h3{color:white;font-size:2rem;margin-bottom:1.5rem;width:100%;text-align:center;}
.metricas .metricas__item  .p {font-weight:normal !important;}


/* FOOTER */
#footer .copy-right-area {background-color: #F5F5F5 !important;padding-top: 2rem;padding-bottom: 2rem;}
#footer .content {display: flex;align-items: center;justify-content: center;text-align: center;color: white;flex-direction: column;}
#footer .n {color: black;}
#footer .content a {color: #7A7A7A;}
#footer .content a:hover{color: var(--primary-color);}
#footer .container {}
#footer .widget-p .d-flex {column-gap:4rem;}
.footer-widget a img {}
#whatsappflotante {position: fixed;bottom: 30px;left: 30px;z-index: 99999;filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));}
#whatsappflotante:hover {opacity: .8;filter: drop-shadow(0px 2px 2px #000);}
#pqrsf {position: fixed;bottom: 80px;right: 23px;z-index: 99999;filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));background-color:var(--mainColor);border-radius:50%;padding:25px;width:60px;height:60px;min-width:60px;min-width:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#pqrsf span {color:white;font-size:1.4rem;}
#pqrsf img {width:auto;max-width:25px;}
#pqrsf:hover {opacity: .8;filter: drop-shadow(0px 2px 2px #000);}


/* BANNER INTERNAS */
.section-banner {position: relative;}
.section-banner .section-info .title {background-color: rgba(237, 31, 38, 0.8);padding: 1.7rem 4rem;margin-bottom: 2.5rem;}
.section-banner .section-info .title.g {background-color: rgba(237, 31, 38, 0.8);padding: 1.3rem 8.5rem;margin-bottom: 2.5rem;}
.section-banner .location ul {background-color: rgba(255, 255, 255, 0.5);display: flex;flex-direction: row;padding: 0.6rem 4.5rem;list-style-type: none;align-items: center;column-gap: 0.1rem;}
.section-banner .location ul li {font-size: 2rem;}
.section-banner .container {position: relative;z-index: 2;}
.section-banner .location span {display: flex;align-items: center;justify-content: center;position: relative;top: -2px;}
.section-banner .location ul i {font-size: 25px;position: relative;top: 2px;}
.section-banner .location ul img {margin-right: 5px;}
.section-banner .location ul .active {color:var(--primary-color);font-weight: bold;}
/*.section-banner:after {background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.0) 70%, rgba(255, 255, 255, 0.20) 100%);position: absolute;content: "";width: 100%;height: 100%;top: 0px; bottom: 0px;right: 0px;left: 0px;}*/
.section-banner h2 {text-align:center;}
.location-b ul {list-style-type:none;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0.3rem;margin-bottom:4rem !important;padding-right:2rem;}
.location-b ul span:first-child {position:relative;bottom:2px;margin-right:0.3rem;}
.location-b ul span {position:relative;bottom:-4px;}
.location-b ul span i {font-size:2.5rem;}
.location-b ul li a {font-size:1.8rem !important;margin-bottom:0px !important;color:black !important;}
.location-b ul li {font-size:1.8rem !important;margin-bottom:0px !important;color:black !important;}
/*.location-b ul li a.active {color:var(--primary-color) !important;}*/
/*.location-b ul li a.active:hover {color:black !important;}*/
.location-b ul li a:hover {color:var(--primary-color) !important;}





/* INTERNA SEDES */
#sedes h2 {color: var(--primary-color);font-size: 3.8rem;}
#sedes .video {position: relative;}
#sedes .title-video {position: absolute;top: 5%;left: 5%;background-color: rgba(255, 255, 255, 0.6);z-index: 2;font-size: 4rem;font-weight: bold;padding: 0.5rem 5rem;color:#212529;display: flex;align-items: center;gap:1.5rem;}
#sedes .video a:hover .title-video {color: var(--primary-color);transition: all 0.4s ease; }
#sedes .row {row-gap: 3.8rem;width: 100%;margin:0 auto;}
#sedes .video-2 .video-container {height: 100% !important;height: 8.3rem;width: 100%;}
#sedes .video-2 .video-container a:hover img {transform:scale(1.1);transition:all ease 0.4s;}
#sedes .video-container .title-video:hover {color: var(--primary-color);}
#sedes .video-container .title-video:hover svg path {fill: var(--primary-color);}
#sedes .section-title-2 {margin-bottom: 8.5rem;}

/* INTERNA DETALLE SEDE */
#sedes-i .section-title-2 h2 {color: var(--primary-color);font-size: 3.8rem;line-height:normal;height:100%;}
#sedes-i h2 {font-size: 2.4rem;text-align: center;line-height: 1.4;}
#sedes-i .p {line-height: 1.4;height: 75.39px;}
#sedes-i .btn {background-color: var(--primary-color);border-radius: 20px;width: 100%;color:white;font-size: 1.8rem;text-decoration: none;padding-top: 1rem;padding-bottom: 1rem;margin-top: 2rem;border: 1px solid var(--primary-color);}
#sedes-i .btn:hover {background-color: white;color:var(--primary-color);border: 1px solid var(--primary-color);transition: all 0.4s ease;}
#sedes-i .content {background-color:#F5F5F5;}
#sedes-i .activities-card {width: 100%;margin:0 auto;}
#sedes-i .activities-card img {border-radius: 0px;}
#sedes-i .content-c {width: 90%;margin:0 auto;}
#sedes-i .activities-card .image {width: 100%;height: 100%;display: block;overflow: hidden;}
#sedes-i .activities-card .image img{width: 100%;height: 100%;object-fit: cover;}
#sedes-i .activities-card .image:hover img{transform: scale(1.1);transition: transform 0.4s;}
#sedes-i .row {row-gap: 5rem;margin:0 auto;}


/* VIDEO BANNER INTERNO */
.section-banner-video {height: 56.5rem;}
.section-banner-video img {width: 100%;object-fit: cover;position: absolute;}
.section-banner-video .section-info {position: absolute;bottom: -183px;left: 4%;padding: 2rem 3rem;background-image: url(../img/all-img/shape-4.png);background-size: cover;background-repeat: no-repeat; background-position: center;background-color: var(--mainColor);max-width: 620px;}
.section-banner-video .section-info h2 {color: var(--whiteColor);font-family: 'Lexend', sans-serif;font-size: 4.8rem;margin-bottom: 0px; text-align: center;}
.section-banner-video .section-info .title {margin-bottom: 0px;}
.section-banner-video:after{background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.0) 70%, rgba(255, 255, 255, 0.20) 100%) !important;}


/* DETALLE PROGRAMA */
#program-1 .info-program {margin-top: 18rem;}

#program-1 .items {list-style-type: none;padding-left: 0px;}
#program-1 .items li {display: flex;flex-direction: row;align-items: center;margin-bottom: 2rem;}
#program-1 .row {align-items:stretch !important;width: 96%;margin:0 auto;}
#program-1 .items li h3 {font-size: 2.2rem;margin-bottom: 0px;line-height: normal;}
#program-1 .items li .content div {font-size: 2.2rem;color:#7A7A7A;line-height: normal;}
#program-1 .items li .img {padding-right: 2rem;}
#program-1 .content-p {margin-top: 5rem;}
#program-1 .content-p h3 {margin-bottom: 2rem;}
#program-1 .content-p {display: flex;row-gap: 3rem;flex-direction: column;}
#program-1 .content-p .p {font-size: 1.8rem}
#program-1 .form h4 {color:var(--primary-color);font-size: 5rem;font-family: var(--font-primary);}
#program-1 .form .sec-t{display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
#program-1 .form h3 {font-size: 2.3rem;}
#program-1 .text-c {color:#7A7A7A;font-weight: normal;}
#program-1 .sec-t {margin-bottom: 2.8rem;}
#program-1 .default-btn {color: white;}
#program-1 .default-btn:hover {color: var(--primary-color);}
#program-1 .check {display: flex;align-items: center;justify-content:center;padding-top: 3rem;padding-bottom: 3rem;gap: 0.7rem;}
#program-1 .check span {color:#7A7A7A;}
#program-1 .check span a {text-decoration: underline;color:#7A7A7A;}
#program-1 .check span a:hover {color: var(--primary-color);}
#program-1 .form {position: relative;}
#program-1 .course-search-box {position: sticky;top:100px;}
#program-1 label {color: var(--paragraphColor);margin-bottom: 10px;}
#program-1 .sena {margin-top: 3rem;display: flex;flex-direction: row;align-items: center;gap:2rem;}
#program-1 .sena img {width: 25rem;height: 100%;}
#program-1 .sena img:nth-child(2) {width: 13rem;}
.conoce-programa {padding-top: 11rem;padding-bottom: 11rem;background-color: #F5F5F5;position: relative;}
.conoce-programa .owl-dots {position: absolute;top: 0px;}
.conoce-programa .about-content-courser{display: flex;align-items: center;justify-content: center;}
.conoce-programa .owl-dots {display: flex;align-items: center;justify-content: center;gap: 2rem;}
.conoce-programa .owl-dot button {font-size: 2rem !important;padding: 2.3rem 8.5rem !important;border-radius: 50px !important;background-color: white !important;color:#212529 !important;}
.conoce-programa .owl-dots .active button {background-color: var(--primary-color) !important;color:white !important;}
.conoce-programa .owl-dots button:hover {background-color: var(--primary-color) !important;color:white !important;}
.conoce-programa .c-programas {margin-top: 20rem;}
.conoce-programa .owl-stage-outer {margin-top: 15rem;border-top: 2px solid rgba(122, 122, 122, 0.3);}
.conoce-programa .plan-estudios h3 {background-color: var(--primary-color);color: white;display: inline-block;padding: 1.3rem 1.5rem;font-size: 2.3rem;margin-bottom: 2.3rem;transform: translateX(2rem);}
.conoce-programa .plan-estudios ul {padding-left:4rem;}
.conoce-programa .plan-estudios {width: 90%;margin:0 auto;}
.conoce-programa .content-items {margin-top: 9rem;}
.conoce-programa .plan-estudios .col-md-3 {display: flex;justify-content: center;}
.conoce-programa ul li {font-size: 1.8rem;margin-bottom: 0.5rem;}
.conoce-programa .requisitos h3 {font-size: 2.4rem;}
.conoce-programa .requisitos .p {font-size: 1.8remcolor:#212529;}
.conoce-programa .financiacion a {width: 100%;height: 100%;display: block;overflow: hidden;}
.conoce-programa .financiacion a img {width: 100%;height: 100%;object-fit: cover;}
.conoce-programa .financiacion a:hover img {transform: scale(1.1);transition: transform 0.7s;}
.conoce-programa .icontec {position: absolute;left: 14%;top:2%;}
.conoce-programa .icontec img {max-width: 150px;}
.becas .p {font-size: 2rem;margin-top: 1.5rem;}
.becas .section-title {margin-bottom: 5rem !important;}
.becas .courses-courser2 img {width: 98%;margin:0 auto;}
.becas .courses-courser2 {width: 93%;margin:0 auto;}
.becas .owl-dots {margin-top: 7rem !important;}



/* QUIÉNES SOMOS */
#quienes-somos-i .p2 {font-size: var(--font-size-lg);}
#quienes-somos-i .text-center {width: 73%;margin:0 auto;}
/*.info-quienes .sec-img {position: relative;background-size: cover;height: 71rem !important;display: flex;align-items: center;}*/


/*.info-quienes .sec-img .quick-content {padding-left: 7rem !important;}*/
/*.info-quienes  .sec-img h2, .sec-img .p {color: white !important;}*/
.info-quienes  .sec-img h2 {font-size: 3rem;margin-bottom: 3rem;}
.info-quienes  .sec-img .p {font-size: 2rem;line-height: 2;}
.info-quienes  .sec-img .quick-content {position: relative;z-index: 2;}
/*.info-quienes .sec-img:nth-child(odd)::after{content: ""; position: absolute;top:0px;bottom:0px;right:0px;left:0px; background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(0,0,0,0.7343312324929971) 100%);}*/
/*.info-quienes .sec-img:nth-child(even)::before{content: ""; position: absolute;top:0px;bottom:0px;right:0px;left:0px; background: linear-gradient(90deg, rgba(0,0,0,0.7343312324929971) 0%, rgba(255,255,255,0) 70%);}*/
.info-quienes .sec-img ul li{position: relative;padding-left: 1rem;font-size: 2rem; margin-bottom: 1.3rem;color:var(--paragraphColor);}
.info-quienes .sec-img ul {list-style-type: disc;}
.info-quienes .sec-img ul li::marker {color:red;list-style-type: disc;}
/*.info-quienes .sec-img ul li:after{content: url('../../img/quienes-somos/check.png');position: absolute;left: 0px;}*/
.info-quienes .sec-img ul {padding-left: 2.3rem;}
/*.info-quienes .sec-img .row {width: 97%;}*/
.info-quienes .quick-content {padding-left: 0px;}
.info-quienes .row {position:relative;}
.info-quienes  .sec-img .row .col-lg-6 {border-bottom:1px solid red;padding-bottom:5rem;}
.info-quienes .logo-f {width:100%;display:flex;justify-content:center;aling-items:center;position:absolute;bottom:-8%;}
.info-quienes .logo-f  .logo-c {width:5rem;min-width:5rem;height:5rem;min-height:5rem;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.info-quienes .logo-f  .logo-c i {color:var(--primary-color);}

/* QUE NOS DIFERENCIA */

#que-diferencia .el-c:nth-child(odd) .col-img {left: 0px !important;right: auto !important;}
#que-diferencia .el-c:nth-child(even) .col-img {right: 0px !important;left: auto !important;}
#que-diferencia .el-c {position:relative;}
/*#que-diferencia #video-1 .row {height: 43.06rem;}*/
/*#que-diferencia  #video-1 .col-img video {height: 43.06rem;}*/
#que-diferencia .video-2 .quick-content {padding-right: 0px !important;padding-left: 8rem;text-align: left;}
#que-diferencia .video-2 h2 {font-size: 3rem ;margin-bottom: 2.7rem;}
#que-diferencia .video-2 .p {font-size: 2rem;}
#que-diferencia .play-button:hover {cursor: pointer;}
#que-diferencia .play-button {z-index: 3;}
#que-diferencia .video-preview:hover {cursor: default;}
#que-diferencia #video-1 .col-img video {display: inline-block !important;}
#video-1 .row img {    max-width: 100%;height: auto;display: block;width: 100%;cursor: pointer;height: 100%;object-fit: cover;}

/* BLOG Y NOTICIAS */
#blog-noticias-i .row {width: 99%;margin:0 auto;row-gap: 3.5rem;}
#blog-noticias-i .content h3 a {height: 52px;}
#blog-noticias-i .image {display: block;width: 100%;height: 100%;overflow: hidden;}
#blog-noticias-i .image img {width: 100%;height: 100%;object-fit: cover;}
#blog-noticias-i .image:hover img {transform: scale(1.1);transition: transform 0.5s;}
#blog-noticias-i .blog-single-card {width: 96%;margin:0 auto;}



/* DETALLE BLOG Y NOTICIAS */
#d-blog-noticias-i h2 {font-size: 3rem;width: 75%;margin: 0 auto;text-align: center;margin-bottom: 6rem;}
#d-blog-noticias-i .blog-img {margin-bottom: 4.3rem;}
#d-blog-noticias-i .blog-date {margin-bottom: 3rem;}
#d-blog-noticias-i h3 {font-size: 1.9rem;padding-top: 4rem;padding-bottom: 4rem;}
#d-blog-noticias-i ul {list-style-type: none;padding-left: 0px;}
#d-blog-noticias-i ul li {color: #7A7A7A;margin-bottom: 1rem;}
#d-blog-noticias-i .content-blog {width: 93%;margin:0 auto;}
#d-blog-noticias-i .content-blog .social-profile {display:flex;flex-direction:row;gap:10px;}
#d-blog-noticias-i .content-blog .social-profile li a {display: flex !important;justify-content: center;align-items:center;width: 40px;height: 40px;background-color: var(--mainColor);border-radius:50%;color:white;}
#d-blog-noticias-i .content-blog .social-profile {margin-top:2rem;}
#d-blog-noticias-i .content-blog .text-c {font-weight:bold;font-size:1.7rem;margin-top:3rem;display:block;}
#d-blog-noticias-i .content-blog .social-profile li a:hover {background-color:#E2A808;transition:all ease 0.4s;}

/* INSCRIBETE */
#form-i {background-size: cover;position: relative;}
/*#form-i::before{background-color: black;content: "";width: 100%;height: 100%;position: absolute;opacity: 0.4;top:0px;bottom:0px;right:0px;left:0px;}*/
#form-i .container-fluid {position: relative;z-index: 3;}
#form-i {background-size: cover;}
#form-i .title-f {text-align: center;color:black;margin-bottom: 7rem;}
#form-i .title-f h2 {font-size: 3.8rem;margin-bottom: 2.5rem;}
#form-i .title-f .p {color: black;font-size: 2rem;}
#form-i  .form {width: 95%;}
#form-i  .form .course-search-box {border-radius: 10px;}
#form-i .form-control {font-size: 1.8rem}
#form-i select {font-size: 1.8rem}
#form-i .search-key {width: 93%;margin:0 auto;}
#form-i  textarea {height: 22rem !important;}
#form-i .check {display: flex;align-items: center;justify-content: center;padding-top: 3rem;padding-bottom: 3rem;}
#form-i .check input {margin-right: 10px;}
#form-i .default-btn {border-radius: 50px;padding: 1.5rem 4.5rem;}
#form-i .row {align-items:stretch;}
#form-i .row  .col-lg-5 img {position:sticky;top:7rem;}
#form-i .custom-file-label {background-color: var(--primary-color);color: white;padding: 15px 20px;display: inline-block;cursor: pointer;border-radius: 5px;font-family: sans-serif;transition: background-color 0.3s;text-transform: uppercase;font-weight: bold;}
#form-i .custom-file-label:hover { background-color: #45a049;}
#form-i .file-upload {display: none;}
#form-i .file {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;}





/* DIPLOMADOS */
.diplomados .section-title  h2 { color: var(--primary-color); font-size: 3.8rem !important;width: 67%;margin:0 auto;margin-bottom: 7rem !important;height: 100% !important;}
.diplomados .image {position: relative;}
.diplomados .grupo {position: absolute;left: 2%;top:5%;background-color: var(--primary-color);color:white;font-size: 2.3rem;font-weight: bold;padding: 0rem 1.5rem !important;z-index: 2;}





/* PASANTE */
.pasante::before {display: none;}
.pasante  {background-color: white !important;}
.pasante .form {width: 50% !important;position: relative;z-index: 3;padding-bottom: 0rem !important;}
.pasante .img-aside  {position: absolute;left: 0px;z-index:1;bottom:0px;top:0px;}
.pasante .form .course-search-box {width: 83%;margin-left: auto;position: relative;}
.pasante .form h2 {color: var(--primary-color);font-size: 2.3rem;text-align: center;padding-bottom: 4rem;}
.pasante .search-key {width: 100% !important;}
.pasante .infor {padding-left: 9rem;}
.pasante .infor h2 {font-size: 4.8rem;margin-bottom: 6rem;}
.pasante .infor .p {font-size: 2rem;width: 90%;padding-bottom: 3rem;line-height: 1.9;}
.pasante .infor h3 {font-size: 2.4rem;margin-bottom: 3.5rem;}
.pasante .whatsapp {background-color: #4CCA5A;color:white;padding: 1.5rem 3rem; display: inline-block;border-radius: 30px; font-weight: 600;border: 1px solid #4CCA5A;}
.pasante .whatsapp img {padding-right: 10px;}
.pasante .whatsapp:hover {background-color: white;border: 1px solid #4CCA5A;color:#4CCA5A;transition: all 0.5s ease;}
.pasante .file label {color: #7A7A7A;margin-bottom: 1.5rem;}
/*.pasante .container-fluid {padding-bottom: 6.9rem !important;}*/
.pasante .bold {color: #212529;}
.pasante ul li, .pasante ul li a {list-style-type: none;color:#7A7A7A;font-size: 2rem;margin-bottom: 0.8rem;}
.pasante ul li h4 {color:black;font-size:2.2rem;margin-bottom:1.5rem;}
.pasante ul  {padding-left: 0px;margin-bottom: 5rem;}
.pasante .infor {display: flex;}
.pasante .space-t h2 {padding-top: 9rem;}
.pasante .list-s  li {display:flex;flex-direction:column;margin-bottom:2rem;}
.pasante .list-s  li:last-child {margin-bottom:0px;}
.pasante .list-s  li a:hover {color: var(--primary-color);}
.pasante .list-s  li i {color: var(--primary-color);}
.pasante .row {align-items:stretch;}
.pasante .row  .course-search-box {position:sticky;top:7rem;}





/* CONTÁCTENOS */

#contactenos select {font-size: 2rem;color: #7A7A7A;}
#contactenos .check {margin-bottom: 2rem;}
#contactenos .row {width: 100%;margin:0 auto;}
#contactenos h2 {font-size: 4rem;line-height: 1.4;margin-bottom: 2rem;text-align:center;}
#contactForm .row {width: 100%;}
#contactForm .default-btn {padding-left: 7rem;padding-right: 7rem;font-weight: bold;}
#contactenos .img-sede {margin-top: 8rem;}
#contactenos .bxs-whatsapp  svg {position: relative;top: -2px;}
#contactenos .bxs-whatsapp  svg path {fill:var(--primary-color)}
#contactenos .info-details ul li a:hover {color: var(--primary-color);}



/* MENSAJE ENVIADO */
#mensaje-enviado .title {background-color: rgba(237, 31, 38, 0.8);padding: 3rem 2rem; margin-bottom: 2.5rem;display:inline-block;}
#mensaje-enviado {position: relative;display: flex;align-items: center;justify-content:center ;}
#mensaje-enviado .content {position: absolute;padding-bottom: 5.5rem;padding-top: 2rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#mensaje-enviado h2 {color: white;font-size: 4.5rem;text-align: center;line-height: 1.3;}
#mensaje-enviado .img {margin-top: 2rem;}
#mensaje-enviado:before {content: "";position: absolute; width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 19%, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.20) 100%);}
#mensaje-enviado .content a img {max-width:390px;}




/* ERROR */
.error .btn-v {background-color: var(--primary-color);color: white;font-weight: bold;padding: 2rem 3rem;border-radius: 50px;margin-top: 2rem;;border: 1px solid var(--primary-color);}
.error .content  {display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 2rem !important;}
.error .title {background-color: rgba(255, 255, 255, 0.7) !important;}
.error h2 {color: #212529 !important;}
.error .btn-v:hover {background-color: white;color: var(--primary-color);border: 1px solid var(--primary-color);transition: all 0.5s ease;}




/* PAGOS ONLINE */

.pagos-online h3{background-color:var(--primary-color);color:white;font-size:2.4rem;border-radius:50px;padding:1.7rem 3.8rem;padding-left:6rem;border: 1px solid var(--primary-color);}
.pagos-online .item {display:flex;flex-direction:row;align-items:center;position:relative;}
.pagos-online .item img {position:absolute;left:-8.9rem;}
.pagos-online .items {width:95% !important;margin:0 auto;row-gap:18rem !important;}
.pagos-online .item:hover h3 {background-color:white;color:var(--primary-color);border: 1px solid var(--primary-color);transition: all 0.5s ease;}
.pagos-online .item:hover img {transform:scale(0.9);transition: all 0.5s ease;}
.pagos-online .col-img a {display:flex;align-items:center;justify-content:center;}
.pagos-online  .section-title {margin-bottom:15rem !important;}
.pagos-online h2 {color:#212529 !important;}

/* RESPONSIVE */
@media (max-width: 1700px) {
    .container-fluid {max-width: 1300px;}
    .container {max-width: 1300px;}
     html {font-size: 56%;}
    .navbar-area .navbar .navbar-brand img {width:30rem;}
    .nav-menu {padding-bottom: 0rem;}
    .clgun .offcanvas-body .offcanvas-contact-info {margin-top: 1rem;padding-top: 1rem;}
    #mensaje-1 {padding-top: 12rem;padding-bottom: 12rem;}
    .big-bg-2 {height: 81rem;}
    .banner-spacing {padding: 17rem 0;margin-bottom: 8rem;}
    .section-banner-video .section-info h2 {font-size: 4rem;}
    #program-1 .info-program {margin-top: 10rem;}
    .conoce-programa {padding-top: 8rem;padding-bottom: 8rem;}
    .becas .courses-courser2 img {width: 85%;margin: 0 auto;}
    .section-banner .section-info h2.g {font-size: 4.5rem;}
    .pasante .whatsapp img {width:30px;}
    #mensaje-enviado .img {margin-top: 3rem;}
    #mensaje-enviado .img a {display:flex;align-items:center;justify-content:center;}
    #mensaje-enviado .content {padding-top: 3rem;}
    #mensaje-enviado .img img {width:70%;margin:0 auto;}    
    .pagos-online .item {transform:scale(0.9);}
    .pagos-online h3 {font-size: 2.2rem;}
    .enterate {padding-top: 9rem !important;padding-bottom: 5rem !important;}
    #enterate-f {padding-top: 3.5rem;padding-bottom:  3.5rem;}
    #d-blog-noticias-i .content-blog{width:85%;}
    #d-blog-noticias-i h3 {padding-top: 3rem;padding-bottom: 3rem;}
    .error .content {padding-top: 0rem !important;}
    .error .btn-v {padding: 2rem 10rem;border-radius: 50px;font-size: 2.5rem;margin-top: 1.5rem;}
    #video-1 .col-img video {height: 74rem;}
    .pagos-online .section-title {margin-bottom: 8rem !important;}
    .pagos-online .items {row-gap: 8rem !important;}
    .pagos-online .item {transform: scale(0.85);}
    .video-3 .row {height:73rem !important;}
    .sticky .navbar-brand img {width: 60% !important;margin: 0px auto;}
    .manual-c{height:900px;}
}


@media (max-width: 1450px) { 
    .container-fluid {max-width: 1050px !important;}
    .container {max-width: 1050px !important;}
     html {font-size: 52%;}
    .header .search-button svg {top: -3px;}
    .event .content .text h2 {font-size:2.4rem;}.event .content .text span {font-size: 14px;}
    #sedes .title-video {font-size: 3.2rem;text-align:left;}
    #sedes .title-video svg {width:30px;height:30px;}
    .section-banner-video .section-info h2 {font-size: 3.7rem;}
    .section-banner-video .section-info {max-width: 560px;}
    #program-1 .form h4 {font-size: 4.3rem;}
    #program-1 .row {width: 100%; }
    .conoce-programa .owl-dot button {padding: 2.3rem 6.5rem !important;}
    .pasante .form .course-search-box {width: 90%;}
    #sedes-i h2 {height: 80px;}
    #blog-noticias-i .content h3 a {height: 60px;font-size: 2rem;}
    #mensaje-enviado .content {padding-top: 10rem;}
    #mensaje-enviado .img img {width: 60%;}
    .pagos-online .item {transform: scale(0.8);}
    .pagos-online .col-img:nth-child(5) h3 {white-space: nowrap;overflow: hidden;   text-overflow: ellipsis;}
    .big-bg-2 {height: 75rem;}
    #mensaje-1 {padding-top: 10rem;padding-bottom: 10rem;}
    .navbar-area .navbar .navbar-brand {max-width: 25rem;}
    .section-title h2 {font-size:4rem;}
    #mensaje-1 h2 {font-size:7rem;}
    .p2 {margin-bottom: 2.3rem;}
    .navbar-area .navbar .others-option .option-item a {font-size: 2.2rem;}
    .pt { padding-top: 8rem; } 
    .pb { padding-bottom: 8rem; } 
    .mt { margin-top: 8rem; } 
    .mb { margin-bottom: 8rem; } 
    .enterate {padding-top: 7rem !important;padding-bottom: 3rem !important;}
    .enterate h3 {font-size: 4.3rem;}
    .enterate .social {margin-top: 5rem;}
    .enterate .social ul li a {transform: scale(0.95);}
    .metricas .metricas__item-descripcion .metricas__item-descripcion-valor {font-size: 4.5rem;}
    .metricas .metricas__item-imagen {transform: scale(0.7);}
    .metricas .col-lg-3:last-child .metricas__item-imagen {transform: scale(0.55);}
    .banner-spacing {padding: 10rem 0;}
    .banner-spacing {margin-bottom: 14rem;}
    #sedes .section-title-2 {margin-bottom: 7rem;}
    .section-banner .section-info h2.g {font-size: 4.3rem;}
    .section-title {margin-bottom: 4.7rem;}
    .activities-card.style-2.style-3 .content {padding: 2.5rem 0;}
    #sedes-i h2 {height: 50px;font-size: 2.3rem;}
    #sedes-i .p {height: 65px;}
    .section-banner-video {height: 40rem;}
    .section-banner-video .section-info {bottom: -200px;}
    #program-1 .items li h3 {font-size: 2.1rem;}
    .section-banner-video .section-info {max-width: 450px;}
    .conoce-programa .content-items {margin-top: 7rem;}
    .conoce-programa .requisitos h3 {font-size: 2.3rem;}
    .conoce-programa .plan-estudios h3 {font-size: 2.2rem;}
    #enterate-f .c-l img {transform:scale(0.8);}
    #enterate-f .c-r img {transform:scale(0.8);}
    .nav-menu .row {width: 95%;}
    #quienes-somos-i .text-center {width: 80%;margin: 0 auto;}
    #que-diferencia .video-2 h2 {font-size: 2.9rem;}
    .pasante .img-aside {width: 35%;height: 100%;object-fit: cover;}
    .pasante .img-aside img {height:100%;object-fit: cover;}
    .pasante .infor h2 {font-size: 4rem;margin-bottom: 3rem;}
    .pasante .infor .p {padding-bottom: 1rem;}
   .pasante .infor h3 {font-size: 2.3rem;margin-bottom: 3rem;}
   .pasante ul {margin-bottom: 3rem;}
   #form-i .title-f {margin-bottom: 4rem;}
   .diplomados .section-title h2 {font-size: 3.7rem !important;}
   #form-i .title-f h2 {font-size: 3.7rem;margin-bottom: 2.3rem;}
   #blog-noticias-i .content h3 a {height: 40px;}
   .blog-single-card .content {padding: 25px;}
   #d-blog-noticias-i .content-blog {width: 90%;}
   #d-blog-noticias-i h2 {font-size: 2.9rem;width: 80%;margin-bottom: 4rem;}
   #d-blog-noticias-i h3 {padding-top: 2rem;padding-bottom: 2rem;}
   #mensaje-enviado .img img {width: 50%;}
   #mensaje-enviado h2 {font-size: 4.1rem;}
   #mensaje-enviado .content {padding-bottom: 0rem; }
   .error .btn-v {padding: 1.5rem 8rem;font-size: 2.1rem;margin-top: 1.3rem;}
   .pagos-online .section-title {margin-bottom: 7rem !important;}
   .pagos-online .items {row-gap: 7rem !important;}
   .pagos-online .item {transform: scale(0.80);}
   .video-3 .row {height:70rem !important;}
    .sticky .navbar-brand img {width: 80% !important;margin: 0px auto;}
    .buttons { bottom: 20rem;}
}



@media (max-width: 1199px) { 
    .container-fluid {max-width: 960px !important;}
    .container {max-width: 960px !important;}
     html {font-size: 52%;}
     .header .search-button svg {top: -2px;}
     .header .search-button svg{width: 30.737px;height: 20.742px;}
     .clgun.offcanvas.offcanvas-start {width: 100%; }
     .pasante .img-aside img {max-width: 70%;height: 100%;object-fit: cover;}
     #sedes-i .p {height: 55.39px;}
     .clgun .offcanvas-body .contact-info li i {top: 8px;}
    .header .search-button svg {height: 21px;}
    .nav-menu #social a {width: 35px !important;height: 35px !important;}
    .video-3 .row {height:69rem !important;}
    .section-banner-video .section-info {bottom: -190px;}
    .section-banner-video .section-info {max-width: 410px;}
    .section-banner-video .section-info h2 {font-size: 3.5rem;}
    .pasante .img-aside img {max-width: 90%;}
    #mensaje-enviado .content {padding-top: 5rem;}
    #mensaje-enviado .img img {width: 45%;}
    .nav-menu #social {display:grid;grid-template-columns:33% 33% 33%;}
}



@media (max-width: 991px) {

     footer  .col-md-6 {width:40%;}
     footer .row {column-gap:8%;justify-content: space-between !important;}
    .widget-l {padding-right: 0px;}
    .manual-c{height:700px;}
    .info-quienes .logo-f {bottom: -4%;}
    .info-quienes .row .col-lg-6:first-child {border:0px;}
    .container-fluid {max-width: 720px !important;}
    .container {max-width: 720px !important;}
    .navbar-collapse {display:block !important;}
    .navbar-area .navbar .others-option .option-item {margin-left: 12px;}
    /*#banner .buttons {bottom: 15rem;}*/
    .navbar-area .navbar .navbar-brand img {max-width: 175px;}
    .nav-menu > .row {width:100%;display:flex;flex-direction:column;}
    .nav-menu .row .col-md-4 {width:50%;max-width:50%;}
    .nav-menu .row { width: 100%;}
    .nav-menu .col-md-4 {margin-top:3rem;}
    .nav-menu .rowf  .col-md-4:nth-child(1),.nav-menu .rowf .col-md-4:nth-child(2){margin-top:48rem;}
    /*.nav-menu .logo img {width: 100%;}*/
    .nav-menu .col-nc {display:none;}
    .nav-menu ul li img {width: 16px;}
    .offcanvas-body .col-md-8 {width:80%;max-width:80%;}
    #video-1 .row {height: 100%;}
    #video-1 .col-img video {height: 100%;}
    .quick-content {padding-left: 3rem;}
    #video-1 .col-info {padding-left: 4rem;}
    #mensaje-1 h2 {font-size: 6.5rem;}
    .video-2 .col-info {padding-right:6.5rem;}
    .enterate .social ul li a {transform: scale(0.9);}
    #enterate-f .c-l img {transform: scale(0.7);}
    #enterate-f .content {width: 100%;}
    #enterate-f .c-l {gap: 0.5rem;}
    .owl-carousel .owl-item img {transform:scale(0.9);}
    #enterate-f .c-r {gap: 0.5rem;}
    #reconocimientos .section-title {margin-bottom: 5rem !important;}
    .metricas .row {display:grid;grid-template-columns:1fr 1fr;}
    .metricas .row .col-lg-3 {width:100%;}
    .metricas .metricas__item-imagen {transform: scale(0.6);}
    .metricas .col-lg-3:last-child .metricas__item-imagen {transform: scale(0.45);}
    .nav-btn {display: inline-block;}
    #sedes .title-video {padding: 0.5rem 2rem;}
    #sedes .title-video {font-size: 2.5rem;}
    .video-2 .play-button {width: 5.5rem;height: 5.5rem;font-size: 2.5rem;}
    #sedes-i .row {width: 100%;}
    .section-banner-video .section-info {left:auto;right:auto;}
    .section-banner-video .section-info h2 {font-size: 3.3rem;}
    #program-1 .course-search-box { position: static; top: auto; margin-top:5rem;}
    .clgun.offcanvas.offcanvas-start {width: 100% !important;}
    #program-1 .form h4 {font-size: 4rem;}
    .conoce-programa .owl-dot button {padding: 1.5rem 3.5rem !important;}
    .conoce-programa .content-items {margin-top: 5rem;}
    #quienes-somos-i .text-center {width: 90%;margin: 0 auto;}
    .info-quienes .sec-img:nth-child(odd)::after {background: black !important;opacity:0.5;}
    .info-quienes .sec-img:nth-child(even)::before {background: black !important;opacity:0.5;}

    #que-diferencia #video-1 .row {height: 100%;}
    #que-diferencia #video-1 .col-img video {height: 100%;}
    #que-diferencia .video-2 .quick-content {padding-left: 6.5rem;}
    .section-banner .section-info {padding: 4rem 2rem;}
    .pasante .form .course-search-box {width: 100%;}
    .pasante .infor {padding-left: 5rem;}
    .pasante .infor .p {width: 100%; }
    #form-i .form .course-search-box{position: sticky;top: 77px;}
    #contactenos .info-details ul li a{word-wrap: break-word;overflow-wrap: break-word;}
    #contactenos h2 {font-size: 3.9rem;margin-bottom: 4rem;}
    .diplomados .section-title h2 {width: 100%;}
    .section-banner .section-info h2.g {font-size: 4rem;}
    .pagos-online .items {width: 100% !important;}
    .pagos-online .item img {width:80px;}
    #sedes h2 {font-size: 3.6rem;}
    .pagos-online h3 {padding: 1.7rem 3rem;padding-left: 2.5rem;}
    .pagos-online .item img {left: -7.5rem;}
    #mensaje-enviado .bg-mensaje {height:600px;object-fit:cover}
    .owl-carousel .owl-item img {transform: scale(1);}
    #banner .owl-nav {padding-left:35%;padding-right:35%;top:70%;}
    footer .row .col-lg-2:last-child .footer-widget {margin-bottom:0px;}
    #form-i .row {row-gap:5rem;}
    #mensaje-enviado h2 {font-size: 3.5rem;}
    #footer .widget-p .d-flex {flex-direction:column !important;gap:18px;}
    .pasante .form {width:100% !important;}
    .contact-content {margin-right:0px;}
     
}



@media (max-width: 767px) {
    .nav-menu #social {display:flex;flex-direction:row;}
     footer  .col-md-6 {width:100%;}
     footer .row {column-gap:0%;justify-content: space-between !important;}
    .footer-widget-info .footer-widget h4::after {width:100%;}
    .buttons {display:none;}
    .manual-c{height:500px;}
    .widget-l {padding-right:0px;}
    .widget-l  a img {max-width:300px;}
    .footer-widget-info {padding-top: 8rem;padding-bottom: 8rem;}
    .widget-p .d-flex {flex-direction:column !important;gap:15px;}
    .container-fluid {max-width: 100% !important;}
    .container {max-width: 100% !important;}
    /*html {font-size: 50%;}*/
    .navbar-area .navbar .others-option .option-item {margin-left: 5px;}
    .header .nav-search .text-menu {font-size: 2rem;padding-right: 2rem;}
    .navbar-area .navbar .others-option .option-item a {font-size: 2.1rem;}
    #banner h1 br {display:none;}
    .navbar-area .navbar .others-option {position: relative;margin-right: 0px; }
    .header .search-button svg{display:none;}
    .navbar-area .navbar .others-option {margin-right: 22px;}
    .navbar-area.style-2 .navbar .navbar-toggler {color: var(--primary-color);}
    .text-menu {display:none;}
    .navbar-area .navbar .others-option .option-item {margin-right:8px;}
    .navbar-area .navbar .navbar-toggler {font-size: 40px;top: 14px;right: 0;font-weight: 400;}
    #banner .buttons {display:none;}
    .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button {font-size: 2rem !important;}
    .responsive-navbar .offcanvas-body .offcanvas-contact-info h4 {font-size:2.3rem;}
    .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-link {font-size:2rem;}
    .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {font-size: 1.9rem;}
    .big-bg-2 {height: 70rem;}
    .banner-content-2 .content h1 {font-size: 5rem;}#mensaje-1 h2 {font-size: 5rem;}
    #video-1 .col-img {position: relative;}
    #video-1 .row {flex-direction: column-reverse;}
    #video-1 .col-info {padding-left: calc(3.8rem* .5);}
    .row>* {padding-right: calc(3.8rem* .5);padding-left: calc(3.8rem* .5);}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: calc(3.8rem* .5);padding-left: calc(3.8rem* .5);}
    #video-1 .row {padding-bottom: 0rem;}
    .video-2 .col-info {padding-right: 0px;}
    .video-2 .row {flex-direction:column !important;}
    #exito {margin-top:7rem;}
    .section-title h2 {font-size: 3.5rem;}
    #exito .section-title {padding-bottom: 6rem;margin-bottom:0rem;}
    .p2 {margin-bottom: 2rem;}
    .owl-carousel .owl-item img {transform: scale(1);}
    #exito .section-title {background-color: var(--primary-color);}
    #exito .campus-card a img {height: 350px;object-fit: cover;}
    .video-3 .row {height: 100% !important;padding-top:0px !important;}
    .mt {margin-top: 7rem;}
    #actualidad .content {width: 100%;}
    #actualidad .event:nth-child(2) .content {display:flex;flex-direction:column-reverse;}
    .event .content .text {padding-bottom:2rem;}
    .enterate {padding-top: 4rem !important;padding-bottom: 4rem !important;}
    .enterate .social ul {display:grid;grid-template-columns:50% 50%;padding-left:0px;}
    .enterate h3 {font-size: 4rem;}
    #enterate-f .c-l {gap: 0px;padding-bottom:1rem;}
    #enterate-f .c-l img {transform: scale(0.6);}
    #enterate-f .c-r {align-items: center;justify-content: center;gap: 2rem;}
    #enterate-f .c-l {justify-content: center;}
    #enterate-f .c-r {gap: 1rem;}
    .owl-carousel .owl-item img {width:50%;margin:0 auto;}
    #reconocimientos .section-title {margin-bottom: 4rem !important;}
    .metricas .row {grid-template-columns: 100%;display: flex;align-items: center;justify-content: center;}
    .metricas .row .col-lg-3 {width: 100%;display:flex;}
    .metricas .metricas__item-descripcion .metricas__item-descripcion-valor {font-size: 4rem;}
    .navbar-area.style-2.sticky .navbar-toggler {top: 9px;color: var(--primary-color);}
    .banner-spacing { padding: 23rem 0 !important;margin-bottom: 0rem !important;}
    .section-banner .section-info .title {padding: 1.7rem 2rem;margin-bottom: 2rem;}
    .section-banner .section-info {padding: 4rem 0rem;}
    #sedes h2 {font-size: 3.4rem;}
    #sedes .video-2 .video-container {height: 100%;width: 100%;}
    #sedes .section-title-2 {margin-bottom: 4rem;}
    #sedes .row {width: 100%;}
    .video-2 .col-img {padding-left:0px !important;padding-right:0px !important;}
    .section-title {margin-bottom: 4rem;}
    #sedes-i .row .col-lg-6 {padding-left:0px !important;padding-right:0px !important;}
    .section-banner-video .section-info {bottom: -10px;}
    .section-banner .section-info {padding: 1rem 0rem;}
    .section-banner-video .section-info h2 {font-size: 3.2rem;}
    #program-1 .items li .content div {font-size: 2rem;}
    #program-1 .content-p h3 {font-size:2rem;}
    #program-1 .content-p h3 {margin-bottom: 1.5rem;}
    #program-1 .form h4 {font-size: 3.7rem;margin-bottom:2rem;}
    #program-1 .form h3 {font-size: 2.1rem;}
    .conoce-programa .owl-dots {flex-direction:column;}
    .conoce-programa .owl-stage-outer {margin-top: 35rem;}
    .about-content-courser .owl-dots .owl-dot button {width:23rem;}
    .conoce-programa .plan-estudios .row {gap:2rem;}
    .conoce-programa .plan-estudios .col-md-3 {justify-content: flex-start;}
    .conoce-programa .requisitos h3 {font-size: 2.1rem;}
    #quienes-somos-i .text-center {width: 100%;}
    .quick-content {padding-left: 0px;}
    .section-banner .location ul li .active{width: 60px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
    .info-quienes .sec-img {height: 100% !important;}
    .info-quienes .sec-img .row {width: 100%;}
    .info-quienes .sec-img .quick-content {padding-left: 0px !important;}
    .info-quienes .sec-img h2 {font-size: 2.8rem;margin-bottom: 2rem;}
    #que-diferencia .video-2 .quick-content {padding-left: 0px;}
    #que-diferencia .el-c:nth-child(even) .row {display:flex;flex-direction:column-reverse !important;}
    #que-diferencia .el-c:last-child {margin-bottom:7rem;}
    #que-diferencia .video-2 h2 {font-size: 2.7rem;margin-bottom: 2rem;}
    #que-diferencia .el-c .col-lg-6:nth-child(2){display:none;}
    #d-blog-noticias-i .content-blog {width: 100%;}
    .p, .p2 {font-size: 1.9rem;}
    .pasante .form {width: 100% !important;}
    .pasante .img-aside {display:none;}
    /*#form-i .container-fluid {padding-top: 7rem;}*/
    .pasante .infor {padding-left: calc(var(--bs-gutter-x)* .5);padding-top:5rem;}
    .pasante .space-t h2 {padding-top: 0px; }
    .pasante .infor h2 {font-size: 3rem;margin-bottom: 2.5rem;}
    .section-banner .section-info {max-width: 100%; }
    #contactenos h2 br {display:none;}
    #contactenos h2 {font-size: 3.5rem; margin-bottom: 3rem;line-height:normal;}
    #form-i .form {width: 100%;margin: 0 auto;}
    #form-i .title-f {margin-bottom: 3rem;}
    .section-banner .section-info .title.g { padding: 1.3rem 2rem;}
    .diplomados .section-title h2 {font-size: 3.5rem !important;}
    .diplomados .section-title h2 {margin-bottom: 4rem !important;}
    #sedes-i .p {height: 60.39px;}
    #blog-noticias-i .blog-single-card {width: 100%;margin: 0 auto;}
    /*#blog-noticias-i .row .col-lg-4 {padding-left:0px;padding-right:0px;}*/
    #blog-noticias-i .row .col-lg-12 {padding-left:0px;padding-right:0px;}
    #d-blog-noticias-i h2 {font-size: 2.8rem;width: 100%;margin-bottom: 3rem;}
    .pagos-online .col-img a {justify-content: flex-start;}
    .pagos-online .item {transform: scale(1);}
    .pagos-online h3 {padding: 1.2rem 3rem;padding-left: 7.5rem;}
    .pagos-online .item img {left: -1.5rem;width: 60px;}
    .pagos-online .items {row-gap: 3.5rem !important;}
    .pagos-online .col-md-2 {display:none;}
    .pagos-online .col-md-1 {display:none;}
    #mensaje-enviado .img img { width: 60%;}
    #mensaje-enviado .img {margin-top: 0px;}
   #banner .owl-nav {top:50%;width:100%;padding-left:1.5rem;padding-right:1.5rem;}

}
.banner-link-overlay{
    position:absolute;
    z-index:99;
    width:100%;
    height:100%;
}