{

    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: "Montserrat", sans-serif;
   }
         body{
             margin: 0;
    padding: 0;
             background-color: #eef7fe;
             font-family: "Montserrat", sans-serif;
         }
         p, ul, li{
             line-height: 1.7rem;
         }
 
         .button-primary{
             padding: 1rem 1.5rem;
             border-radius: 30px;
             border: #002966 solid 1px;
             background-color: #002966;
             color: #fff;
             text-decoration: none;
             transition: 500ms ease-in-out;
         }
         .button-primary:hover{
             background-color: #0078b3;
             border: #0078b3 solid 1px;
             box-shadow: 0px 5px 0px #002966 ;
         }
         .button-secondary{
             padding: 1rem 1.5rem;
             border-radius: 30px;
             border: #002966 solid 2px;
             background-color: #fff;
             color: #002966;
             text-decoration: none;
             transition: 500ms ease-in-out;
         }
         .button-secondary:hover{
             border: #0078b3 solid 2px;
             box-shadow: 0px 5px 0px #002966 ;
         }
         .wrap-buttons{
             padding: 2rem 0rem;
             display: flex;
             flex-wrap: wrap;
             gap: 20px;
         }
 
         /*HEADER*/
   header
   {
    position: fixed;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.6s;
    padding: 2rem;
    background: #00000000;
    z-index: 10;
    
   }
   header.sticky
   {
    padding: 5px 100px;
    background: #fff;
             box-shadow: 0px 5px 10px #3d3d3d24;
   }
   header.sticky .logo
   {
    width: 15rem;
   }
   header .logo
   {
             width: 20rem;
    transition: .6s;
   } 
   header ul
   {
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
             gap: 10px;
   }
   header ul li
   {
    position: relative;
    list-style: none;
   }
   header ul li a
   {
    position: relative;
    padding: 10px 15px;
    text-decoration: none;
    color: #011e49;
    transition: 0.6s;
    display: block;
    line-height: 1.3rem;
             border-bottom: 2px solid #ffffff00;
             cursor: pointer;
   }
         header ul li a.featured{
             border-radius: 30px;
             background-color: #002966;
             color: #fff;
             padding: .7rem 1rem;
         }
   header nav ul li a:hover,
   header nav ul li a.active
   {
    border-bottom: 2px solid #00ade5;
   }
   div.menuToggle
   {
    width: 50px;
    height: 50px;
    background: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/fe38ecd9-79e4-4c38-9c3b-16a62ae3c831.png);
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; 
    transition: .6s;
    display: none;
   }
   div.menuToggle.active
   {
    background: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/5f12129d-074d-40ef-8628-8b33da5b0058.png);
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
   }
 
 
         /*CONTENIDO*/
         .content-wrap{
         max-width: 1300px;
         width: -webkit-fill-available;
     }
     .content-wrap-box{
         max-width: 1000px;
         width: -webkit-fill-available;
     }
     h1, h2, h3, h4, h5, h6{
         color: #002966;
     }
     /* top head*/
     .top-head{
         padding: .5rem 3rem;
         background-color: #011e49;
         color: #fff;
         font-size: .9rem;
         display: flex;
         gap: 10px;
         transition: 500ms;
     }
     .top-head.fixed{
         position: fixed;
         width: 100%;
         z-index: 3;
         box-shadow: 0px 5px 10px #3d3d3d4f;
     }
     .top-head a{
         color:#fff;
         text-decoration: none;
     }
     .top-head img{
         width: 20px;
     }
     /*Head*/
     .head{
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 2rem 0rem;
     }
     .head-content-wrap{
         width: -webkit-fill-available;
         padding: 0rem 3rem;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
     }
     .head-content-wrap img{
         width: 12rem;
     }
 
     .phone {
     display: flex;
     gap: 5px;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     }
 
     .phone a{
         font-size: 1rem;
         font-weight: bold;
         color:#002966;
         text-decoration: underline;
     }
     .phone img{
         width: 20px;
     }
 
     /*Hero*/
     .hero{
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 2rem 2rem;
         padding-top: 150px ;
     }
     .hero-wrap{
         height: 34vw;
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/e0f15d6c-6d34-49df-b493-ccf1ecdbe853.jpg);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         width: -webkit-fill-available;
         border-radius: 30px;
         padding: 0rem 0rem;
         display: flex;
         flex-direction: column;
         justify-content: center;
         color: #fff;
         position: relative;
         overflow: hidden;
     }
     .hero-ninos{
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/cda7b0ba-9a4b-4869-ab86-95fddfd65e86.jpg);
     }
     .hero-adultos{
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/1f408c21-9aad-44b1-a06a-f4f1c3ecadc9.jpg);
     }
     .hero-avanzadas{
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/b13199ce-bcf8-475e-96fd-02f36c5e08c8.jpg);
     }
     .hero-overlay {
         position: absolute;
         width: 100%;
         height: 100%;
         background: #00154e91;
         /*background: linear-gradient(90deg, rgba(0, 21, 78, 1) 17% rgba(0,21,78,0) 100%);*/
         z-index: 0;
     }
     .hero-content {
         z-index: 1;
         width: -webkit-fill-available;
         padding: 0rem 6rem;
         text-align: center;
         text-shadow: 2px 2px 3px #3d3d3d;
     }
     .hero-content h1{
         font-size: 3rem;
         padding: 0;
         margin: 0;
         color: #fff;
     }
     .hero-content p{
         padding: 0;
         margin: 0;
         font-size: 1.5rem;
     }
 
 
     /*Hero CTA*/
     .hero-cta {
         display: block;
         width: 100%;
         background: rgb(1,103,204);
         background: linear-gradient(90deg, rgba(1,103,204,1) 0%, rgba(79,143,215,1) 50%, rgba(1,103,204,1) 100%);
         border-radius: 0px 0px 30px 30px;
         margin-top: -30px;
     }
     .cta-wrap{
         display: flex;
         padding: 4rem 3rem 2rem 3rem;
         justify-content: space-around;
     }
     .cta-wrap a{
         text-decoration: unset;
     }
     .cta-item {
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 1rem;
         color: #fff;
     }
     .cta-img{
         border-radius: 50%;
         padding: 1rem;
         transition: 500ms ease-in-out;
         
     }
     .cta-img img{
         width: 60px;
     }
     .cta-text p{
         padding: 0;
         margin: .5rem;
     }
     .cta-text p:first-child{
         font-weight: normal;
     }
     .cta-text p:last-child{
         font-weight: bold;
         padding: .3rem 1rem;
         background-color: #fff;
         border-radius: 30px;
         color:#0167cc;
         text-align: center;
         transition: 500ms ease;
     }
     .cta-text p:last-child:hover{
         box-shadow: 2px 2px 10px #3d3d3d;
     }
     /*definición*/
     .definicion {
         display: flex;
         flex-direction: column;
         align-items: center;
         /*text-align: center;*/
         padding: 3rem 0rem;
     }
     .definicion .content-wrap{
         background-color: #fff;
         padding: 0rem;
         border-radius: 20px;
         box-shadow: 5px 5px 10px #00000014;
         max-width: 1500px;
         display: grid;
         grid-template-columns: 1fr 1fr;
         overflow: hidden;
         margin: 0rem 1rem;
     }
     .definicion .half-col:first-child{
         padding: 3rem;
     }
     .definicion .half-col:last-child{
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/9f83b464-111c-4e87-a815-3de4121f9b9f.jpg);
         background-size: cover;
         background-position: center;
     }
     .half-col p, .half-col ul{
         line-height: 1.8rem;
     }
 
 
     /*Programas home*/
     #progrmas {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 3rem 0rem;
     }
     #progrmas .content-wrap{
         margin: 0rem 2rem;
     }
     .programas-wrap {
         display: flex;
         align-items: flex-start;
         justify-content: center;
         gap: 30px;
         flex-wrap: nowrap;
         margin: 0rem 1rem;
     }
     #programas h2{
         text-align: center;
         font-size: 2.5rem;
     }
     .programa-item {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }
     .programa-item img {
         width: 100%;
         height: auto;
         display: block;
     }
 
     /*Intro section*/
     #intro-section {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 3rem 0rem;
         gap: 30px;
     }
     #intro-section .content-wrap{
         display: flex;
         gap: 30px;
         align-items: center;
         margin: 0rem 2rem;
     }
     .content-half img{
         width: -webkit-fill-available;
     }
     #intro-section .content-wrap .content-half{
         width: 50%;
     }
     .programas-creciendo-wrap {
         display: flex;
         gap: 20px;
         pad: 2rem 0rem;
     }
     .programa-creciendo-item {
         padding: 1rem 2rem;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         border: solid 1px #cdcdcd;
         border-radius: 30px;
     }
     .programa-creciendo-item h3{
         margin: 0px;
     }
 
     /*Tabs*/
     .tabs {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 5rem 0rem;
         margin: 0rem 1rem;
     }
     .tabs-buttons {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         max-width: 1400px;
         width: -webkit-fill-available;
         justify-content: flex-start;
         margin: 0rem 1rem;
     }
     .tab-button-wrap {
         display: grid;
         align-items: center;
         gap: 20px;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         margin-bottom: 3rem;
     }
     .button-item {
         display: flex;
         align-items: center;
         gap: 15px;
         padding: 1rem;
         background-color: #eef7fe;
         border: solid 1px #e5e5e5;
         border-radius: 10px;
         color: #0368cc;
         transition: 500ms ease-in-out;
         cursor: pointer;
     }
     #creciendokids, #creciendoteens{
         color: #008d36;
         border-color: #acd8bd;
     }
     #creciendokids.button-item:hover, #creciendokids.button-item.button-active{
         border: solid 2px #008d36!important;
     }
 
     #metasalud{
         color: #be1622;
         border-color: #ec8d93;
     }
     #metasalud.button-item:hover, #metasalud.button-item.button-active{
         border: solid 2px #be1622!important;
     }
 
     #soporte{
         color: #a67c52;
         border-color: #f4d7bd;
     }
     #soporte.button-item:hover, #soporte.button-item.button-active{
         border: solid 2px #a67c52!important;
     }
 
     #confianza{
         color: #1d71b8;
         border-color: #98d2f9;
     }
     #confianza.button-item:hover, #confianza.button-item.button-active{
         border: solid 2px #1d71b8!important;
     }
     #armoniosamente{
        color: #1d71b8;
        border-color: #5dc6d2;
     }
     #armoniosamente.button-item:hover, #armoniosamente.button-item.button-active{
        border: solid 2px #5dc6d2!important;
    }
     #contigo{
         color: #662483;
         border-color: #deaaf9;
     }
     #contigo.button-item:hover, #contigo.button-item.button-active{
         border: solid 2px #662483!important;
     }
     #conexion{
         color: #6fb74e;
         border-color: #c8f5b3; 
     }
 
     #conexion.button-item:hover, #conexion.button-item.button-active{
         border: solid 2px #6fb74e!important;
     }
     
     .button-item:hover, .button-item.button-active{
         box-shadow: 5px 5px 15px #42424228;
         background-color: #fff;
     }
 
     
 
     
 
     
     .button-text span{
         font-weight: bold;
     }
     .button-image {
         padding-right: 15px;
 
         border-right: solid 1px #cdcdcd;
     }
     .button-image img{
         width: 50px;
     }
     .btn-title {
     margin: 0px;
     font-size: 1.2rem;
     }
     .btn-desc {
         margin: 0px;
         font-size: 0.9em;
         color: #747474;
     }
 
     /*Opiniones*/
 
     .opiniones {
         background-color: #d1e8f8;
         padding: 6rem 0rem;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 2rem;
     }
     .opiniones .content-wrap{
         text-align: center;
     }
     .opinion-wrap{
         display: flex;
         gap: 3rem;
         max-width: 1300px;
         padding: 0rem 2rem;
     }
     .opinion-item {
         padding: 2rem;
         background-color: #fff;
         border-radius: 20px;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;
         color: #7c7c7c;
         line-height: 1.5rem;
         width: 33%;
     }
     .opinion-profile {
         width: 30px;
     }
     .opinion-rating{
         width: 90px;
     }
     .opinion-item span{
         font-weight: bold;
         color: #02a8f9;
     }
     .opinion-item p{
         margin: 0px;
     }
     .location{
         font-weight: bold;
         color: #012962;
     }
 
     /*FAQ's*/
     .Faqs {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 10rem 0rem 3rem 0rem;
     }
     .Faqs .content-wrap {
         display: flex;
         margin: 0rem 1rem;
         flex-direction: column;
         align-items: center;
     }
     
     .Faqs .content-wrap .half-col{
         width: 50%;
     }
     .ns24_contentmob{
         width: -webkit-fill-available;
     }
     .ns24_itemtab {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: .5rem 1rem;
         border-bottom: 2px solid #cccccc;
         cursor: pointer;
     }
     .disclaimer{
         font-size: .8rem;
     }
     .ns24_itemtab.active{
         border-bottom: 2px solid #0078b3;
     }
     .ns24_itemtab p{
         font-weight: bold;
     }
     .ns24_acitem img{
         width: 2rem;
     }
     .ns24_arrow{
         transition: 500ms ease-in-out;
     }
     .ns24_itemtab.active .ns24_arrow{
         rotate: -180deg;
     }
     .ns24_itemcontent{
         padding: 1rem;
         background-color: #00000005;
         display: none;
     }
 
     
     /*Tabs content*/
     .tab-content-wrap {
         display: flex;
         flex-direction: column;
         margin: 0rem 1rem;
         max-width: 1400px;
         align-items: center;
     }
     .tab-content {
         display: flex;
         justify-content: center;
         gap: 30px;
         max-width: 1400px;
         display: none;
     }
     .tab-content.show{
         display: flex;
         width: -webkit-fill-available;
     }
     .tab-content.show .tab-content-image{
         animation-name: fadein;
         animation-duration: .5s;
     }
     .tab-content.show .tab-content-text{
         animation-name: fadein;
         animation-duration: 2s;
     }
     .tab-content-image {
         width: 50%;
     }
     .tab-content-image img{
         width: -webkit-fill-available;
         position: sticky;
         top: 90px;
     }
     .tab-content-text {
         width: 50%;
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
     .id-programa {
         display: flex;
         align-items: center;
         gap: 10px;
         color: #0368cc ;
     }
 
     .id-programa span{
         font-weight: bold;
     }
     .desc-programa h2{
         font-weight: normal;
     }
     .desc-programa h2 span{
         font-weight: bold;
     }
     .desc-programa p{
         color: #464646;
         line-height: 1.7rem;
         font-size: 1.1rem;
     }
     .tab-content-links {
         display: flex;
         flex-direction: column;
         align-items: stretch;
         padding: 2rem;
     }
     .tab-links-item {
         display: flex;
         justify-content: space-between;
         border-bottom: solid 1px #dcdddd;
         padding: 1rem .5rem;
         color: #002966;
         align-items: center;
         text-decoration: none;
         width: 100%;
     }
     .tab-links-item span{
         font-weight: bold;
     }
     .tab-link-pre {
         display: flex;
         gap: 10px;
         align-items: center;
     }
     .tab-link-pre img{
         width: 30px;
     }
     .tab-link-post img{
         width: 20px;
     }
     .tab-link-title{
         font-size: 1rem;
         margin-top: 3rem;
     }
     .tab-evaluacion {
        padding: 1rem 2rem;
        border: solid 2px #002966;
        border-radius: 30px;
        background-color: #dfeaf3;
        text-align: center;
    }
    .tab-evaluacion a {
        padding: .5rem 1rem;
        background-color: #002966;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        border-radius: 10px;
    }
    .tab-evaluacion p.micro-text {
        color: #787878;
        font-size: .9rem;
    }
     .cta-general {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin: 3rem 0rem;
         background: linear-gradient(180deg, #002966 0%, #0078b3 100%);
         padding: 2rem;
         border-radius: 20px;
         color: #FFF;
         gap: 20px;
         width: fit-content;
         box-shadow: 0px 10px 20px #3d3d3d3d;
     }
     .cta-general h2{
         color:#fff;
         margin: 0;
         padding: 0;
     }
     .cta-general p{
         font-size: 2rem;
         margin: 0;
         padding: 0;
     }
     .ctagral-text{
         display: flex;
         gap: 20px;
         align-items: center;
         justify-content: center;
     }
     .ctagral-text img{
         width: 35px;
     }
     .ctagral-link{
         text-decoration: none;
     }
 
     /*PARA ADULTOS*/
     #adultos{
     }
 
     /*Elegirnos*/
     .elegirnos {
         display: flex;
         flex-direction: column;
         align-items: center;
         background-color: #f4f4f4;
         padding: 4rem 0rem;
     }
     .elegirnos  .content-wrap {
     max-width: 1300px;
     width: -webkit-fill-available;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
     .elegirnos h2{
         text-align: center;
         font-size: 2.5rem;
     }
     .content-list {
         display: grid;
         border: 1px solid #e5e5e5;
         border-radius: 20px;
         grid-template-columns: 1fr 1fr;
         background-color: #fff;
         box-shadow: 0px 0px 10px #3d3d3d1f;
         margin: 4rem 2rem;
         max-width: 1000px;
     }
     .image-list{
         background-image: url(https://image.email-axakeralty.mx/lib/fe3a117171640478711472/m/1/958f7b34-332e-46d3-9849-05a84e6fad8e.jpg);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         border-radius: 0px 20px 20px 0px;
         position: relative;
     }
     .list-item {
         padding: 1.5rem;
         border-bottom: solid 1px #e5e5e5;
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 20px;
     }
     .list-image img{
         width: 2rem;
     }
     .list-text{
         color: #6d6d6d;
         line-height: 1.7rem;
         font-size: 1.1rem;
     }
     .recorrido-btn {
         display: flex;
         position: absolute;
         bottom: 30px;
         right: 30px;
         background-color: #ffffffc4;
         padding: .5rem 1rem;
         gap: 10px;
         border-radius: 20px;
         flex-direction: row;
         align-items: center;
         justify-content: center;
         color: #012962;
         font-weight: bold;
         font-size: 1rem;
         border: solid 2px #012962;
         animation: pulse 1.5s infinite;
     }
     .recorrido-img{
         width: 30px;
     }
 
   /*Testimoniales*/
     .testimonial {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 3rem 0rem;
         background-color: #f4f4f4;
         background: linear-gradient(135deg, #fff 0%, #9cdbf1 100%);
         color: #164074 ;
         text-align: center;
     }
     .testimonial h3{
         font-size: 2rem;
     max-width: 800px;
     margin: 0rem 1rem;
     }
     .testimonial p{
         font-size: 1.7rem;
         margin: 0rem;
     }
     .testimonial .destacado{
         font-size: 3rem;
         font-weight: bold;
         margin: 1rem 0rem;
     }
     .test-container {
         position: relative;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         transform-style: preserve-3d;
         perspective: 500px;
         margin: 4rem 2rem;
         gap: 20px;
         width: -webkit-fill-available;
         max-width: 1300px;
     }
     .test-container .box {
     position: relative;
     width: 31%;
     aspect-ratio: 5 / 3.5;
     transition: 0.5s;
     transform-style: preserve-3d;
     overflow: hidden;
     border-radius: 20px;
     }
     .test-container:hover .box {
     transform: rotateY(25deg);
     }
     .test-container .box:hover ~ .box {
     transform: rotateY(-25deg);
     }
     .test-container .box:hover {
     transform: rotateY(0deg) scale(1.25);
     z-index: 1;
     box-shadow: 0 25px 40px rgba(0,0,0,0.5);
     }
     .test-container .box .imgBx {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     }
     .test-container .box .imgBx:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, #195bef, #0c082e);
     z-index: 1;
     opacity: 0;
     transition: 0.5s;
     mix-blend-mode: multiply;
     }
     .test-container .box:hover .imgBx:before {
     opacity: 1;
     }
     .test-container .box .imgBx img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     }
     .imgBx video {
         height: 100%;
     }
     .test-container .box .content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     padding: 20px;
     align-items: flex-end;
     box-sizing: border-box;
     text-align: left;
     }
     .test-container .box .content h2 {
     color: #fff;
     transition: 0.5s;
     text-transform: uppercase;
     margin-bottom: 5px;
     font-size: 20px;
     transform: translateY(200px);
     transition-delay: 0.3s;
     }
     .test-container .box:hover .content h2 {
     transform: translateY(0px);
     }
     .test-container .box .content p {
     color: #fff;
     transition: 0.5s;
     font-size: 14px;
     transform: translateY(200px);
     transition-delay: 0.4s;
     }
     .test-container .box .content p img{
     width: .7rem;
     }
 
     .test-container .box:hover .content p {
     transform: translateY(0px);
     }
     .test-container .box .content .play-btn {
     transition: 0.5s;
     transform: translateY(200px);
     transition-delay: 0.2s;
     }
     .test-container .box:hover .content .play-btn {
     transform: translateY(0px);
     }
     .mob-test-container {
         width: 100%;
         display: none;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         gap: 10px;
         width: -webkit-fill-available;
         margin: 1rem 1rem;
     }
     .mob-test-item {
         width: -webkit-fill-available;
         display: grid;
         gap: 15px;
         align-items: center;
         grid-template-columns: 1fr 1.5fr;
     }
     .mob-test-text {
         text-align: left;
     }
     .mob-test-text p{
         font-size: 1rem;
     }
     .mob-test-item h2{
     font-size: 1.2rem;
     }
 
     .mob-test-img {
         position: relative;
         overflow: hidden;
         border-radius: 10px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         background-color: #244c7d;
     }
     .mob-test-img .img-gif, .mob-test-img video  {
         width: 100%;
         height: auto;
         opacity: .5;
     }
     .mob-test-img  .img-ico {
         position: absolute;
         width: 3rem;
         border-radius: 50%;
         animation: pulse 1.5s infinite;
         transition: 500ms ease-in-out;
     }
     .mob-test-img  .img-ico:hover{
     transform: scale(1.2);
     }
 
 
     .play-btn {
         animation: pulse 1.5s infinite;
         color: #fff;
         font-weight: bold;
         border: solid 2px #fff;
         border-radius: 50px;
         padding: .6rem;
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 10px;
         font-size: .8rem;
         margin-bottom: 2rem;
         width: fit-content;
     }
     .content a{
     text-decoration: none;
     }
     @keyframes pulse {
     from {box-shadow: 0px 0px 0px 1px #fff;}
     to {box-shadow: 0px 0px 0px 13px #ffffff00;}
     }
 
     .contenedor {
         max-width: 1300px;
         display: grid;
         grid-template-columns: .7fr 1fr;
         justify-items: center;
         align-items: center;
     }
 
 
 
     /*Foot*/
     .foot {
         background-color: #012962;
         display: flex;
         padding: 6rem 0rem;
         flex-direction: column;
         align-items: center;
         color: #fff;
         text-align: center;
     }
     .foot h2{
         color: #fff;
         padding-bottom: 3rem;
     }
     .contacto-wrap {
         display: flex;
         align-items: center;
         gap: 30px;
         justify-content: center;
     }
     .foot-contacto {
         padding: 2rem 0rem;
     }
     .contacto-title h2{
         padding: 0rem;
     }
     .contacto-wrap a {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         color: #fff;
         text-decoration: none;
         border: solid 2px #fff;
         border-radius: 20px;
         padding: .5rem 1rem;
         gap: 20px;
         transition: 500ms ease-in-out;
     }
     .contacto-wrap a:hover{
         box-shadow: 0px 7px 10px #ffffff3d;
         transform: translateY(-3px);
     }
     .contacto-wrap img {
         width: 2rem;
     }
     .video-wrap {
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         align-items: center;
         padding-bottom: 5rem;
         border-bottom: 1px solid #60779c;
         gap: 20px;
         margin: 0rem 2rem 5rem 2rem;
     }
     .video-wrap a img {
         max-width: 20rem;
         border-radius: 20px;
         transition: 500ms;
         border: 2px solid #012962;
         width: 100%;
         display: block;
     }
     .video-wrap img:hover {
         transform: scale(1.05);
         border: solid 2px #fff;
         box-shadow: 5px 5px 0px #d1e8f8;
     }
     .social-wrap {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 2rem;
     }
     .social-item {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 1rem;
         background-color: #fff;
         border-radius: 50%;
     }
     .social-item img{
         width: 30px;
     }
     /*Foot menu*/
     .foot-menu {
         display: flex;
         flex-direction: column;
         align-items: center;
         color: #fff;
         padding: 2rem;
         background-color: #011e49;
         font-size: .8rem;
     }
     .foot-menu .content-wrap {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     }
     .col-foot {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }
     .col-foot img {
         width: 9rem;
     }
     .col-foot a {
         color: #8ca3c5;
         text-decoration: none;
         transition: 500ms ease-in-out;
     }
     .col-foot a:hover {
         font-weight: bold;
         color: #fff;
     }
     .foot-title {
      font-weight: bold;
     }
 
 
     /*Animaciones*/
     @keyframes fadein {
     from {margin-top: 40px; opacity: 0;}
     to {margin-top: 0px; opacity: 1;}
     }
 
     
     @keyframes pulse {
     from {box-shadow: 0px 0px 0px 1px #fff;}
     to {box-shadow: 0px 0px 0px 13px #ffffff00;}
     }
 
     @media (max-width: 1120px)
     {
         header
         {
             padding: 2rem 1rem;
             background: #ffffff00;
         }
         header.sticky{
             background: #fff;
             padding: 2rem 1rem;
         }
         header .logo, header.sticky .logo
         {
             width: 10rem;
         }
         div.menuToggle
         { 
             display: block;
         }
         header nav
         {
             /*display: none;*/
             position: absolute;
             top: 6rem;
             left: -100%;
             width: 100%;
             height: 100vh;
             background: #fff;
             transition: .6s;
 
         }
         header ul li a
         {
             color: #000;
         }
         
         header nav.active
         {
             left: 0;
         }
         header nav ul
         {
             display: block;
             text-align: center;
             margin-block: 0;
             padding-inline: 0;
             padding: 2rem;
         }
         header nav ul li a
         {
             border-bottom: 1px solid rgba(0,0,0,0.2);
         }
         header ul li a.featured{
             margin-top: 30px;
         }
         .head-content-wrap img{
             width: 7rem;
         }
         .phone{
             padding: 1rem 0rem;
         }
         .hero{
             margin-top: 10rem;
             padding: 0rem 1rem;
         }
         .hero-wrap{
             justify-content: flex-end;
             background-position: center;
             height: 60vw;
         }
         .hero-content{
             padding: 2rem 2rem;
         }
         .hero-content p{
             font-size: .9rem;
         }
         .hero-content h1{
             font-size: 1.4rem;
         }
         .hero-overlay{
             background: linear-gradient(360deg, rgba(0, 21, 78, 1) 17%, rgb(0 21 78 / 16%) 100%);
         }
         .hero-cta{
             display: none;
         }
         .definicion .content-wrap{
         display: flex;
         flex-direction: column-reverse;
         }
         .definicion .half-col:first-child{
             padding: 2rem;
         }
         .half-col h2{
             font-size: 2rem;
         }
         .half-col:last-child{
             height: 15rem;
         }
         .tab-button-wrap {
             grid-template-columns: 1fr 1fr;
             gap: 10px
         }
         .button-item{
             gap: 5px;
             padding: .5rem;
         }
         .button-image{
             padding-right: 10px;
         }
         .button-image img {
             width: 30px;
         }
         .btn-title{
             font-size: 1rem;
         }
         #progrmas .content-wrap{
             margin: 0rem 1rem;
         }
         #progrmas .content-wrap h2{
             text-align: center;
         }
         .programas-wrap{
             flex-direction: column;
             align-items: center;
             margin: 0rem 1rem;
         }
         .programa-item{
             width: -webkit-fill-available;
         }
             
         .mob-test-container{
             display: flex;
             display: -webkit-flex; 
             flex-wrap: wrap;
             row-gap: 2rem;
         }
         .test-container{
             display: none;
         }
         #intro-section .content-wrap{
             flex-direction: column-reverse;
             margin: 0rem 1rem;
         }
         #intro-section .content-wrap .content-half{
             width: -webkit-fill-available;
         }
         #intro-section .content-wrap .content-half img{
             width:-webkit-fill-available;
         }
         .programa-creciendo-item{
             width: 50%;
             padding: 1rem .7rem;
         }
         .tabs{
             padding: 2rem 0rem;
         }
         .tab-content-wrap{
             
             width: -webkit-fill-available;
             margin-bottom: 5rem;
         }
         .tab-content {
             flex-direction: column-reverse;
             align-items: center;
             gap: 5rem;
             width:-webkit-fill-available;
         }
         .tab-content-image{
             width: 85%;
         }
         .tab-content-text{
             width: auto;
         }
 
         .numeros-wrap{
             flex-direction: column;
             gap: 2rem;
             align-items: center;
             width: -webkit-fill-available;
         }
         .numeros-item{
             width: -webkit-fill-available;
         }
         .opinion-wrap{
             flex-direction: column;
             padding: 0rem 2rem;
         }
         .opinion-item{
             max-width: 400px;
             width: auto;
         }
         .foot .content-wrap{
             padding: 0rem 2rem;
         }
         .contacto-wrap{
             flex-direction: column;
         }
         .video-wrap{
             flex-direction: column;
             gap: 1rem;
         }
         .foot-menu .content-wrap {
             display: flex;
             gap: 2rem;
             flex-direction: column;
         }
         .col-foot:last-child{
             flex-direction: row;
         }
     }