*{ margin: 0; padding: 0; box-sizing:border-box; transition: all 1s;}


html {scroll-behavior: smooth; min-height: 100%; position: relative;}
a {transition-duration: 0s;}
body {position: relative; background-color: #000000 !important;}


.mt-6 {margin-top: 4rem !important;}
.mt-7 {margin-top: 5rem !important;}
.mt-8 {margin-top: 6rem !important;}
.mt-9 {margin-top: 7rem !important;}
.mt-10 {margin-top: 8rem !important;}

.mb-6 {margin-bottom: 4rem !important;}
.mb-7 {margin-bottom: 5rem !important;}
.mb-8 {margin-bottom: 6rem !important;}
.mb-9 {margin-bottom: 7rem !important;}
.mb-10 {margin-bottom: 8rem !important;}

.ps-6 {padding-left: 4rem !important;}
.ps-7 {padding-left: 5rem !important;}
.ps-8 {padding-left: 6rem !important;}
.ps-9 {padding-left: 7rem !important;}
.ps-10 {padding-left: 8rem !important;}

.pe-6 {padding-right: 4rem !important;}
.pe-7 {padding-right: 5rem !important;}
.pe-8 {padding-right: 6rem !important;}
.pe-9 {padding-right: 7rem !important;}
.pe-10 {padding-right: 8rem !important;}



/* HOME ---------------------------------------------------------------------------------------------------------------------------------*/

.main-home {position: relative}

.body-index {background-color: #ffffff !important;} 

/*NAV*/
.navbar {height: 4rem; padding: 0rem 4rem !important;  transition: background-color 3s; background-color: transparent;}
.navbar.scrolled {background-color: #11426fed; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.navbar img {margin-top: 0.5rem; width: 20rem; height: auto;}
.barra {font-family: "Work Sans", sans-serif; font-weight: 400 !important; font-size: 0.9rem !important;}
.navbar .nav-ingresar-btn {display: inline-flex; align-items: center; justify-content: center; font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 0.82rem; letter-spacing: 0.03rem; text-decoration: none; color: #ffffff; background-color: #d72626; border: 1px solid #d72626; border-radius: 999px; height: 2rem; padding: 0rem 0.9rem; margin-left: 0.55rem; margin-top: -0.05rem; line-height: 1;}
.navbar .nav-ingresar-btn:hover {color: #ffffff; background-color: #b51f1f; border-color: #b51f1f;}
.navbar .nav-ingresar-btn:active {color: #ffffff; background-color: #9e1919; border-color: #9e1919;}
.navbar-collapse {flex-grow: unset !important;}
.nav-link {margin: 0rem 0.25rem; padding-bottom: 0.4rem !important; line-height: 75%; color:#ffffff !important;}
.nav-link:hover {font-weight: 600; color:#000000 !important; background-color: #6df1d1 !important;}
.nav-link.active {font-weight: 600; color:#000000 !important; background-color: #6df1d1 !important;}
.navbar-nav {padding-top: 1rem;}

/*hero*/
.hero {display: flex; justify-content: left; align-items: center; width: 100vw !important; height: 100svh !important; overflow: hidden;}
.hero-tit {padding-left: 46rem; padding-top: 10rem;}
.hero-tit h1 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: clamp(3rem, 5vw, 8rem); color: #ffffff; line-height: 93%; letter-spacing: -1px; word-spacing: 5px; text-shadow: 2px 2px 6px #2919738f;}
.hero-tit h2 {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 3.5rem; color: #02edda;}
.hero picture {display: block; width: 100%; height: 100%;}
.hero picture img {width: 100%; height: 100%; object-fit: cover;}

/*luna*/
.luna {height: 50rem; margin-top: 5rem !important; background-image: url("../img-index/luna/nose-to-the-wind-banner-1920-x1.webp"); background-position: right bottom; background-size: cover;}
.luna h3 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 4.5rem; color: #224f79; line-height: 105%; letter-spacing: 0px; word-spacing: 3px;}
.luna h4 {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 2rem; color: #224f79; line-height: 120%;}
.luna p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1.25rem; color: #4d4d4d; line-height: 150%; margin-bottom: 1.25rem;}

/*cta*/
.cta-home {background-color: #0d293d; padding: 5rem;}
.cta-home h3 {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 4.5rem; color: #6df1d1; line-height: 105%; letter-spacing: -2px; word-spacing: 3px;}
.cta-home .btn-primary {font-family: "Work Sans", sans-serif !important; font-weight: 600 !important; font-size: 1.125rem !important; color: #0d293d !important; background-color: #6df1d1 !important; border-color: #6df1d1 !important; margin-top: 0.5rem; padding: 0.3rem 1.125rem 0.5rem; box-shadow: 1px 2px 5px #126373d4; border-radius: 25px;}
.cta-home .btn-primary:hover {color: #ffffff !important; background-color: #ff692c !important; border-color: #ff692c !important; box-shadow: 0px 0px 20px 9px #ff692c70;}
.cta-home .btn-primary:active {color: #fff900 !important; background-color: #ff692c !important; border-color: #ff692c !important;}

/*identidad*/
.identidad {margin-top: 8rem !important;}
.identidad h3 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.5rem; color: #224f79; line-height: 110%; letter-spacing: -0.02rem; word-spacing: 2px; text-wrap: balance;}
.identidad h4 {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 1.75rem; color: #224f79; line-height: 110%; letter-spacing: -0.02rem; word-spacing: 0.1rem; text-wrap: balance;}
.identidad p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1.5rem; color: #757575; line-height: 180%; margin-bottom: 1.25rem;}

/*items*/
.items-home {margin: 8rem 0rem 4rem !important; background-color: #cfdbe0; background: linear-gradient(135deg,rgba(207, 219, 224, 1) 0%, rgba(167, 182, 199, 1) 71%); padding: 4rem 2rem 5rem !important; background-image: url("../img-index/pilares/lobo-gris-capital-pilares-2560-x1.webp"); background-position: center bottom; background-size: cover;}
.items-home h4 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 3.25rem; color: #0d293d; line-height: 110%; letter-spacing: -0.02rem; word-spacing: 2px; text-wrap: balance;}
.placa {background-color: #0d293d; background: linear-gradient(160deg,rgba(29, 76, 120, 1) 0%, rgba(13, 41, 61, 1) 45%); margin: 0rem 1.25rem; padding: 2rem 1rem 1rem !important; border-radius: 2rem; box-shadow: 2px 8px 25px 1px #455a71e0; height: 100%;}
.items-home h5 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 1.85rem; color: #0dcaf0; line-height: 110%; letter-spacing: 0px; word-spacing: 3px;}
.items-home p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1rem; color: #b3b3b3; line-height: 150%;}

/*whatsapp*/
.wap {display: flex; justify-content: center; align-items: center; position: fixed; right: 0rem; bottom: 2rem; width: 3.75rem; height: 3.75rem; z-index: 10000; background-color: #25d366; border-radius: 100% 0% 0% 100%; transform: scale(1); box-shadow: none; transition: transform 0.7s, box-shadow 0.7s; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px);}
.wap:hover {transform: scale(1.10); box-shadow: 0px 0px 18px 6px #25d36673;}
.wap img {width: 2.25rem; margin-left: 0.25rem; filter: drop-shadow(1px 1px 1px #1ca14d);}

/* Footer */
.footer {position: relative; bottom: 0; width: 100%; padding-bottom: 3rem; margin-top: 5rem; text-align: center;}
.home-logo-end {margin-bottom: 1rem;}
.home-logo-end img {width: 32rem !important; height: auto;}
.home-logo-end p:nth-child(2) {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 1.25rem; color: #224f79;}
.home-logo-end p:nth-child(3) {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 0.85rem; color: #585858;}
.line-home {border-style: inset; border-width: 1px; margin: 1rem 0rem 1.5rem;}
.footer p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 0.95rem; color: #757575; margin-bottom: 0.20rem;}
.footer a {color: #224f79; text-decoration: none;}
.footer a:hover {color: #ff692c; text-decoration: underline;}
.footer .creditos {margin-top: 0.85rem; text-align: center;}
.footer .creditos p {font-size: 0.8rem; color: #757575; margin-top: 0.3rem;} 
.footer .creditos img:last-child {display: none;}
.footer .creditos:hover img:last-child {display: unset;}
.footer .creditos:hover img:first-child {display: none;}



/* SECCIONES ---------------------------------------------------------------------------------------------------------------------------------*/

.seccion {margin-top: 5.5rem;}
.seccion h1 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 4rem; color: #224f79; letter-spacing: 0.25rem; word-spacing: 5px; margin-bottom: 3rem;}




/* METODOLOGIA */

.metodo-intro h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.25rem; color: #224f79; line-height: 110%; letter-spacing: 0px; word-spacing: 2px; margin-bottom: 1.75rem; text-wrap: balance;}
.metodo-intro p {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 1.75rem; color: #575757; line-height: 130%; margin-bottom: 1.25rem;}

.proceso {margin: 5rem 0rem 7rem;}
.proceso h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.5rem; color: #224f79; margin-bottom: 3rem;}
.placametodo {background-color: #331f5b; background: linear-gradient(160deg,rgba(82, 62, 122, 1) 0%, rgba(51, 31, 91, 1) 40%); border-radius: 2rem; padding: 1.5rem; position: relative; box-shadow: 3px 6px 25px 1px #0000006e;}
.proceso .num {position: absolute; left: 2.75rem; top: -3rem; background-color: #6df1d1; background: linear-gradient(170deg,rgba(166, 255, 233, 1) 0%, rgba(109, 241, 209, 1) 25%); border-radius: 3rem; width: 6rem; height: 6rem; z-index: -10; padding-top: 0.5rem;}
.proceso .num {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.25rem; line-height: 100%; color: #493571;}
.proceso h3 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 1.5rem; color: #ffffff; margin-bottom: 0.75rem; margin-top: 0.5rem;}
.proceso p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1rem; color: #b7b7b7; margin-bottom: 0.75rem; line-height: 170%;}

.proceso .frase {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 1.5rem; color: #575757; line-height: 130%; margin-bottom: 1.25rem; margin-top: 2.25rem;}

.destacado {background-color: #0d293d; padding: 7rem 0rem;}
.destacado p {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 3.75rem; color: #cbcbcb; line-height: 115%; letter-spacing: -1px; word-spacing: 3px;}

.metricas {margin-top: 7rem;}
.metricas h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.125rem; color: #224f79; margin-bottom: 2.5rem;}
.metricas .datos p:nth-child(1) {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 6.5rem; margin-bottom: 0.25rem; color: #5d32b3; line-height: 100%; letter-spacing: -0.25rem;}
.metricas .datos p:nth-child(2) {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1.2rem; line-height: 120%; color: #5d32b3;}
.metricas p span {font-size: 4.5rem; line-height: 100%}
.metricas .resultados p:nth-child(1) {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 1.8rem; color: #224f79; line-height: 120%; margin-top: 0.5rem; margin-bottom: 0.125rem;}
.metricas .resultados p:nth-child(2) {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 1.4rem; color: #224f79; line-height: 130%; margin-bottom: 0.25rem;}

.cierre {margin-top: 5rem; margin-bottom: 7rem; padding: 5rem 0rem; background-image: url("../metodologia/img/fondo-metodologia-ciere-2560-x1.webp"); background-position: center; background-size: contain; background-repeat: no-repeat;}
.placacierre {background-color: #224f79; background: linear-gradient(170deg,rgba(50, 112, 171, 1) 0%, rgba(31, 65, 99, 1) 71%); border-radius: 2rem; padding: 2rem 2rem 1.5rem; position: relative; box-shadow: 4px 7px 30px 0px #0000008c; mix-blend-mode: multiply;}
.cierre h3 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 1.5rem; color: #6df1d1; margin-bottom: 0.5rem;}
.cierre p {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1rem; color: #ffffff; margin-bottom: 0.75rem; line-height: 175%; mix-blend-mode: normal !important;}


/* ACCESO */

.acceso-intro h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.25rem; color: #224f79; line-height: 110%; letter-spacing: 0px; word-spacing: 2px; margin-bottom: 1.75rem; text-wrap: balance;}
.acceso-intro p {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 1.75rem; color: #575757; line-height: 130%; margin-bottom: 1.25rem;}

.sistema h3 {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 2.75rem; color: #000000; line-height: 90%; letter-spacing: -2px; word-spacing: 3px;}
.sistema ul {padding-left: 1.25rem; list-style-type: circle;}
.sistema ul li {font-family: "Roboto", sans-serif; font-weight: 350; font-size: 1rem; color: #ffffff; line-height: 140%; padding-bottom: 0.5rem;}
.sistema-placa {background-color: #1d8934; border-radius: 2rem; padding: 3.25rem 2rem 1.5rem; position: relative; box-shadow: 4px 7px 30px 0px #00000085;}
.sistema-placa h3 {color: #ffffff}
.sistema-placa.rojo {background-color: #c92929;}
.sistema-icono {position: absolute; left: 0; right: 0; margin: 0 auto; top: -2.9rem; background-color: #1d8934; border-radius: 100%; width: 5.5rem; height: 5.5rem; display: flex; align-items: center; justify-content: center;}
.sistema-icono.rojo {background-color: #c92929;}

.empezar {margin: 5rem 0rem 9rem !important;}
.empezar h3 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 3.75rem; color: #224f79; line-height: 100%; letter-spacing: -1px; word-spacing: 3px;}
.empezar p {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 1.75rem; color: #575757; line-height: 130%; margin-bottom: 1.25rem;}
.empezar .btn-primary {font-family: "Work Sans", sans-serif !important; font-weight: 600 !important; font-size: 1.125rem !important; color: #ffffff !important; background-color: #224f79 !important; border-color: #224f79 !important; margin-top: 0.5rem; padding: 0.3rem 1.125rem 0.5rem; box-shadow: 1px 2px 5px #5f5f5fd4; border-radius: 25px;}
.empezar .btn-primary:hover {color: #ffffff !important; background-color: #ff692c !important; border-color: #ff692c !important; box-shadow: 0px 0px 15px 9px #ff692c47;}
.empezar .btn-primary:active {color: #fff900 !important; background-color: #ff692c !important; border-color: #ff692c !important;}


/* CONTACTO */

.contacto {margin-bottom: 11rem;}
.contacto h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 2.35rem; color: #099db9; margin-bottom: 1.3rem; margin-top: 0.4rem; line-height: 105%;}

.form-tit {font-family: "Blinker", sans-serif; font-weight: 400; font-size: 1.25rem; margin-top: 1rem; margin-bottom: 0.2rem; color: #099db9;}
.form-control {font-family: "Roboto", sans-serif; font-weight: 350 !important; color: #484848 !important; background-color: #f1f1f1 !important; box-shadow: 2px 3px 6px 1px #0000000d; border-color: #d9d9d9 !important; border-radius: 5px !important; }
.btn-primary {position: relative; right: 0.18rem; font-family: "Work Sans", sans-serif !important; font-weight: 600 !important; font-size: 1.125rem !important; color: #ffffff !important; background-color: #224f79 !important; border-color: #224f79 !important; margin-top: 0.5rem; padding: 0.3rem 1.125rem 0.5rem !important; box-shadow: 1px 2px 5px #0000009e; border-radius: 25px !important;}
.btn-primary:hover {color: #ffffff !important; background-color: #ff692c !important; border-color: #ff692c !important; box-shadow: 0px 0px 15px 9px #ff692c47;}
.btn-primary:active {color: #fff900 !important; background-color: #ff692c !important; border-color: #ff692c !important;}

.contenedor-data h2 {font-family: "Blinker", sans-serif; font-weight: 600; font-size: 1.45rem; color: #099db9;}
.contenedor-data div p {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 1.2rem; color: #757575; line-height: 125%; margin-bottom: 0rem;}
.contenedor-data div a {color: #757575; font-size: 1.2rem; text-decoration: none;}
.contenedor-data div a:hover {color: #ff692c;}
.contenedor-data .redes-pie a {text-decoration: none;}
.contenedor-data .ico-whatsapp img {width: 1.25rem; height: auto; margin-right: 0.5rem; padding-bottom: 0.1rem;}
.contenedor-data .ico-celular img {width: 1.25rem; height: auto; margin-right: 0.5rem;}
.contenedor-data .ico-palma img {width: 1.25rem; height: auto; margin-right: 0.5rem;}

.gracias {margin-top: 6rem; margin-bottom: 0rem;}
.gracias p {font-family: "Blinker", sans-serif; font-weight: 300; font-size: 3.5rem; line-height: 110%; color: #099db9;}
.gracias .volver {margin-top: 0rem; margin-bottom: 4rem;}
.gracias .volver a {font-size: 1.5rem !important; color: #757575; text-decoration: none;}
.gracias .volver a:hover {color: #ff692c;} 
.gracias.error p {font-size: 3.5rem; color: #df0000;}
.gracias.error a {color: #df0000;}
.gracias.error a:hover {color: #000000;}
.gracias.error .volver a {color: #757575;}
.gracias.error .volver a:hover {color: #ff692c;} 

















/* MAYOR DE 2561------------------------------------------------ */
@media (min-width: 2561px) {

.hero picture {display: block; width: 100%; height: 100%;}
.hero picture img {width: 100%; height: 100%; object-fit: cover;}

.metricas {padding: 0rem 28rem !important;}

}



/* 2560  ------------------------------------------------------- */
@media (max-width: 2560px){

.luna {height: 45rem; margin-top: 1rem !important; background-image: url("../img-index/luna/nose-to-the-wind-banner-2560-x1.webp"); background-size: right bottom; background-repeat: no-repeat;}

.metricas {padding: 0rem 26rem !important;}

}





/* 1920  ------------------------------------------------------- */
@media (max-width: 1920px){

.hero h1 {font-size: 6rem;}

.luna {height: 50rem; margin-top: 5rem !important; background-image: url("../img-index/luna/nose-to-the-wind-banner-1920-x1.webp"); background-position: right bottom; background-size: cover;}
.luna h3 {padding-right: 8rem; line-height: 90%;}
.items-home {padding: 4rem 0rem 5rem !important;}
.placa {padding: 2rem 2rem 1rem !important;}

.metricas {padding: 0rem 1rem !important;}

/* contacto */

.contacto h2 {padding-right: 3rem;}

}







/* 1366  ------------------------------------------------------- */
@media (max-width: 1366px){

.hero-tit {padding-left: 35rem; padding-top: 8rem;}
.hero h1 {font-size: 4rem;}
.hero h2 {font-size: 2.25rem;}

.luna {height: 45rem; margin-top: 1rem !important; background-image: url("../img-index/luna/nose-to-the-wind-banner-1366-x1.webp"); background-size: contain; background-repeat: no-repeat;}
.luna h3 {padding-right: 7rem; line-height: 90%;}

.cta-home h3 {font-size: 4.25rem;}

.identidad h3 {font-size: 1.9rem;}
.identidad h4 {font-size: 1.5rem;} 
.identidad p {font-size: 1.25rem;}

.items-home {padding: 4rem 7rem 5rem !important;}
.placa {padding: 2rem 2rem 1rem !important;}

/* Acceso */

.sistema-placa {padding: 3.25rem 1rem 1.5rem;}
.sistema h3 {font-size: 2.5rem;}
.sistema ul li {font-size: 0.95rem;}

}






/* 1180  ------------------------------------------------------- */
@media (max-width: 1180px){

.hero-tit {padding-left: 27rem;}
.hero h1 {font-size: 4.5rem;}

.items-home {padding: 4rem 4rem 5rem !important;}
.placa {padding: 2rem 2rem 1rem !important;}


/* Secciones */
.seccion h1 {margin-bottom: 1rem;}

/* Metodología */

.proceso h3 {font-size: 1.3rem !important;}
.destacado p {font-size: 3.25rem;}


/* contacto */
.contacto {margin-top: 1rem;}

}








/* IPAD PRO  --------------------------------------------------- */
@media (max-width: 1024px){

/*Home*/

.hero-tit {padding-left: 25rem;}
.hero {width: 100%; height: auto !important; overflow: hidden;}
.hero h1 {font-size: 4.25rem;}

.luna {background-image: url("../img-index/luna/nose-to-the-wind-banner-1024-x1.webp"); background-position: right bottom; background-repeat: no-repeat;}
.luna h3 {padding-right: 2rem;}

.items-home {padding: 4rem 2rem 5rem !important;}
.placa {margin: 0rem 0.5rem;}

/* Secciones */
.seccion h1 {margin-bottom: 1.5rem;}

/* Metodología */

.proceso p {font-size: 0.9rem;}
.destacado p {font-size: 3rem;}
.cierre p {font-size: 0.9rem;}

/*Contacto*/
.contacto h2 {text-wrap: balance;}
}



/* IPAD PRO  --------------------------------------------------- */
@media (max-width: 820px){

/*Home*/

/* navbar */

.navbar {padding: 0rem 0rem !important; height: 6rem;}
.navbar .nav-ingresar-btn {font-size: 0.75rem; height: 1.85rem; padding: 0rem 0.75rem; margin-left: 0.4rem; margin-top: 0.1rem;}
.navbar-brand {padding-top: 0rem !important;}
.navbar-brand img {width: 17rem; height: auto; padding-top: 0rem; margin-top: 0rem; padding-left: 1.5rem; position: relative; top: -0.85rem;}
.navbar .navbar-toggler {border: solid 2px #02edda !important; height: 2.5rem; width: 3rem; margin: 0.65rem 1rem 0.75rem; padding-right: 2.5rem; z-index: 20 !important; border-radius: 10px 0px 10px 0px;}
.navbar .navbar-toggler:hover {background-color: #0d2433 !important; border: solid 2px #523ead !important;}
.navbar .navbar-toggler:focus {box-shadow: none !important;}
.navbar .navbar-toggler.collapsed {background-color: unset !important;}
.navbar-collapse {position: absolute !important; top: 0rem; right: 0rem; left: 0rem; background-color: #173c55; padding: 4rem 1.5rem 1.75rem 0rem; border-radius: 0px 0px 0px 50px; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px);}
.navbar-nav {padding-top: 1.25rem; padding-bottom: 0.75rem; text-align: right;}
.nav-item {font-size: 1rem; margin-bottom: 0.8rem; margin-right: 0.25rem;}
.nav-item-ingresar {margin-top: 0.1rem;}
.nav-link.active {background-color: unset !important; color: #6df1d1 !important;}

.hero-tit {padding-left: 20rem; padding-top: 5rem;}
.hero h1 {font-size: 3.5rem;}

.luna h3 {padding-right: 0rem;}

.cta-home h3 {font-size: 4rem;}

.items-home {padding: 4rem 1rem 5rem !important;}
.placa {margin: 0rem 0.5rem; padding: 2rem 1.25rem 1rem !important;}

/* Secciones */
.seccion h1 {margin-bottom: 1.25rem;}

/* Acceso */
.sistema h3 {font-size: 1.8rem;}


/*Contacto*/
.contacto {margin-bottom: 6rem;}
.contenedor-data div a {font-size: 1rem;}


}






/* IPAD  ------------------------------------------------------- */
@media (max-width: 768px){

/* Home */
.hero-tit {padding-left: 13rem; padding-top: 5rem;}
.hero h1 {padding-left: 6rem; font-size: 2.75rem;}
.hero h2 {padding-left: 6rem; font-size: 1.5rem;}

.luna {height: 40rem;}
.luna h3 {font-size: 3.4rem;}
.luna h4 {font-size: 1.5rem;}
.luna p {font-size: 1.125rem;}

.cta-home h3 {font-size: 3.5rem;}

/* Secciones */
.seccion h1 {margin-bottom: 1rem;}

/* Metodología */
.proceso .frase  {font-size: 1.35rem;}


}








/* CELULARES --------------------------------------------------- */
@media (max-width: 500px){


/* Home */

body {padding-top: 0rem;}
.hero {display: flex; justify-content: center; align-items: start; width: 100vw !important; height: 100svh !important; overflow: hidden;} 
.hero-tit h1 {font-size: 3.25rem !important; text-align: center; padding-left: 0rem; padding-top: 8rem;}
.hero-tit h2 {font-size: 2rem; padding: 0rem 3rem; text-align: center; line-height: 100%; margin-top: 1rem;}
.hero-tit {padding-left: unset; padding-top: 0rem;}



/* navbar */
.navbar {padding: 0rem 0rem !important; height: 6rem;}
.navbar .nav-ingresar-btn {font-size: 0.72rem; height: 1.8rem; padding: 0rem 0.7rem; margin-left: 0rem; margin-top: 0.35rem;}
.navbar-brand img {width: 17rem; height: auto; padding-top: 1rem; padding-left: 1.5rem;}
.navbar .navbar-toggler {border: solid 2px #02edda !important; height: 2.5rem; width: 3rem; margin: 0.65rem 1rem 0.75rem; padding-right: 2.5rem; z-index: 20 !important; border-radius: 10px 0px 10px 0px;}
.navbar .navbar-toggler:hover {background-color: #0d2433 !important; border: solid 2px #523ead !important;}
.navbar .navbar-toggler:focus {box-shadow: none !important;}
.navbar .navbar-toggler.collapsed {background-color: unset !important;}
.navbar-collapse {position: absolute !important; top: 0rem; right: 0rem; left: 0rem; background-color: #173c55; padding: 4rem 1.5rem 1.75rem 0rem; border-radius: 0px 0px 0px 50px; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px);}
.navbar-nav {padding-top: 1.25rem; padding-bottom: 0.75rem; text-align: right;}
.nav-item {font-size: 1rem; margin-bottom: 0.8rem; margin-right: 0.25rem;}
.nav-link.active {background-color: unset !important; color: #6df1d1 !important;}
.nav-link:hover {background-color: unset !important; color: #6df1d1 !important;}

.identidad p {font-size: 1.25rem;}

.luna {height: 27rem; background-image: unset; margin-top: 5rem !important;}
.luna h3 {padding-right: 2rem !important; text-wrap: balance;}

.identidad h3 {font-size: 2.5rem; line-height: 100%;}
.identidad h4 {font-size: 1.75rem;}

.items-home {padding: 4rem 0rem 5rem !important; background-image: unset; background-color: unset; background: linear-gradient(135deg, rgba(207, 219, 224, 1) 0%, rgba(167, 182, 199, 1) 71%);}
.placa {padding: 2rem 2rem 1rem !important;}

.home-logo-end img {width: 19rem !important; height: auto;}

/* Secciones */
.seccion {margin-top: 3rem;}
.seccion h1 {line-height: 105%; margin-bottom: 1rem; letter-spacing: 0rem;}
.metod {font-size: 3.5rem !important;}

/* Metodología */
.metodo-intro p {font-size: 1.55rem; padding: 0rem 2rem;}
.proceso h3 {font-size: 1.5rem !important;}
.proceso p {font-size: 1rem;}
.destacado p {font-size: 2.75rem; padding: 0rem 1rem;}

/* Acceso */
.acceso-intro p {font-size: 1.55rem;}
.sistema h3 {font-size: 2rem !important;  letter-spacing: -1px;}
.empezar p {font-size: 1.5rem;}

/* Footer */
.line-home {margin: 1rem 1rem 1.5rem;}
.home-logo-end p:nth-child(2) {line-height: 110%; margin: 0.75rem 0rem 0.5rem;}
.footer p {font-size: 0.85rem;}

/* Contacto */
.contacto {margin-bottom: 18rem;}
.contacto p {font-size: 1.1rem;}
.contenedor-data div a {font-size: 1.2rem;}
.gracias p {font-size: 2.75rem; line-height: 105%;}
.gracias.error p {font-size: 1.75rem;}

}


/* CELULARES --------------------------------------------------- */
@media (max-width: 428px){

/* HOME */
.hero h1 {font-size: 2.75rem; padding-top: 6.5rem;}

}


/* CELULARES --------------------------------------------------- */
@media (max-width: 415px){

/* HOME */
.hero h1 {font-size: 3rem; padding-top: 7.75rem;}

}


/* CELULARES --------------------------------------------------- */
@media (max-width: 406px){

/* HOME */
.hero h1 {font-size: 2.6rem; padding-top: 6rem;}
.navbar-brand img {width: 16rem; padding-left: 1rem;}
}


/* CELULARES A16 / ip 12 pro ------------------------------------*/
@media (max-width: 390px){

/* HOME */
.hero h1 {font-size: 2.5rem; padding-top: 6rem;}
.navbar-brand img {width: 14rem; padding-left: 1rem;}

}


/* CELULARES --------------------------------------------------- */
@media (max-width: 380px){

/* HOME */
.hero h1 {font-size: 2.5rem; padding-top: 5rem;}


}


/* CELULARES --------------------------------------------------- */
@media (max-width: 375px){

/* HOME */
.hero h1 {font-size: 2.5rem; padding-top: 6.5rem;}


}