.beneficios{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 90vh;
    margin-top: 5%;
    background: #fefefe;
    

}

.cont-beneficios{
    height: 70vh;
    padding-left: 5%;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cont-beneficios h1{
    font-weight: 500;
    font-size: 40px;
    
}
.data{
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 90%;
}

.bene{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bene p{
    color: #747474;
}

.bene .titulo{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #616161;
}

.titulo img{
    width: 20px;
    height: 20px;
    font-size: 40px;
}

/* ----------------------------- */
/*      RESPONSIVE - MOBILE      */
/* ----------------------------- */
@media (max-width: 1300px) {

    /* SECCIÓN BENEFICIOS */
    .beneficios {
        flex-direction: column;     /* de fila → columna */
        height: auto;               /* ya no 90vh en mobile */
        padding: 10% 5%;
        margin-top: 0;
                /* mantiene estilo */
        border-bottom: none;
    }
    .beneficios .img_doc{
        display: none;
    }

    /* CONTENEDOR DE TEXTO */
    .cont-beneficios {
        width: 100%;
        height: auto;
        padding: 0;
        gap: 30px;
        align-self: flex-start;     /* evita centrado forzado */
    }

    .cont-beneficios h1 {
        font-size: 28px;
        text-align: left;
        line-height: 1.2;
    }

    /* LISTA DE BENEFICIOS */
    .data {
        flex-direction: column;
        gap: 25px;
        max-width: 100%;
    }

    .bene {
        gap: 8px;
    }

    .bene p {
        font-size: 14px;
        line-height: 1.4;
        color: #6a6a6a;
    }

    /* TÍTULO DE CADA BENEFICIO */
    .bene .titulo {
        gap: 12px;
    }

    .titulo img {
        width: 18px;
        height: 18px;
    }
}