:root {
    --bs-body-font-family: 'Google Sans Flex', sans-serif;
    --azul-elmet: #052758;
    --color-maind: #0064d5;
    --rojo-elmet: #e4003a;
    --verde-pagox:#216c61;
    --verde-btn:#009d7f;
    --gris-azulado:#4579ad;
    --gris-silver:#acc2d0;
}

body {
    font-family: 'Google Sans Flex', sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3  {
    line-height: 120%;
     font-weight: 200;
}

h4, h5, h6 {
    font-weight: 200;
    line-height: 150%;
}

h1  {
    font-size: clamp(2rem, 7vw, 3.815rem);
}

h2 {
    font-size: 3.05rem;
}

h3 {
    font-size: 2.45rem;
}

h4 {
    font-size: 1.95rem;
}

h5 {
    font-size: 1.56rem;
}

h6 {
    font-size: 1.25rem;
}

p {
    font-size: 1rem;
    font-weight: 200;
    line-height: 170%;
}  


.encabezado {
    width:100%;
    text-align: center;
    background-color: #052758;
    margin: 0;
    padding: 50px 30px;
}   


.encabezado h2 {
    color: var(--gris-silver);
    font-size: clamp(1.56rem, 4vw, 3.05rem);
    font-weight: 200;
    line-height: 120%;
}


.quienes-somos {
    padding: min(7rem, 20%) min(1.5rem, 10%);
}


.contenido-somos  {
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}


.logo-elmet{
    margin-bottom: 20px;
}


.logo {
    width: 100%;
    height: auto;
    max-width: 250px;
}


.destacado h4 {
    color: var(--gris-azulado);
}

.presentacion p{
    color: var(--azul-elmet);
}


.mision-vision {
    width: 100%;
    padding: min(7rem, 20%) min(1.5rem, 10%);
    background-color: var(--gris-azulado);
    color: white;
}


.contenido-mision-vision {
    max-width: 1000px;
    margin: auto;
    align-items: center;
}

.proposito, .mision, .vision {
    padding: 1.5rem 1rem;
}

.valores{
    width: 100%;
    padding: min(7rem, 20%) min(1.5rem, 10%);
    background-color: var(--gris-silver);
}

.contenedor-valores {
    max-width: 1000px;
    margin: auto;
}

.contenedor-valores h3{
    color: var(--azul-elmet);
    margin-bottom: 2rem;
}


.valor{
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 18px;
    padding: 20px 0;
}

.icono-contenedor{

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: white;
    border-radius: 50px;
    
}

.icono{
    width: 50px;
    height: auto;
    stroke: var(--color-maind);
    fill: var(--color-maind);
}

.titulo-valor{
    color: var(--azul-elmet);
    font-size: 1.4rem;
    line-height: 120%;
    font-weight: 200;
}


.quienes-somos {
     padding: 6rem min(1.5rem, 10%) 7.5rem;
}

.destacado {
    padding-bottom: min(1.5rem, 10%);
}

.visionarios {
    padding: 5rem min(1.5rem, 10%);
    background-color:  #e6edf1;
}

.contenido-visionarios {
    max-width: 1000px;
    margin: auto;
    align-items: center;
    gap: 30px;
}   

.contenido-visionarios h3{
    color: var(--azul-elmet);
}   

.socio {
    margin-bottom: 3rem;
    color: var(--azul-elmet);
}

.img-socio {
    width: 250px;
    height: 300px;
    margin-bottom: 1rem;

}

.socio-perfil {
    border-radius: 5px;
}

.Nombre h5{
    font-weight: 500;
    margin: 0px;
}