/* =========================================================
   UNC Directorio institucional
   Version 1.7.32
   ========================================================= */

body.unc-directorio-body-page{
    background:var(
        --unc-color-page-bg,
        #F3F7EA
    );
}

body.unc-directorio-body-page .page-header,
body.unc-directorio-body-page .entry-header{
    display:none !important;
}

.unc-directorio-page{
    width:100%;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            var(--unc-color-page-bg,#F3F7EA) 0%,
            #fff 48%,
            var(--unc-color-page-bg,#F3F7EA) 100%
        );
}

.unc-directorio-hero{
    display:block !important;
    width:min(
        1320px,
        calc(100% - 64px)
    );
    max-width:1320px !important;
    margin:36px auto 28px !important;
}

.unc-directorio-hero
.unc-standard-hero__content{
    width:100%;
    max-width:900px !important;
}

.unc-directorio-section{
    padding:18px 0 80px;
}

.unc-directorio-shell{
    width:min(
        1320px,
        calc(100% - 64px)
    );
    margin:0 auto;
}

.unc-directorio-section-head{
    max-width:780px;
    margin:0 0 30px;
}

.unc-directorio-section-head h2{
    margin:8px 0 12px;
    color:var(
        --unc-color-primary-dark,
        #033D22
    );
    font-size:clamp(
        1.8rem,
        3vw,
        2.5rem
    );
    line-height:1.12;
}

.unc-directorio-section-head
> p:last-child{
    max-width:720px;
    margin:0;
    color:var(
        --unc-color-text-soft,
        #5F6B66
    );
    font-size:1.05rem;
    line-height:1.7;
}

.unc-directorio-grid{
    display:grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    gap:22px;
    align-items:stretch;
}

.unc-directorio-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:270px;
    padding:24px;
    border:
        1px solid
        var(
            --unc-color-card-border,
            #E4E8DD
        );
    border-radius:26px;
    background:
        var(
            --unc-color-card-bg,
            #FFFFFF
        );
    box-shadow:
        var(
            --unc-card-shadow,
            0 12px 30px
            rgba(3,61,34,.08)
        );
}

.unc-directorio-card::before{
    content:"";
    position:absolute;
    top:0;
    left:28px;
    width:58px;
    height:4px;
    border-radius:0 0 8px 8px;
    background:
        var(
            --unc-color-accent,
            #F39A3D
        );
}

.unc-directorio-card__head{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.unc-directorio-avatar{
    display:flex;
    flex:0 0 58px;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border-radius:18px;
    background:
        var(
            --unc-color-primary-soft,
            #F3F7EA
        );
    color:
        var(
            --unc-color-primary-deep,
            #064E2B
        );
    font-size:1.35rem;
    font-weight:800;
    line-height:1;
}

.unc-directorio-role{
    margin:1px 0 6px;
    color:
        var(
            --unc-color-primary,
            #06803B
        );
    font-size:.78rem;
    font-weight:800;
    line-height:1.35;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.unc-directorio-card h3{
    margin:0;
    color:
        var(
            --unc-color-text,
            #1F2933
        );
    font-size:1.18rem;
    line-height:1.35;
}

.unc-directorio-contact{
    display:grid;
    gap:10px;
    margin-top:auto;
    padding-top:22px;
}

.unc-directorio-contact__row{
    display:grid;
    grid-template-columns:
        82px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding-top:10px;
    border-top:
        1px solid
        var(
            --unc-color-card-border,
            #E4E8DD
        );
    color:
        var(
            --unc-color-text,
            #1F2933
        );
    line-height:1.45;
}

.unc-directorio-contact__row > span{
    color:
        var(
            --unc-color-text-soft,
            #5F6B66
        );
    font-size:.86rem;
    font-weight:700;
}

.unc-directorio-contact__row a,
.unc-directorio-contact__row strong{
    min-width:0;
    color:
        var(
            --unc-color-primary-deep,
            #064E2B
        );
    font-weight:700;
    overflow-wrap:anywhere;
}

.unc-directorio-contact__row a{
    text-decoration:none;
}

.unc-directorio-contact__row a:hover,
.unc-directorio-contact__row a:focus-visible{
    color:
        var(
            --unc-color-accent-deep,
            #D95F00
        );
    text-decoration:underline;
}

.unc-directorio-empty{
    padding:26px;
    border:
        1px dashed
        var(
            --unc-color-card-border,
            #E4E8DD
        );
    border-radius:22px;
    background:#fff;
    color:
        var(
            --unc-color-text-soft,
            #5F6B66
        );
}

@media (max-width:1100px){
    .unc-directorio-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}

@media (max-width:767px){
    .unc-directorio-hero,
    .unc-directorio-shell{
        width:min(
            calc(100% - 32px),
            680px
        );
    }

    .unc-directorio-hero{
        margin-top:24px !important;
    }

    .unc-directorio-section{
        padding-bottom:56px;
    }

    .unc-directorio-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .unc-directorio-card{
        min-height:0;
        padding:21px;
        border-radius:22px;
    }
}

@media (max-width:420px){
    .unc-directorio-hero,
    .unc-directorio-shell{
        width:calc(100% - 24px);
    }

    .unc-directorio-card__head{
        gap:13px;
    }

    .unc-directorio-avatar{
        flex-basis:50px;
        width:50px;
        height:50px;
        border-radius:15px;
    }

    .unc-directorio-contact__row{
        grid-template-columns:1fr;
        gap:3px;
    }
}

/* =========================================================
   UNC Directorio v1.7.33
   Ajuste visual puntual:
   - mayor ancho de layout
   - ocultar inicial/avatar en tarjetas
   ========================================================= */

.unc-directorio-hero{
    width:min(1380px, calc(100% - 64px));
    max-width:1380px !important;
}

.unc-directorio-shell{
    width:min(1380px, calc(100% - 64px));
}

.unc-directorio-avatar{
    display:none !important;
}

.unc-directorio-card__head{
    gap:0 !important;
}

@media (max-width:767px){
    .unc-directorio-hero,
    .unc-directorio-shell{
        width:min(calc(100% - 32px), 760px);
    }
}

@media (max-width:420px){
    .unc-directorio-hero,
    .unc-directorio-shell{
        width:calc(100% - 24px);
    }
}