/* Compact staff directory on phones, shared by the current and hidden pages. */
@media (max-width: 767.98px) {
    .staff_seccion .category_staff {
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .staff_seccion .staff-grid-row {
        --bs-gutter-y: 12px;
    }

    .staff-grid-row > * {
        flex: 0 0 100%;
        width: 100%;
    }

    .staff-grid-row .box_profile_staff {
        min-height: 0;
        overflow: hidden;
    }

    .staff-grid-row .box_profile_staff > a {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-content: center;
        gap: 4px 16px;
        width: 100%;
        padding: 12px;
    }

    .staff-grid-row .box_profile_staff > a > div {
        grid-row: 1 / 3;
        align-self: center;
        border-radius: 5px;
    }

    .staff-grid-row .box_profile_staff .prifile_ {
        display: block;
        width: 80px;
        height: 80px;
        object-fit: cover;
        object-position: center top;
        border-radius: 5px;
    }

    .staff-grid-row .box_profile_staff .name_staff {
        align-self: end;
        padding: 0;
        font-size: 18px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .staff-grid-row .box_profile_staff .cargo_staff {
        min-height: 0;
        padding: 0 !important;
        font-size: 15px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .staff-grid-row .box_profile_staff .arrown--on--hover {
        display: none;
    }

    .staff-grid-row .box_profile_staff > a:focus-visible {
        outline: 2px solid var(--color-green-dark);
        outline-offset: -4px;
    }
}