.nosotros-hero{
    position:relative;
    width:100%;
    min-height:clamp(460px,41.6667vw,800px);
    overflow:hidden;
    color:var(--global-white);
    background-color:var(--global-black);
    background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 44%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.04) 100%),var(--nosotros-hero-image);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.nosotros-hero::after{
    content:"";
    position:absolute;
    inset:0;
    border-bottom:1px solid rgba(255,255,255,.18);
    pointer-events:none;
}

.nosotros-hero-row{
    position:relative;
    z-index:1;
    min-height:clamp(460px,41.6667vw,800px);
    padding-top:clamp(4rem,8vw,8rem);
    padding-bottom:clamp(4rem,8vw,8rem);
}

.nosotros-hero-copy{
    max-width:860px;
}

.nosotros-hero-copy .global-kicker{
    margin-bottom:1.25rem;
    color:rgba(255,255,255,.72);
}

.nosotros-hero-copy h1{
    margin-bottom:1.25rem;
    font-size:clamp(3rem,6vw,5.8rem);
    letter-spacing:-.06em;
}

.nosotros-hero-copy p{
    max-width:720px;
    margin-bottom:0;
    color:rgba(255,255,255,.74);
    font-size:clamp(1.05rem,1.7vw,1.3rem);
    line-height:1.65;
}

.nosotros-intro{
    border-bottom:1px solid var(--global-gray-200);
}

.nosotros-intro h2{
    max-width:480px;
    margin-top:1.5rem;
    font-size:clamp(2rem,3.6vw,3.4rem);
}

.nosotros-intro-lead{
    margin-bottom:0;
    font-family:var(--global-font-heading);
    font-size:clamp(1.45rem,2.5vw,2.25rem);
    font-weight:600;
    line-height:1.15;
    letter-spacing:-.035em;
}

.nosotros-intro-copy p{
    color:var(--global-gray-700);
    line-height:1.75;
}

.nosotros-intro-copy p:last-child{
    margin-bottom:0;
}

.nosotros-manifiesto-quote{
    margin:0;
    font-family:var(--global-font-heading);
    font-size:clamp(1.8rem,3.8vw,3.8rem);
    font-weight:600;
    line-height:1.08;
    letter-spacing:-.045em;
}

.nosotros-proceso-item{
    height:100%;
    padding:2rem;
    border:1px solid var(--global-gray-200);
    transition:color var(--global-transition),background var(--global-transition),border-color var(--global-transition),transform var(--global-transition);
}

.nosotros-proceso-item:hover{
    color:var(--global-white);
    background:var(--global-black);
    border-color:var(--global-black);
    transform:translateY(-4px);
}

.nosotros-proceso-item i{
    display:block;
    margin-bottom:2.5rem;
    font-size:2rem;
}

.nosotros-proceso-item h3{
    margin-bottom:.85rem;
    font-size:1.45rem;
}

.nosotros-proceso-item p{
    margin-bottom:0;
    color:var(--global-gray-600);
    line-height:1.65;
    transition:color var(--global-transition);
}

.nosotros-proceso-item:hover p{
    color:rgba(255,255,255,.68);
}

.nosotros-areas{
    padding:0;
    color:var(--global-white);
    background:#181818;
}

.nosotros-areas-heading{
    height:100%;
    padding:var(--global-section-space) clamp(1.25rem,5vw,5rem) var(--global-section-space) 0;
    border-right:1px solid rgba(255,255,255,.12);
}

.nosotros-areas-heading h2{
    margin-bottom:1.5rem;
    font-size:clamp(2.1rem,4vw,3.8rem);
}

.nosotros-areas-heading p{
    max-width:470px;
    margin-bottom:0;
    color:rgba(255,255,255,.6);
}

.nosotros-areas-list{
    height:100%;
}

.nosotros-area-item{
    padding:2.25rem 0 2.25rem clamp(1.5rem,5vw,5rem);
    border-bottom:1px solid rgba(255,255,255,.12);
    transition:background var(--global-transition),padding-left var(--global-transition);
}

.nosotros-area-item:hover,
.nosotros-area-item.is-active{
    padding-left:calc(clamp(1.5rem,5vw,5rem) + 1rem);
    background:rgba(255,255,255,.035);
}

.nosotros-area-item:last-child{
    border-bottom:0;
}

.nosotros-area-item h3{
    margin-bottom:.65rem;
    font-size:clamp(1.5rem,2.7vw,2.5rem);
}

.nosotros-area-item p{
    max-width:620px;
    margin-bottom:0;
    color:rgba(255,255,255,.58);
}

.nosotros-area-item i{
    font-size:1.5rem;
    transition:transform var(--global-transition);
}

.nosotros-area-item:hover i,
.nosotros-area-item.is-active i{
    transform:translate(4px,-4px);
}

.nosotros-cierre-logo{
    width:min(100%,240px);
    height:auto;
    display:inline-block;
    filter:grayscale(1);
}

.nosotros-cierre h2{
    margin:1rem 0 1.25rem;
    max-width:760px;
}

.nosotros-cierre-texto{
    max-width:640px;
    margin-bottom:0;
    color:rgba(255,255,255,.68);
    font-size:1.05rem;
    line-height:1.75;
}

@media (max-width:991.98px){

    .nosotros-cierre-logo{
        width:190px;
        margin-bottom:1rem;
    }

}

@media (max-width:991.98px){
    .nosotros-areas-heading{
        padding-right:0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .nosotros-area-item{
        padding-left:0;
    }

    .nosotros-area-item:hover,
    .nosotros-area-item.is-active{
        padding-left:1rem;
    }
}

@media (max-width:767.98px){
    .nosotros-hero{
        min-height:auto;
        background-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.94) 100%),var(--nosotros-hero-image);
        background-position:62% center;
    }

    .nosotros-hero-row{
        min-height:600px;
        padding-top:4rem;
        padding-bottom:4rem;
    }

    .nosotros-hero-copy h1{
        font-size:clamp(2.8rem,14vw,4.4rem);
    }

    .nosotros-proceso-item{
        padding:1.5rem;
    }

    .nosotros-proceso-item i{
        margin-bottom:2rem;
    }

    .nosotros-area-item{
        padding-top:1.75rem;
        padding-bottom:1.75rem;
    }

    .nosotros-area-item p{
        display:none;
    }
}

/* ==========================================================
   COLORES DE ENCABEZADOS SEGÚN CONTRASTE
========================================================== */

.nosotros-hero h1,
.nosotros-hero h2,
.nosotros-hero h3,
.nosotros-hero h4,
.nosotros-hero h5,
.nosotros-hero h6,
.nosotros-areas h1,
.nosotros-areas h2,
.nosotros-areas h3,
.nosotros-areas h4,
.nosotros-areas h5,
.nosotros-areas h6,
.nosotros-cierre h1,
.nosotros-cierre h2,
.nosotros-cierre h3,
.nosotros-cierre h4,
.nosotros-cierre h5,
.nosotros-cierre h6,
.nosotros-proceso-item:hover h1,
.nosotros-proceso-item:hover h2,
.nosotros-proceso-item:hover h3,
.nosotros-proceso-item:hover h4,
.nosotros-proceso-item:hover h5,
.nosotros-proceso-item:hover h6{
    color:var(--global-heading-dark-bg);
}