*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--navigation-height:106px;--color-primary:#01026c;--color-secondary:#1f22c2}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-size:18px}.contenedor{width:100%;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:'header header header' 'video video video' 'sectionProgramas sectionProgramas sectionProgramas' 'programasAcademicos programasAcademicos programasAcademicos' 'contactanos contactanos contactanos' 'footer footer footer'}header{width:100%;grid-area:header;height:var(--navigation-height);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#008b8b;padding:.5rem 2rem;overflow:hidden}.brand-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-group h2{color:#fff;font-size:1.8rem}.menuButton{display:none;position:relative;z-index:5}.btn-menu{text-decoration:none}.btn-menu span{color:#f0f8ff;font-size:1.6rem}header nav{padding:1.6rem;width:auto;max-width:700px}header nav a{display:inline-block;color:#fff;text-decoration:none;padding:0 1rem}.videoContainer{position:relative;background:url(../img/cover2.webp) no-repeat;background-size:cover;width:100%;height:90svh;grid-area:video;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem}.videoContainer h3{font-size:clamp(1.6rem,-.854658375rem + 3.836024875vw,3.4rem);color:#fff;font-weight:700;text-transform:uppercase;text-align:center;-webkit-filter:drop-shadow(1px 1px 1px #000);filter:drop-shadow(1px 1px 1px #000)}.actions{text-align:center;z-index:4}.action__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.boton{margin:auto;width:250px;display:block;padding:1rem 2rem;background:rgba(255,255,255,.6);color:#008b8b;font-weight:700;border-radius:50px;text-decoration:none;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}.boton:hover{background:#fff}.boton-inverted{margin:auto;max-width:250px;display:block;padding:1rem 2rem;background:#008b8b;color:#fff;border-radius:50px;font-weight:700;text-decoration:none;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}.boton-inverted:hover{background:#07b1b1}.boton.color-primary{color:#fff}.boton.color-primary:hover{color:#008b8b}.arrow{position:relative;z-index:30;margin-top:1rem;width:100px;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}.arrow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.middleSection{top:-5rem;position:relative;height:90vh;isolation:isolate;padding:2rem 0;grid-area:middleSection;--skew-angle:3deg;--background:linear-gradient(45deg, darkcyan, #629ae4)}.middleSection::after{content:"";background:var(--background);position:absolute;z-index:-1;inset:0;-webkit-transform:skewY(var(--skew-angle));transform:skewY(var(--skew-angle))}.middleSection h2{margin-top:5rem;text-align:center;font-size:2.5rem;color:#fff;margin-bottom:1rem}.flexMiddleContainer{padding:2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left{width:50%;padding-left:1rem}.left p{font-size:2rem;text-align:center;color:#fff;font-weight:700}.video{width:50%;height:50vh;border-radius:15px 0 0 15px}.section-programas{grid-area:sectionProgramas}.programas-academicos{grid-area:programasAcademicos}.contactanos{padding:2rem 0;background-color:#008b8b;grid-area:contactanos}.contactanosHeader{margin-bottom:1rem}.contactanosHeader h1{text-align:center;font-size:3rem;color:#fff}.contactanosBody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.address{width:335px}.addressHeader{padding:1rem 0;color:#fff;text-align:center}.addressBody{width:100%;min-height:300px;text-align:center}.whatsappTitle{margin-top:3rem;margin-bottom:1rem;color:#fff;text-align:center}.telefonoTitle{margin-top:1rem;color:#fff;text-align:center}.telefono{display:inline-block;margin-top:1rem;text-decoration:none;color:#fff}.map{width:335px}.mapHeader{padding:1rem 0;color:#fff;text-align:center}.mapBody{text-align:center}.mapBody a{text-decoration:none;color:#fff}.fbLatestPost{width:335px}.fbLatestPostHeader{padding:1rem 0;color:#fff;text-align:center}.fbLatestPostBody{width:100%}.fbPost{border:none;overflow:hidden;width:100%;height:300px}.social-network{width:335px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-network a>svg{width:50px;-webkit-transition:all ease .5s;transition:all ease .5s;fill:#dedede}.social-network a>svg:hover{fill:#fff}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-area:footer;background:#222;color:#fff;text-align:center;width:100%;height:100px}.footer p a,.footer p a:visited{color:#00b0f0;text-decoration:none}[data-cc]{background:0 0;outline:0;width:200px;border:none;font-family:Arial,Helvetica,sans-serif;color:#777;cursor:pointer;-webkit-transition:all ease-in-out .4s;transition:all ease-in-out .4s}[data-cc]:hover{color:#00b0f0}.section-programas{position:relative}.image-section{width:100%;height:19rem;overflow:hidden}.image-section img{width:110%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:100% 20%;object-position:100% 20%;-webkit-filter:sepia(90%) opacity(70%);filter:sepia(90%) opacity(70%);-webkit-transform:rotateZ(-5deg) translateY(-4rem) translateX(-1rem);transform:rotateZ(-5deg) translateY(-4rem) translateX(-1rem)}.jumbotron{background-color:#fff;border-radius:14px;padding:2rem;max-width:35rem;width:80%;margin:6rem auto 1rem auto;-webkit-box-shadow:0 1px 18px 10px rgba(0,0,0,.25);box-shadow:0 1px 18px 10px rgba(0,0,0,.25)}.jumbotron p{color:gray;text-align:center;margin-bottom:1rem}.main-content{width:100%;position:relative;margin:0 auto;padding:2rem 1rem}.header-container{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo{width:90px;-webkit-transition:all ease .3s;transition:all ease .3s}.regresar-inicio{text-decoration:none;color:gray;letter-spacing:2px}.regresar-inicio:hover{color:#20006e}.title-section{text-align:center;color:#008b8b;font-size:3rem;margin-bottom:1rem;text-transform:capitalize;-webkit-transition:all ease .3s;transition:all ease .3s}.search-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;gap:.25rem;max-width:400px;margin-bottom:1rem}input{font-size:1rem;border:none;border-bottom:1px solid grey;outline:0;height:1.7rem}.search-wrapper label{color:gray;font-weight:700;font-size:1.2rem}.clearInputButton{position:absolute;display:none;top:23px;right:10px;cursor:pointer;font-size:1.4rem}.clearInputButton.active{display:inline}.cursos-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;margin-top:2rem}.card{border-radius:10px;background-color:#fff;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.25);box-shadow:0 1px 10px rgba(0,0,0,.25);padding:.5rem;cursor:pointer}.card .header{margin-bottom:.25rem;text-align:center;color:#008b8b}.card .body{font-size:.8rem;color:#777}.hide{display:none}.course-img{width:100%;-webkit-filter:opacity(90%);filter:opacity(90%);-webkit-transition:all ease .3s;transition:all ease .3s}.course-img:hover{-webkit-filter:opacity(100%);filter:opacity(100%)}[data-load-cards]{display:block;margin:1rem auto;font-size:1.2rem;border:0;padding:1rem;border-radius:30px;background-color:rgba(0,139,139,.5);color:#fff;cursor:pointer;-webkit-transition:background ease-in-out .3s;transition:background ease-in-out .3s}[data-load-cards]:hover{background:#008b8b}.card-actions{display:block;margin:auto}.arrow-svg{display:block;margin:auto;width:100px;height:100px;cursor:pointer;-webkit-transition:-webkit-transform ease .3s;transition:-webkit-transform ease .3s;transition:transform ease .3s;transition:transform ease .3s,-webkit-transform ease .3s}.arrow-svg.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-svg path{stroke:rgba(0,139,139,.527);-webkit-transition:stroke ease .3s;transition:stroke ease .3s}.arrow-svg path:hover{stroke:#008b8b}@media screen and (max-width:900px){.menuButton{display:block}.btn-menu span{color:#f0f8ff;font-size:1.6rem}header nav{background:#008b8b;width:250px;height:40%;right:-100%;padding:1.8rem .5rem;position:fixed;top:var(--navigation-height);-webkit-box-shadow:0 0 10px #878787;box-shadow:0 0 10px #878787;z-index:4;-webkit-transition:all ease-in-out .4s;transition:all ease-in-out .4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.flexMiddleContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.middleSection h2{text-align:center;font-size:2.2rem;color:#fff;margin-bottom:0}.flexMiddleContainer{padding:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left{width:100%;padding-left:0;padding:1rem}.left p{font-size:1.2rem}.video{width:100%;border-radius:0}.contactanosBody{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:540px){header nav{width:50%;height:40%}.boton{margin:auto;width:200px;display:block;padding:.5rem 1.8rem;background:rgba(255,255,255,.6);color:#008b8b;border-radius:20px;text-decoration:none;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}.boton-inverted{margin:auto;width:200px;display:block;padding:.5rem 1.8rem;background:#008b8b;color:#fff;border-radius:20px;text-decoration:none;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}.arrow{width:70px}.actions{bottom:10px}.title-section{font-size:1.8rem}}@media screen and (max-width:440px){.cursos-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:2rem}.logo{width:70px}.brand-group h2{font-size:1.5rem}.title-section{font-size:1.5rem}}