/*
 * JUNTA FV - PORTAL UX A4-C2-R2
 * Correcciones responsive basadas en evidencia.
 * No modifica contratos de JavaScript.
 */

body.portal-ux-a4 #nosotros.benefits {
    min-width: 0;
}

body.portal-ux-a4 #nosotros.benefits .main {
    min-width: 0;
    grid-template-columns: 82px minmax(0,1fr);
}

body.portal-ux-a4 #nosotros.benefits .main img {
    display: block;
    width: 82px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

body.portal-ux-a4 #nosotros.benefits .main > * {
    min-width: 0;
}

body.portal-ux-a4 #nosotros.benefits .main p {
    overflow-wrap: break-word;
}

@media (min-width: 901px) {
    body.portal-ux-a4 .grid-top,
    body.portal-ux-a4 .home-extra {
        align-items: start;
    }

    body.portal-ux-a4 .home-extra .card {
        min-height: 0;
    }
}

@media (max-width: 620px) {
    body.portal-ux-a4 #nosotros.benefits {
        grid-template-columns: minmax(0,1fr);
        padding: 20px 17px;
        gap: 18px;
        align-items: stretch;
    }

    body.portal-ux-a4 #nosotros.benefits .main {
        display: grid;
        grid-template-columns: 52px minmax(0,1fr);
        gap: 12px;
        align-items: start;
    }

    body.portal-ux-a4 #nosotros.benefits .main img {
        width: 50px;
        height: auto;
        max-width: 100%;
        margin: 3px 0 0;
    }

    body.portal-ux-a4 #nosotros.benefits .main h3 {
        font-size: 17px;
        line-height: 1.28;
        margin-bottom: 8px;
    }

    body.portal-ux-a4 #nosotros.benefits .main p {
        font-size: 14px;
        line-height: 1.55;
        margin: 0;
    }

    body.portal-ux-a4 #nosotros.benefits .benefit-item {
        grid-template-columns: 46px minmax(0,1fr);
        gap: 12px;
        min-width: 0;
        border-left: 0;
        border-top: 1px solid #c5dcc0;
        padding-left: 0;
        padding-top: 15px;
    }

    body.portal-ux-a4 #nosotros.benefits .benefit-item .i {
        line-height: 1.15;
    }

    body.portal-ux-a4 .home-extra .card {
        min-height: 0;
    }
}

@media (max-width: 380px) {
    body.portal-ux-a4 #nosotros.benefits {
        padding-inline: 14px;
    }

    body.portal-ux-a4 #nosotros.benefits .main {
        grid-template-columns: 48px minmax(0,1fr);
        gap: 10px;
    }

    body.portal-ux-a4 #nosotros.benefits .main img {
        width: 46px;
    }
}