body {
    margin: 0;
    font-family: Arial, sans-serif;
    padding-top: 0%;
    overflow-x: hidden;
}
html{
    width: 100% !important;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
.main{
    margin-top: 10%;
    color: black;
    font-size: large;
}
.navbar {
    width: 100%;
    background-color: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.navbar-nav{
    margin-left: 35% !important;
}
.nav-item{
    margin-left: 3%;
    margin-right: 3%;
    font-size: 1em;
}
.logoDeFondo{
    float: left;
}
.col-lg-5{
    padding-left: 0%;
    padding-right: 0%;
}
.row{
    margin-left: 0%;
    margin-right: 0%;
}
.fondoUno{
    background-image: url('https://aionliderazgoequipos.com/assets/images/fondos/fondoToma2.jpg');
    background-size: cover;
    border-radius: 25px;
    width: 100%;
}
.fondoDos{
    background-image: url('https://aionliderazgoequipos.com/assets/images/fondos/fondoToma3.jpg');
    background-repeat: repeat;
    background-size: cover;
    border-radius: 25px;
    width: 100%;
}
.fondoTres{
    background-image: url('https://aionliderazgoequipos.com/assets/images/fondos/fondo2Toma1.jpg');
    background-size: cover;
    border-radius: 25px;
}
.fondoCuatro{
    background-image: url('https://aionliderazgoequipos.com/assets/images/fondos/fondoToma1.jpg');
    background-size: cover;
    border-radius: 25px;
}
.hero-title{
    font-family: 'Inter', sans-serif;
    font-weight: 500; 
    font-size: 3.2em;
}
.hero-subtitle{
    width: 90%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    letter-spacing: 0.5px; 
    font-size: 1.5em;
    color: #518e8f;
}

.paletaDeProposito{
    height: 65%;
    width: 8%;
    float: left;
}
.textoDeTituloDeProposito{
    margin-left: 30%;
    font-size: 2em;
}
.paletaDeProposito{
    height: 120px;
}
.contenedorDelTituloDeProposito{
    height: min-content !important;
}
.contenedorDeTextoDeProposito{
    height: min-content !important;
}
.textoDeProposito{
    font-size: 1.5em;
    margin-top: 7%;
    margin-left: 10%;
    margin-bottom: 0%;
    font-family: 'Montserrat', sans-serif;
}

.colorDeTextoAzul{
    color: #2f3e85;
}
.fotoEquipo{
    margin-top: 35%;
    margin-bottom: 3px;;
    width: 60%;
}
.separador1{
    float: inline-end;
    height: 60%;
    width: 50%;
}
.separador2{
    float: inline-end;
    height: 60%;
}
.textoDeEquipo{
    float: right;
    text-align: right;
    width: 80%;
    margin-top: 50%;
}
.col-lg-1 {
display: flex;
flex-direction: column;
justify-content: flex-end; /* Mueve el contenido hacia abajo */
}
.nombreDeEquipo{
    font-size: 1em;
}
.subnombreDeEquipo{
    font-size: 1em;
}
.textoPersonalDeEquipo{
    font-size: 0.8em;
}
.logoLinkedin{
    width: 10%;
    float: left;
}
.nombreLinkedin{
    font-size: 0.7em;
    float: left;
}

.colorLiderazgo{
    color: #518e8f;
}
.colorEquipos{
    color: #d94539;
}
.colorCultura{
    color: #c79832;
}
/* Soluciones */


.parte2{
    margin-top: 8%;
}
.paletaDeSoluciones{
    height: 65%;
    width: 8%;
    float: left;
}
.textoDeTituloDeSoluciones{
    text-align: right;
    margin-left: 30%;
    font-size: 2.3em;
}
.textoDeSoluciones{
    font-size: 0.9em;
    margin-top: 12%;
    margin-left: 10%;
    font-family: 'Montserrat', sans-serif;
}

.logoSoluciones{
    margin-left: 37.5%;
    width: 25%;
}
.contenedorTituloDeSolucionesLiderazgo{
    border-top: #518e8f 10px solid;
    background-color: #273247;
    border-radius: 15px;
    font-size: 1.7em;
    padding-top: 8px;
    padding-bottom: 3px;
    text-align: center;
    color: #efebe2;
    margin-top: 3%;
    width: 80%;
    margin-left: 10%;
}
.contenedorTituloDeSolucionesEquipos{
    border-top: #d94539 10px solid;
    background-color: #273247;
    border-radius: 15px;
    font-size: 1.7em;
    padding-top: 8px;
    padding-bottom: 3px;
    text-align: center;
    color: #efebe2;
    margin-top: 3%;
    width: 80%;
    margin-left: 10%;
}
.contenedorTituloDeSolucionesCultura{
    border-top: #c79832 10px solid;
    background-color: #273247;
    border-radius: 15px;
    font-size: 1.7em;
    padding-top: 8px;
    padding-bottom: 3px;
    text-align: center;
    color: #efebe2;
    margin-top: 3%;
    width: 80%;
    margin-left: 10%;
}
.parteSoluciones{
    font-size: 0.8em;
}
.contenedorDeSubtituloYDespcripcionSoluciones{
    text-align: center;
    font-size: 0.8em;
}
.subtitulo {
    color: #3C58A1;
    font-weight: bold;
    font-size: 18px;
}

.descripcion {
    text-align: center;
    color: #000;
    font-size: 16px;
}
.fondoDeSoluciones{
    width: 70%;
    margin-left: 15%;
    margin-top: 5%;
    margin-left: 13%;
    padding-bottom: 3%;
}
.contenedorTextoDeFondoDeSoluciones{
    text-align: center;
}
.textoDeFondoDeSoluciones{
    font-size: 1.5em;
    color: black;
}


.parteDeSolucionEspecifica{
    margin-top: 10%;
}

/*Soluciones de Liderazgo*/

.container-xxl{
    padding: 0%;
}
.colorDeTextoCeleste{
    color: #518e8f;
}
.colorDeTextoRojo{
    color: #d94539;
}
.colorDeTextoAmarillo{
    color: #c79832;
}
.paletaDeAlgunaSolucion{
    width: 100%;
}
.tituloDeAlgunaSolucion{
    text-align: right;
    font-size: 2em;
    margin-right: 5%;
}
.padding-left-0{
    padding-left: 0%;
}
.subtituloDeAlgunaSolucion{
    text-align: right;
    margin-right: 5%;
}
.descripcionDeAlgunaSolucion{
    text-align: right;
    margin-right: 5%;
    font-size: 0.8em;
}
.logoDeAlgunaSolucion{
    width: 30%;
    margin-left: 55%;
}
.listaDeAlgunaSolucion{
    border-radius: 15px;
    margin-top: 15%;
}
.h4deAlgunaSolucion{
    font-size: 1em;
}
.contenidoDeAlgunaSolucion{
    font-size: 0.7em;
}
.entreTanto{
    width: 100%;
}
.imgEntreTanto{
    width: 70%;
    margin-left: 15%;
    margin-right: 14%;
}
/*Cliente*/

.imgClientesMobile{
    display: none;
}
.imgClientesCompleta{
    width: 70%;
    margin-left: 15%;
    margin-right: 14%;
}

/*Claves*/

.imgClavesMobile{
    display: none;
}
.imgClavesCompleta{
    width: 70%;
    margin-left: 15%;
    margin-right: 14%;
}

/*Footer*/
.footer{
    background-color: #efebe2;
}
.imgInicioFooter{
    width: 100%;
}
.imgContactoDesktop{
    width: 70%;
    margin-left: 15%;
}
.imgContactoMobile{
    display: none;
}
.imgLogoFinal{
    width: 100%;
}