body{
    background: var(--4color);
    font-size: 1.05em;
    overflow-x: hidden;
    font-family: var(--1font);
}

main{
    overflow:hidden;
}

.row>* {
    padding-right: calc(var(--bs-gutter-x) * 1.2);
    padding-left: calc(var(--bs-gutter-x) * 1.2);
}

a{
    cursor: pointer;
     transition:all ease 0.15s;
}

a:hover{
    color:var(--2color);
}

/* variables colores */
:root{
    --1color:#212246;
    --2color:#3DB0E4;
    --3color:#131430;
    --4color:#FFFFFF;
    --5color:#F1F1F1;

    --6color:#2fa0dd;
    --7color:#286191;
    --8color:#1A1B38;

    --1font:'Poppins', sans-serif;
}
/* ///////////////// */

h1,h2,h3,h4,h5,h6{
    font-family: var(--1font);
}

.container{
    max-width: 1500px;
    width: 80%;
}

img{
    max-width: 100%;
}

a{
    text-decoration: none;
}

.btn{
    border-radius: 0px;
    padding: 0.7em;
    font-family: var(--1font);
    min-width: 8em;
    font-weight: 600;
    transition: transform .3s; 
    border:none;
}

.btn-light{
    color:var(--2color);
}

.btn-light:hover{
    color:var(--1color);
}

.btn-primary:hover{
    background-color: var(--6color);
    transition: transform .3s; 

}


.form-control{
    background-color: var(--8color);
    border: 1px solid var(--2color);
    border-radius: 0%;
    color: var(--5color);
    padding-top: 1em;
    padding-bottom: 1em;
}

.mensaje{
    height: 10em;
}

/* header */
header{
    padding: 15px 0;
}

#menu-principal{
    justify-content:space-evenly;
}

.menu-trans header{
    position: absolute;
    z-index: 4;
    width: 100%;  
}

.menu-trans #menu-principal .main-menu > ul > li > a,
.menu-trans #menu-principal .main-menu > ul > .dropdown > a{
    color:#fff;
}

.menu-trans #menu-principal .main-menu > ul > li > a:hover,
.menu-trans #menu-principal .main-menu > ul > .dropdown > a:hover{
    color:#3DB0E4;
}

.menu-trans #menu-principal a:hover{
    color:#3DB0E4;
}

.menu-trans #menu-principal svg #texto path{
    fill:#fff;
}

.menu-trans #menu-principal svg #circulo-50{
    fill:#fff;
}

/*#logotipo:hover{
    transform:translateY(2.5px);
    opacity:0.8;
}*/

#logo svg #logotipo #texto{
    opacity:1;
    transition: all ease-in-out 0.15s;
    transform: translateX(0px);
}

#logo:hover svg #logotipo #texto{
    opacity: 0;
    transform: translateX(10px);
}

#logo svg #logotipo{
    position: relative;
}

#logo svg #imago{
   position: absolute;
}

@media(min-width:1100px){
#logo:hover svg #imago{
    animation:icono-ani 0.25s forwards alternate;
}

@keyframes icono-ani{
    0%{
        transform:translateX(0%);
    }
    
     50%{
        transform:translateX(40%);
    }
    
    75%{
        transform:translateX(30%);
    }
    
    100%{
        transform:translateX(35%);
    }
}
}

header a{
    font-family: var(--1font);
    font-style: normal;
    font-weight: 500;
    font-size: 0.8em;
    line-height: 1.87em;
    color: var(--3color);
    text-decoration: none;
    transition:all ease 0.1s;
}

header li{
    list-style-type: none;
    margin:0.5em 0.75em;
}

.mobile{
    display:none;
}

@media(max-width:1600px){
    header .container{
        width:97.5%;
    }
}

.main-menu ul{
    padding-left:0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

@media(max-width:1280px){
    article.col-4{
        width:24%;
    }

    article.col-8{
        width:76%;
    }
}

@media(max-width:1100px){
    
    

    header article.col-4{
        width: 300px;
    }

    header article.col-8{
        width:calc(100% - 300px);
    }

    .mobile{
         display:flex;
    }
    
   #menu-principal .main-menu{
        display:none !important;
    }
}

.mobile{
    width:110px;
    height:26px;
    margin-left:auto;
    cursor:pointer;
}


.mobile div span{
    width: 75%;
    height: 3px;
    background: var(--1color);
    display: block;
    position: absolute;
    transition: all ease 0.15s;
    right:0;
}

body:not(.open) .mobile:hover div span{
    width:85%;
}

.mobile div span:first-child{
    top: 0px;
}


.mobile div span:nth-child(2){
    top: calc(50% - 1px);
}

.mobile div span:nth-child(3){
    bottom: 0px;
}

.mobile > div{
    width: 50%;
    position: relative;
    font-family: var(--1font);
    color: var(--3color);
}

.home .mobile > div span{
    background: #fff;
}

.mobile > div:first-child{
    padding-left:10px;
    transition:all ease 0.25s;
}

.mobile:hover > div:first-child{
    padding-left:0px;
    color:var(--2color);

}


.open .mobile div span:nth-child(2){
    opacity: 0;
}

.open .mobile div span:nth-child(1){
    transform: rotate(45deg) translateY(10px) translateX(5px);
}

.open .mobile div span:nth-child(3){
    transform: rotate(-45deg) translateY(-11px) translateX(5px);
}


.menu-mobile{
    position:fixed;
    top: 90px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: -webkit-linear-gradient(45deg, #212246 0%,#3db0e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #212246 0%,#3db0e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-content: top;
    justify-content: center;
    padding: 50px;
    overflow: auto;
    transform: translatey(130%);
    transition: transform 0.20s ease-out;
}

.open .menu-mobile{
    transform: translatey(0%);
}

.menu-mobile ul{
    flex-direction: column;
    width: 80%;
    padding: 0px !important;
 }

 .menu-mobile ul li{
    text-align: center;
    margin:0px;
 }

  .menu-mobile ul li a{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    display: block;
    font-size: 16px;
    padding: 10px;
    color:#fff;
    font-weight:400;
    text-shadow: 0 0 0 rgba(255,255,255,0);
    transition:all ease 0.25s;
 }

 .menu-mobile ul li a:hover{
    color: #fff;
    text-shadow: 0px 0 10px rgba(255,255,255,0.8);
 }

@media(max-width:769px){
    .telefono, .sobre {
        display:none;
    }

    .mobile{
        margin-top:20px;
        height:26px;
        width:100%;
    }

    .mobile div:first-child{
        display:none;
    }

    .mobile div:last-child{
        width:100%;
    }

    .menu-mobile{
        top:80px;
    }

    .mobile div span{
        width:100%;
    }

    header article.col-4{
        width:80%;
        max-width:300px;
    }

    header article.col-8{
        width:60px;
        padding-left:0px;
    }

    

}

/*  */

.telefono{
    background-color: var(--2color);
    margin: 0em;
    padding: 0.5em;
    padding-left: 0em;
    color: var(--5color);
}
.telefono:hover{
    background-color: #296C9E;
    color:#fff;
}
.telefono > i{
    padding: 0.5em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    color: var(--7color);
    background-color: var(--6color);
}

.telefono > i{
    padding: 0.5em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    color: var(--7color);
    background-color: var(--6color);
    margin-right: 0.3em;
}

.sobre{
    color: var(--2color);
}
.sobre:hover{
    color: var(--1color);
}
.sobre > i{
    padding: 0.5em;
}

header > div > div{
    padding-top: 0em;
}

.dropdown{
    padding: 0.5em;
}

.top-menu > ul > li{
    margin: 0em;
    padding: 0.2em;
}

.top-menu > ul > li:first-child{
    margin-right: 1em;
}

/*//////////////////////////////////////////////// PAGINA INDEX ///////////////////////////////////////// */

/* /  intro  / */



.logo > img{
    position: absolute;
    width: auto;
    height: 18em;
    transform: translateY(88%);
    left: 3%;
}

.intro > h1{
    position: absolute;
    padding: 2% 10% 2% 2%;
    top: 40%;
    right: 0%;
    background-color: var(--1color);
    color: var(--4color);
    font-style: normal;
    font-weight: 600;
    font-size: 2em;
    width: 50%;
}
.intro > h1 > span{
    color: var(--2color);
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 0em;
    display: block;
}

.intro{
    background-size: cover ;
    background-image: url("../img/Intro.jpg");
    height: 30em;
    position: relative;
}

/* /  somos  / */
.somos{
    margin-top: 5em;
    margin-bottom: 5em;
}

.somos-text .icono_azul{
    padding-bottom:10px;
    display:block;
}

.questions p{
    font-size:0.9em;
    margin:2em 0;
}


h2{
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.25em;
}

h2 > span{
    color: var(--2color);
    display: block;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 0.5em;
    position: relative;
}

h2 > span:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--2color);
    border-radius: 100%;
    position: absolute;
    top:calc(50% - 5px);
    left: -25px;
}

h3{
    padding-top: 2em;
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.25em;
}

.somos-img{
    position: relative;
}

.somos-img > a{
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2em;
    color: var(--2color);
    bottom: 0em;
    right: 1em;
    transform: translateY(50px);
    cursor: pointer;
    text-decoration: none;
}

.azul{
    color: var(--2color);
}
.azul:hover{
    color: var(--1color);
}

.somos-img > img{
    position: relative;
    width: 100%;
    border:3px solid #fff;
    box-shadow: 10px 10px 0px rgba(60,176,228,.3);
    border-radius: 20px;
}

.text-azul{
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-top: 3em;
    margin-bottom: 2em;
}

/* /  servicios  / */
.servicios{
    background-color: var(--4color);
}

.servicios .card{
    padding: 1em;
}

.servicio-tarjetas article{
    display: flex;
    margin-bottom: 40px;
}

.servicio-tarjetas article > div{
    background: #fff;
    border:1px solid rgba(0,0,0,0.15);
    padding:40px 26px;
    width: 100%;
    position: relative;
}
.container-fluid{
    padding: 0em;
}

.servicio-tarjetas .container{
    transform: translateY(-60px);
}

.servicio-tarjetas{
    background-color: var(--5color);
}

.tarjetas > div{
    margin: 2em;
}
.tarjetas > a:hover{
    color: var(--1color);
}
.tarjeta{
    position: relative;
    margin: 0%;
}

.tarjeta a.mas1{
    transition: all ease 0.25s;
}
.tarjeta a.mas1:hover{
    transform: translateY(-0.5em);
    transition: all ease 0.25s;
}

.tarjeta > h3 {
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.2em;
    padding-top:0px;
}

.tarjeta > h3 > span{
    display: block;
    color: var(--1color);
    font-style: normal;
    font-weight: 400;
    font-size: 0.5em;
    line-height: 1em;
}
.tarjeta > p{
    font-size: 90%;
}
.leer-mas{
    cursor: pointer;
    display: block;
    position: absolute;
    color: var(--2color);
    bottom: 5%;
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.leer-mas:hover{
    color: var(--1color);
}

.mas{
    display: block;
    position: absolute;
    color: var(--2color);
    right: 15px;
    top: 10px;
    transition: transform .3s; 
}
.mas2{
    display: block;
    position: absolute;
    color: var(--2color);
    right: 15px;
    top: 10px;
    transition: transform .3s; 
}
.mas:hover{
    color: var(--1color);
    transition: transform .3s; 
    transform: scale(1.1);
}
.mas2:hover{
    right: 5%;
    top: 3%;
    color: var(--1color);
    transition: transform .3s; 
    transform: scale(1.1);
}
 
.bi-plus-circle::before, .bi-plus-circle{
    display: block;
    height: 30px;
    width: 30px;
    font-size: 1.4em;
    text-decoration: none;
    cursor: pointer;
}
/* /  AYUDA  / */
.ayuda-text{
    background-color: var(--1color);
    padding: 7%;
    padding-top: 4%;
    padding-bottom: 4%;
}

.ayuda-text label{
    
}

.ayuda h1{
    color: var(--1color);
}

.ayuda-text > h2 > span{
    font-family: var(--1font);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1em;
    color: var(--5color);
}

.ayuda-text > h2 > span:before{
    display: none;
}

.ayuda-text > h2 > i{
    margin-top: 1em;
}
.ayuda-text > h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.5em;
    color: var(--2color);
}

.ayuda-img{
    background-image: url("../img/pie.jpg");
    position: relative;
    display: block;
    background-size: cover ;
}

.ayuda-img > div > p{
    color: var(--1color);
    font-style: normal;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.5em;
}
.ayuda-img > div{
    margin: 1em;
    position: absolute;
    width: 33%;
    top: 15%;
    right: 5%;
    background-color: var(--4color);
    padding: 1em;
}
.tarjetas article{
    margin: 1em;
}

.form-enviar{
    margin-top: 1em;
}

/* /  FOOTER  / */
footer{
    background-color: var(--3color);
}

footer a{
    font-family: var(--1font);
    font-style: normal;
    font-weight: 500;
    font-size: 0.8em;
    line-height: 1.87em;
    color: var(--4color);
    text-decoration: none;
}

footer article{
    padding: 0em;
}

footer li{
    padding: 2em;
    list-style:none;
}
footer ul{
    padding: 0em;
    margin: 0em;
}

.bi-instagram::before, .bi-facebook::before, .bi-instagram, .bi-facebook{
    margin: 0em;
    padding: 0em;
    display: block;
    color: var(--4color);
    width: 2em;
    height: 2em;
    font-size: 1.2em;
    margin-top: 0.3em;
}

.facebook, .instagram{
    width: 1.5em;
    margin: 0em;
    padding: 0em;
    margin-left: 1em;
    display: block;
    color: var(--4color);
    width: 2em;
    height: 2em;
    font-size: 1.2em;
    cursor: pointer;
}

.bi-facebook :hover, .bi-instagram :hover{

}

/**/

.bi-arrow-right-short, bi-arrow-right-short::before{
    font-size: 1.5em;
}

/*//////////////////////////////////////////////// PAGINA QUIENES SOMOS ///////////////////////////////////////// */

/* intro */

#logo{
 display: flex;
justify-content: center;
}

.logo2 > img{
    position: absolute;
    width: auto;
    height: 10em;
    transform: translateY(160%);
    left: 5%;
}

.cabecera > h1{
    position: absolute;
    padding: 1.5% 10% 1.5% 1.5%;
    bottom: 0%;
    right: 0%;
    background-color: var(--1color);
    color: var(--4color);
    font-style: normal;
    font-weight: 600;
    font-size: 2em;
    width: 37%;
    margin: 0%;
}

.cabecera{
    background-size: cover ;
    background-image: url("../img/Intro.jpg");
    height: 25em;
    position: relative;
}

.text-fondo{
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-top: 3em;
    margin-bottom: 2em;
    background-color: var(--5color);
    padding: 1em;
}

/* /  conoce  / */

.conoce{
    margin-top: 5em;
    margin-bottom: 5em;
}

.conoce-tit{
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.4em;
}

/* /  equipo  / */

.equipo{
    background-color: var(--4color);
}

.equipo .container{
    margin-top: 2em;
    margin-bottom: 2em;
}

.equipo .card{
    padding: 0.4em;
}

.equipo-tarjetas article > div{
    position: relative;
    width: 100%;
    height: 100%;
}

.equipo-tarjetas article{
    margin-bottom: 40px;
    position: relative;
}

.nombre{
    display: block;
    position: absolute;
    bottom: 6%;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
}

.equipo-tarjetas a{
    text-align: center;
    color: var(--4color);
}

.equipo-tarjetas a{
    cursor: pointer;
    font-weight: 600;
    font-size: 0.8em;
}
.equipo-tarjetas span{
    font-weight: 300;
    margin: 0em;
    display: block;
}

.equipo a{
    color: var(--4color);
}

.bi-linkedin2{
    color: rgba(33, 34, 70, 0.66);
    font-size: 1.5em;
}

.bi-linkedin2:hover{
color: rgba(33, 34, 70, 1);
}

.zin{
    z-index: 10; 
}

/**/ /**/ /**/

.equipo .tarjeta2{
    background: linear-gradient(180deg, rgba(33, 34, 70, 0) 70%, #212246 100%);
    transition: all ease 1s;
}
.equipo .tarjeta2:hover{
    background: linear-gradient(180deg, rgba(33, 34, 70, 0) 40%, #212246 100%);
}
.equipo .tarjeta{
    width: 100%;
    height:100%;
    z-index: 2;
    position: absolute;
}
.equipo .img-tarjetas{
    width:100%;
    height:100%;
    object-fit: cover;
}
/**/ /**/ /**/
.equipo .swiper-slide > div,
.equipo-tarjetas article > div{
    overflow:hidden;
}
.equipo .swiper-slide > div:hover .img-tarjetas img,
.equipo-tarjetas article > div:hover .img-tarjetas img{
    transform:scale(1.1);
}

.img-tarjetas > img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition:all ease 0.15s;
}

.tarjeta-grande{
    background: linear-gradient(0deg, rgba(33, 34, 70, 0.66), rgba(33, 34, 70, 0.66));
    width: 100%;
    height:100%;
    z-index: 2;
    position: absolute;
    padding: 1em;
}

.tarjeta-grande > div{
    border: 2px solid #FFFFFF;
    width: 100%;
    height: 100%;
}

.tarjeta-grande a{
    font-size: 1.4em;
    position: absolute;
    padding-left: 7em;
    padding-right: 7em;
}

/* /  conoce  / */

.conoce{
    margin-top: 5em;
    margin-bottom: 5em;
}

.conoce-tit{
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.4em;
}

/*//////////////////////////////////////////////// CONSULTORIA PREMIUM ///////////////////////////////////////// */

/* /  MAIN CONSULTORIA  / */

.cabecera-2{
    background-size: cover ;
    background-image: url("..../images/cabecera-consultores.jpg");
    height: 15em;
    position: relative;
}

.cabecera-2 > h1{
    position: absolute;
    bottom: 25%;
    left: 60%;
    color: var(--4color);
    font-style: normal;
    font-weight: 600;
    font-size: 3em;
    width: auto;
    margin: 0%;
}

.cabecera-2 > h1 > span{
    color: var(--2color);
    display: block;
}

.logo3 > img{
    position: absolute;
    width: auto;
    height: 8em;
    transform: translateY(100%);
    left: 5%;
}

/* /  analisis  / */
.analisis{
    margin-top: 5em;
    margin-bottom: 5em;
}

.analisis-img > div{
    position: relative;
}

.maxc{
    width: max-content;
}

.banner-contacto{
    transition:all ease 0.15s;
    display:block;
}

.banner-contacto:hover{
    transform:translateY(-5px);
}

.text-derecha{
    position: absolute;
    color: var(--1color);
    font-style: normal;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-top: 3em;
    margin-bottom: 2em;
    background-color: var(--5color);
    padding: 1em;
    top: 15%;
    right: 0%;
    width: 135%;
    margin: 0%;
    padding-right: 50px;
    transform: translateX(30%);
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.text-rel{
    position: relative;
    padding: 0em;
}

.analisis .sub{
    color: black;
    font-weight: 900;
    font-size: 2em;
    margin-top: 2em;
    margin-bottom: 0.7em;

}

.analisis .sub2{
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 2em;
}


/* /  alfa  / */

.alfa .sub{
    font-weight: 900;
    font-size: 1.5em;
    color: var(--1color);
}

ol > li::marker{
    color: white;
    display: none;
}
ol > li{
    position: relative;
}
ol > li::before{
    content: "1";
    position: absolute;
    background-color: rgba(61, 176, 228, 0.2);
    color: var(--2color);
    width:40px;
    height:40px;
    text-align: center;
    border-radius: 100%;
    line-height: 40px;
    font-family: var(--1font);
    position: absolute;
    font-weight: 500;
    top: -10px;
    left:-50px;
    counter-increment: section;
    content: counter(section);
}

ol{
    counter-reset: section;
}

.circulo-azul{
    background-color: rgba(61, 176, 228, 0.2);
    color: var(--2color);
    width:40px;
    height:40px;
    text-align: center;
    border-radius: 100%;
    line-height: 40px;
    font-family: var(--1font);
    position: absolute;
    transform: translateX(-3em);
    font-weight: 500;
}

ul > li::marker{
    font-size: 0.7em;
}

.alfa ul > li{
    list-style-type: disc;
}

li > span{
    font-weight: 600;
}

ol > li{
    margin-top: 1em;
    margin-bottom: 1em;
}

ol{
    margin-left: 1.3em;
}

/* /  equipo 2  / */

.puntito{
    display: block;
    position: relative;
    margin-bottom: 1em;
}

.puntito:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--2color);
    border-radius: 100%;
    position: absolute;
    left: 48%;
    top: -15px;
}

.puntito:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--2color);
    border-radius: 100%;
    position: absolute;
    left: 48%;
    bottom: -15px;
}


/*//////////////////////////////////////////////// ASESORÍA ///////////////////////////////////////// */

/* main */

/*
#asesoria .analisis-img{
    padding: 0%;
}
#asesoria .analisis-text{
    padding-left: 3em;
    padding-right: 3em;
}
*/

/* asesoría */

#iniciar-contador{
    counter-reset: section;
}

/* section 1-5 */

.asesoria{
    margin-top: 5em;
    margin-bottom: 5em;
}

.secciones{
    margin-top: 5em;
    margin-bottom: 5em;
    margin-left: 3em;
    margin-right: 3em;
}

.fondo-gris{
    background: var(--5color);
    padding: 4em 4em 4em 5em;
}

.helvetica{
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.pop{
    font-family: var(--1font);
}

.enumeracion{
    position: relative;
}

h2.enumeracion{
    font-size:1.8em;
}


.enumeracion::before{
    content: "1";
    position: absolute;
    background-color: rgba(61, 176, 228, 0.2);
    color: var(--2color);
    width:60px;
    height:60px;
    text-align: center;
    border-radius: 100%;
    line-height: 60px;
    font-family: var(--1font);
    position: absolute;
    transform: translateX(-4em);
    font-weight: 500;
    font-size: 0.5em;
    counter-increment: section;
    content: counter(section);
    top: -15px;
    left:-10px;
}

.circ{
    color: var(--2color);
    position: absolute;
    top: 0.5em;
    left: -2em;
}

.cuadrado-azul::marker{
    color: var(--2color);
    background-color: var(--2color);
    list-style-type: square;
    font-size: 1.2em;
}
.cuadrado-azul{
    line-height: 2em;
}
.cuadrado-azul{
}

.disp-n::marker{
    display:none;
    list-style-type: none;
    color: var(--4color);
    position: relative;
}

.disp-n{
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 1.2em;
    position: relative;
}

hr{
  border: 1px dashed rgba(0, 0, 0, 0.6);
}

.btn-banner{
    transform: translateY(-50%);
}

.btn-banner:hover{
    transform: translateY(-55%);
}

.letra-blanca1{
    text-align: center;
    color: var(--4color);
    left: 12%;
    top: 5%;   
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 1.3em;
    transition: transform .3s; 
}
.letra-blanca2{
    text-align: center;
    color: var(--4color);
    left: 3%;
    bottom: 18%;
    display: block;
    position: absolute;
    z-index: 2;
    transition: transform .3s; 
}
.letra-blanca1:hover{
    color: var(--4color);
    cursor: pointer;
    transform: translateY(-10%);
}
.letra-blanca2:hover{
    color: var(--4color);
    cursor: pointer;
    transform: translateY(-10%);
}
.disp-flex{
    display: flex;
    flex-wrap: nowrap;
    margin-right: 1em;
}

.img-tarjetas2{
    position: relative;
    z-index: 1;
}

.mrg-top{
    border-top: 1px dashed  rgba(0, 0, 0, 0.6);

}


/* equipo 2 */


/*//////////////////////////////////////////////// CONTACTO ///////////////////////////////////////// */
.cabecera-3{
    background-size: cover ;
    background-image: url("../img/contact-cabecera.jpg");
    height: 28em;
    position: relative;
}

.cabecera-3 > h1{
    position: absolute;
    padding: 1.5% 10% 1.5% 1.5%;
    bottom: 0%;
    right: 0%;
    background-color: var(--1color);
    color: var(--4color);
    font-style: normal;
    font-weight: 600;
    font-size: 2em;
    width: 37%;
    margin: 0%;
}

.contacto .container{
    padding-top: 4em;
    padding-bottom: 11em;
}
.contacto-text{
    padding-left: 3em;
    padding-right: 3em;
}

.form-check-input:checked {
    background-color: var(--6color);
    border-color: var(--6color);
}

.form-contacto{
    background-color: var(--4color);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 0%;
    color: black;
    padding-top: 1em;
    padding-bottom: 1em;
}

.form-contacto2{
    color: white;
}

.iconos{
    color: black;
    position: absolute;
    left: -20px;
    background-color: rgba(61, 176, 228, 0.3);
    padding: 0.5em;
    border-radius: 100%;
    font-size: 1.5em;
}

.iconos-p{
    padding-left: 3em;
}

.contacto{
    background: url("../img/contacto-bg.jpg") no-repeat bottom;
}

.contacto-tit{
    padding-top: 1em;
    padding-bottom: 1em;
}

.contacto form{
    padding-top: 2em;
}

.logo4 > img{
    position: absolute;
    width: auto;
    height: 10em;
    transform: translateY(190%);
    left: 5%;
}

.contacto .disp-n a{
    color:var(--1color);
}

.contacto .disp-n a:hover{
    color:var(--2color);
}

.map{
    font-size:0.8em;
}

@media(max-width:1440px){
    .cabecera-2 > h1{
        font-size:2.5em;
    }

    .tarjeta h3{
        font-size:1.5em;
    }
}

@media(max-width:1200px){
    .letra-blanca2{
        left: 30%;
    }
    .letra-blanca1{
        left: 30%;
    }
}

@media(max-width:1199px){
    .text-derecha{
        position:relative;
        width:100%;
        top:auto;
        left:0px;
        transform:none;
        margin:30px 0;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
}

@media(max-width:1024px){
    
    /* SERVICIOS */
    h2{
        font-size:1.4em;
    }

    .secciones{
        margin: 30px 0;
    }

    .cabecera-2 > h1{
       font-size:2em;
       left:0px;
       right:0px;
       padding:30px;
       text-align:center;
    }

    .cuadrado-azul{
        line-height:1.4em;
        margin-bottom:10px;
    }

    .fondo-gris{
        padding:55px 25px 25px 25px;
    }


    .enumeracion:before{
        top:-50px;
        left:50px;
        width:40px;
        height:40px;
        line-height:40px;
    }

    .enumeracion{
        margin-top:40px;
    }

    .analisis{
        margin:2.5em 0 0;
    }
}

@media(max-width:992px){
    .logo3 > img{
        left:10px;
        width:20%;
        height:auto;
        bottom:-10px;
        transform:none;
    }

    .disp-n{
        padding-left:40px;
        position:relative;
    }

    .circ{
        left:0px;
    }

    .analisis-img > div{
        margin:30px 0;
    }

    .equipo-tarjetas a{
        font-size:1em;
    }

    footer{
        padding:40px;
    }

    ol > li::before{
        height:28px;
        width:28px;
        line-height:28px;
        font-size:14px;
        top:0px;
    }


    footer ul,
    footer .row{
        flex-direction:column;
    }

    footer ul li{
        text-align:center;
        padding:10px;
    }


    
}

/* EQUIPO */

.personal strong{
    color: var(--1color);
    font-size: 1.3em;
}

.personal li:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--2color);
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: -25px;
}

.personal li{
    list-style-type: none;
    position: relative;
}
.icono_azul{
    color: var(--2color);
}
.icono_azul:hover{
    color: var(--1color);
}
.icono_azul > i{
    padding: 0.5em;
}


@media(max-width:768px){
    .container{
        width:95%;
    }

    body{
        font-size:0.9em;
    }

    .ayuda-text{
        padding:40px;
    }
    .tarjeta p{
        margin-bottom:0px;
    }

    section.servicios > .container{
        max-width:90%;
    }

    .logo > img{
        height:10em;
        bottom:0px;
        transform:translateY(10px);
    }

    section.equipo h2{
        padding-left:30px;
    }
    
    figure{
        margin: 0px;
    }

   
}

@media(max-width:767px){
    .intro > h1{
        font-size:1.5em;
    }
    .logo > img{
        height:10em;
        bottom:0px;
        transform:translateY(10px);
    }
    
    header{
        padding:10px 0;
    }
    
    #logotipo img{
        height: 40px;
    }
    
    .mobile{
        transform: translateY(-10px)
    }
}

@media(max-width:575px){

    .equipo-tarjetas a{
        font-size:1.3em;
    }
}

@media(min-width:992px){
    .personal img{
        /*position: fixed;*/
    }

}
@media(max-width:992px){
    .personal img{
        padding-bottom: 2em;
    }
}
@media (max-width: 1024px){
    h2 {
        font-size: 2.5em;
    }
}


@media(max-width:539px){
    .intro{
        height:270px
    }

    .intro h1{
        position:absolute;
        bottom:0px;
        width:100%;
        top:auto;
        margin-bottom:0px;
        padding-left:30px;
        padding-right:30px;
    }

    .logo > img{
        height:5em;
        display:none;
    }

    .servicio-tarjetas .container{
        transform:translateY(-20px);
    }

    .logo2{
        display:none;
    }

    .cabecera{
        height:250px
    }

    .cabecera > h1{
        width:100%;
        position:absolute;
        bottom:0px;
        padding:10px 10px;
    }

    .conoce{
        margin-top:2.5em;
    }

    section.equipo h2{
        padding-left:60px;
    }

    .logo3 > img{
        width:15%;
    }

    .cabecera-2 > h1{
        bottom:auto;
    }

    .cabecera-2{
        height:150px;
    }

    .cabecera-2 > h1{
        padding:30px 10px;
    }

    h2{
        font-size:1.8em;
    }

    h3{
        font-size:1.6em;
    }

    .alfa .sub{
        font-size:1.25em;
    }

    h2 > span{
        margin-bottom:0.5em;
    }

    .puntito{
        text-align:center;
        padding-left:0px !important;
    }

    h2.enumeracion{
        font-size:1.5em;
    }

    .equipo-tarjetas a{
        font-size:1em;
    }

    .cabecera-3{
        height:150px;
    }

    .logo4{
        display:none;
    }

    .cabecera-3 > h1{
        bottom:0px;
        width:100%;
        padding:10px 10px;
    }

    .contacto-tit{
        font-size:1em;
    }

    .contacto-text{
        padding-left:20px;
        padding-right:20px;
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 3s ease-out;
}

#preloader.load {
    opacity: 0;
}

#preloader.leave {
    opacity: 1;
}

#preloader img {
    transition: all 0.5s ease-in-out;   
}

#preloader.load img {
    opacity: 0;
    transform: translateY(20px);
}

/*Cookies*/
#freeprivacypolicy-com---nb {
    font-family: var(--2font);
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    max-width: 100%;
  }
  
  #cc-nb-title,
  button.cc-nb-reject,
  .cc-pc-head-lang-select {
    display: none !important;
  }
  
  .freeprivacypolicy-com---nb .cc-nb-text {
      font-size: 14px !important;
      margin: 0 !important;
  }
  
  .freeprivacypolicy-com---nb .cc-nb-main-container {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 800px;
      padding: 20px !important;
  }
  
  .freeprivacypolicy-com---reset div {
      padding: 0 15px;
  }
  
  .cc-nb-buttons-container button {
    width: 100%;
  }
  
  .freeprivacypolicy-com---palette-light .cc-nb-okagree,
  .freeprivacypolicy-com---palette-light .cc-cp-foot-save {
    background-color: var(--2color) !important;
  }
  
  .freeprivacypolicy-com---pc-dialog  {
    font-family: var(--2font);
  } 
  
  .freeprivacypolicy-com---pc-dialog .cc-cp-foot-byline {
    opacity: 0 !important;
  }
  
  .cc-cp-body-tabs li:nth-child(3) {
    display: none !important;
  }
  
  @media(max-width:768px) {
    .freeprivacypolicy-com---pc-dialog .cc-cp-body-content-entry {
      padding: 25px 0 !important;
    }

    .freeprivacypolicy-com---nb .cc-nb-main-container{
        padding:0px !important;
    }

    .freeprivacypolicy-com---reset div{
        padding:5px;
    }

    .freeprivacypolicy-com---nb .cc-nb-text{
        font-size:12px !important;
        line-height:15px;
    }
}


.personal h3{
    padding-top: 0.5em;
}
.personal{
    margin-top: 2em;
    margin-bottom: 2em;
}

/* DIVI */
section{
    position:relative;
}

page-container{
    padding-top: 0px !important;
}
section.intro-video{
    height: 100dvh;
    position:relative;
    min-height: 600px;
}

.adorno{
    position:absolute;
    bottom:-1px;
    width:360px;
    height:87px;
    left:calc(50% - 180px);
    z-index:2;
    display:flex;
    align-items:flex-end;
}

.arrow-down{
    position:absolute;
    z-index:4;
    top:50%;
    left:50%;
    width:15px;
    animation: move-arrow 1s linear alternate infinite;
}

@keyframes move-arrow{
    0%{
        transform:translateY(0) translateX(-50%);
    }

    100%{
        transform:translateY(20px) translateX(-50%);
    }
}

.adorno-inverso{
    top:-1px;
    bottom:auto;
    transform:rotate(180deg);
}
/* 2025 */
/* Swipper */
.video-bg {
    height: 100dvh;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1;
}

.swiper.swiper-intro{
    position: absolute;
    background: transparent;
    z-index: 3 !important;
}

.swiper-wrapper{

}

.swiper.swiper-intro .swiper-slide{
    display: flex !important;
    padding: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: transparent;
}
    
.swiper.swiper-intro,
#video{
    width: 100%;
    height:100dvh;
    min-height: 600px;
}

.swiper-slide p{
    font-family: var(--1font);
    font-weight: 700;
    font-size: 2em;
    color:#fff;
}

.swipper-wrapper-equipo{
    overflow:hidden;
}

section.numeros,
section.servicios-25,

section.ig{
    padding-top: 5em;
    padding-bottom: 5em;
}

section.testimonios{
    padding-top: 10em;
    padding-bottom: 8em;
}


section.cta{
 padding-top: 2.5em;
    padding-bottom: 2.5em;

}


section.servicios-25{
    background: url(../img/bg-imago.jpg) no-repeat 50px 0px;
    background-size:25%;
}

section.numeros article:nth-child(1){ color:var(--2color);} 
section.numeros article:nth-child(2){ color:#373994} 
section.numeros article:nth-child(3){ color:var(--1color);} 


.big-number{
    font-size: clamp(4rem, -0.1739rem + 5.1449vw, 6rem);
    font-weight: 100;
}

section.numeros article p{
    margin-top:-15px;
 } 


 section.servicios-25{
margin-top:2;
} 

 section.servicios-25 a,
 section.servicios-page a{
    color:var(--1color);
 }

section.servicios-25 .card,
section.servicios-page .card{
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items:flex-start;
    padding:25px;
    background: rgba(60,176,228,0.2);
    border:none;
    /*margin-bottom:max(3vw,40px);*/
    border-radius: 20px;
    transition: all ease 0.25s;
    height: 100%;
 }

/*#home-servicios a{
    cursor: default;
}*/

 section.servicios-page .card{
    height:100%;
    margin-bottom:0px;
 }

  section.servicios-page .row{
    margin-bottom:45px;
  }

 section.servicios-25 .card:hover,
 section.servicios-page .card:hover{
    background: rgba(60,176,228,0.4);
 }

  section.servicios-25 .card > div,
  section.servicios-page .card > div{
    display: flex;
    width: 100%;
    column-gap: 15px;
    align-items: center;
    transition: all ease 0.15s;
}

      section.servicios-page .card > div{
        max-width:100%;
      }

  section.servicios-page .card > div{
    display:grid;

  }

  section.servicios-25 .card:hover > div,
  section.servicios-page .card:hover > div{
   /* column-gap: 20px;*/

}

#home-servicios{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
}

.col-servicios{
    display: flex;
    align-items:flex-end;
    padding-bottom: 30px;
}

#row-equipo{
    overflow-x: hidden;
}

.swiper-pagination-equipo{
    text-align:center;
}


.swiper-equipo{
    padding-left:0px !important;
    padding-right:0px !important;

}

.swiper-wrapper.equipo{
    padding-bottom:60px;
}

.swiper-equipo .nombre{
    position:absolute;
    font-size:0.8em;
    line-height:1em;
    bottom:20px
}

.swiper-equipo .swiper-slide > div{
    position:relative;
}

section.testimonios{
    background:var(--1color) url(../img/bg-testimonios.png) top left no-repeat;
    
}

section.testimonios{

}

section.testimonios h3{
    padding-top:0px;
    margin-top:0px;
    font-weight:100;
    font-size:6em;
    line-height:0.3em;
}

section.testimonios h3 span{
    font-size:0.2em;
}

section.cta{
    background: rgb(43,93,134);
background: linear-gradient(90deg, rgba(43,93,134,1) 0%, rgba(34,48,81,1) 100%);
}

section.cta article:nth-child(1){
    font-size:3vw;
    font-weight:700;
    color:#fff;
}

/* SERVICIOS 2025 */
#servicios-grid{
    display: grid;
    gap:20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1600px;
    margin: 0 auto;
}

@media(max-width:1250px){
    #servicios-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width:900px){
    #servicios-grid{
        grid-template-columns: 1fr 1fr;
    }
    
    #home-servicios .card{
        font-size: 1em;
    }
    
    #home-servicios .card img{
        width:50px;
    }
    
    section.numeros, section.servicios-25, section.ig{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media(max-width:767px){
    .mobile{
        max-width: 50px;
        transform: translateY(5px)
    }
}

@media(max-width:540px){
    #servicios-grid,
    #home-servicios{
        grid-template-columns: 1fr;
    }
    
    .swiper-slide p{
        font-size: 1.5em;
        padding:0 1em;
    }
    
    #logo svg{
        max-width: 90%;
    }
}

#servicios-grid a{
    /*cursor: default;*/
}

#servicios-grid .card{
   justify-content: flex-start;
    font-size: 0.9em;
}
.cabecera-servicios{
    padding: 8em 20px;
    text-align:center;
    background:url(../img/bg-servicios.jpg);
    color:#fff;
}

.cabecera-servicios h1{ 
    font-size:3em;
    color:#fff;
    font-weight:900;
}

section.servicios-page{
    padding:4em 0;
}

section.servicios-page h2{
    padding:10px 0 0px;
    font-size: 1.25em;
    font-weight:900;
}

.mobile .icon-menu{
    max-width: 50px;
}

.home-noticias h5 {
    color: var(--1color);
}
.home-noticias .col-md-4 a {
    transition: all 0.3s ease-in-out;
}
.home-noticias .col-md-4 a:hover {
    opacity: .7
}

@media(max-width:767px){
    .home-noticias h5{
        margin-bottom: 5px !important;
    }
    
    .home-noticias .col-md-4{
        margin-bottom: 30px;
    }
}