body {
    font-family: 'Montserrat', sans-serif;
}

.opciones {
    max-width: 90%;
    margin-left: 10%;
    margin-top: 7%;
}

.botones.activo {
    max-width: 200px;
    max-height: 50px;
    background: #B69863;
    border-radius: 33px;
    border: none;
}

.botones {
    background: #D9D9D9;
    border-radius: 33px;
    border: none;
    width: 200px;
    height: 50px;
    text-align: center;
    color: #691B32;
    font-size: clamp(10px, 1.2vw + 0.4rem, 16px);
    font-weight: 400;
    word-wrap: break-word;
}

.columna {
    justify-content: center;
}

.titulo {
    width: auto;
    height: 100%;
    text-align: center;
    color: #691B32;
    font-size: clamp(48px, 3vw + 1rem, 64px);
    font-weight: 700;
    word-wrap: break-word;
    margin-bottom: 3%;
}

.imagen {
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}

.imagen img {
    width: 60%;
    height: 60%;
}

.imagen:hover img {
    transform: scale(1.2);
    /* Aumenta la escala de la imagen */
}

.texto {
    margin-top: 10%;
    width: auto;
    height: auto;
}

.texto p {
    width: auto;
    height: auto;
    text-align: justify;
    color: black;
    font-size: clamp(12px, 1.5vw + 0.5rem, 20px);
    font-weight: 400;
    word-wrap: break-word;
    margin-left: 10%;
    margin-right: 10%;

}

.contenedor {
    margin-top: 2%;
    margin-bottom: 3%;
}

/**************/
/* ESTRATEGIA */
/**************/

/* Seccion 1 */

#Section-1 {
    position: relative;
}

.s-i {
    background-image: url('../images/quienes-somos/modelo-estrategia.png');
    background-size: 90% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.s-i-opciones {
    position: absolute;
    top: 14%;
    left: 10%;
    z-index: 2;
}

.s-i-titulo {
    color: white;
    /* font-size: clamp(16px, 3vw, 47px); */
    font-size: clamp(16px, 2.2vw, 47px);
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    margin-top: 65%;
    width: 80%;
    margin-left: 6%;
}

.s-i-texto1 {
    color: white;

    font-size: clamp(14px, 1vw + 0.2rem, 24px);

    font-weight: 400;
    word-wrap: break-word;
    text-align: justify;
    margin-left: 10%;
    margin-top: 6%;
    width: 70%;
}

.s-i-texto2 {

    font-size: clamp(14px, 1vw + 0.2rem, 24px);
    color: black;
    margin-top: 80%;
    text-align: justify;
    width: 85%;
    margin-left: 15%;
    margin-bottom: 5%;
}


/* Seccion 2 */



.s-ii-burbuja img {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(-60%, -50%);
    width: 30%;
    z-index: 2;
}

.s-ii-burbuja svg {
    margin-left: -50%;
}

.s-ii-texto {
    width: 50%;
    height: 100%;
    text-align: justify;
    color: black;
    font-size: clamp(14px, 1vw + 0.2rem, 24px);

    font-weight: 400;
    word-wrap: break-word;
}


/* Seccion 3 */

.s-iii-titulo {
    max-width: 374px;
    color: #691B32;
    font-size: clamp(48px, 2vw + 1rem, 64px);
    font-weight: 700;
    word-wrap: break-word;
    margin-bottom: 10%;
}

.s-iii-pregunta {
    max-width: 527px;
    color: black;
    font-size: clamp(24px, 1vw + 1rem, 40px);
    font-weight: 500;
    word-wrap: break-word;
}

.s-iii-puntos {
    width: 100%;
    height: 100%;
    color: black;
    font-size: clamp(22px, 1.5vw + 0.5rem, 40px);
    font-weight: 600;
    word-wrap: break-word;
}

ul li::marker {
    color: #691B32;
    /* Cambiar color de las viñetas a un color personalizado */
}

ul li:hover {
    transform: scale(1.1);
}


/* Seccion 4 */

.s-iv-burbuja svg {
    margin-left: -50%;
}

.s-iv-texto {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    font-size: clamp(14px, 1vw + 0.2rem, 22px);
    width: 24%;
    text-align: justify;
}

.s-iv-imagen {
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-iv-imagen img {
    max-width: 120%;
    height: auto;
}


/* Seccion 5 */

.s-v {
    background: linear-gradient(180deg, white 0%, #D8C8A8 97%);
}

.s-v-imagen img {
    height: 63%;
}

.s-v-imagen,
.s-v-texto {
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-v-texto p {
    color: black;
    font-size: clamp(13px, 1vw + 0.3rem, 25px);
    font-weight: 400;
    word-wrap: break-word;
    text-align: justify;
}


/* Seccion 6 */

.s-vi-mapa p {
    color: #691B32;
    font-size: clamp(26px, 3vw + 1rem, 45px);
    font-weight: 700;
    word-wrap: break-word;
    text-align: center;
    margin-top: 5%;
    width: 100%;
}

.s-vi-mapa img {
    height: 60%;
}


.s-vi-mapa,
.s-vi-texto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.s-vi-texto p {
    color: black;
    font-size: clamp(15px, 1vw + 0.2rem, 30px);
    font-weight: 500;
    word-wrap: break-word;
    text-align: justify;
    margin-left: 10%;
}