/* One global background; one centered, full-viewport informational banner. */
:root{--container-max:120rem}
body{isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,var(--bg),var(--bg-end))}
.hero{background:transparent;max-width:var(--container-max);margin-inline:auto}
.nosotros{height:100vh;height:100svh;background:transparent;text-align:center;position:relative;overflow:clip}
.section-container{position:relative;width:100%;min-height:100%;max-width:var(--container-max);margin-inline:auto;padding:clamp(3.75rem,8svh,6rem) var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:center}
.nosotros-label{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.6rem;letter-spacing:.25em;color:var(--navy-200);margin-bottom:clamp(1rem,3svh,2rem)}
.nosotros-label>span{width:2.5rem;height:1px;background:var(--gold-500)}
.nosotros-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,2.5svh,1.8rem)}
.nosotros-block{width:100%}
.nosotros h2{margin:0;font-weight:900;letter-spacing:-.055em;line-height:1.06;font-size:clamp(2.3rem,5.6vw,6rem);text-wrap:balance}
.nosotros h2 span{color:var(--gold-500)}
.nosotros-description p{margin-inline:auto;max-width:62ch;font-size:clamp(.875rem,1.05vw,1rem);line-height:1.6;font-weight:400;color:var(--navy-200);text-wrap:pretty}
.nosotros-values{margin-top:clamp(.5rem,2svh,1.5rem)}
html{scroll-padding-top:0}.header.scrolled{background:var(--surface);backdrop-filter:blur(16px)}
/* Informational values: one centered row on desktop, one aligned column on mobile. */
.values-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;width:100%;font-size:clamp(.75rem,1vw,1rem);font-weight:600;letter-spacing:.12em;line-height:1.4;color:var(--gold-500)}
.values-list>li{position:relative;min-height:var(--touch);display:flex;align-items:center;justify-content:center;padding:.5rem .2rem;white-space:nowrap;outline-offset:4px}
.values-list>li+li{padding-top:1.1rem}
.values-list>li+li::before{content:'';position:absolute;width:4px;height:4px;background:var(--gold-500);transform:rotate(45deg);top:0;left:calc(50% - 2px)}
.value-label{position:relative;display:inline-block;color:var(--gold-500);transition:color .25s ease,text-shadow .25s ease}
.values-list>li:hover .value-label,.values-list>li:focus-visible .value-label{color:var(--gold-300);text-shadow:0 0 12px color-mix(in srgb,var(--gold-500) 65%,transparent),0 0 24px color-mix(in srgb,var(--gold-500) 25%,transparent)}
@media(min-width:768px){.values-list{flex-direction:row;gap:0;font-size:clamp(.6rem,1vw,.95rem);letter-spacing:.08em}.values-list>li{padding:.75rem clamp(.4rem,1.1vw,1.3rem)}.values-list>li+li{padding-top:.75rem}.values-list>li+li::before{top:calc(50% - 2px);left:0}.values-list>li:first-child{padding-left:0}.values-list>li:last-child{padding-right:0}}


/* Compact balanced rows keep all content together on phone screens. */
@media(max-width:767px){.values-list{flex-direction:row;flex-wrap:wrap;gap:.2rem .9rem;font-size:.65rem;letter-spacing:.07em}.values-list>li,.values-list>li+li{padding:.5rem 0 .5rem .8rem;min-height:var(--touch)}.values-list>li::before,.values-list>li+li::before{content:'';position:absolute;width:3px;height:3px;background:var(--gold-500);transform:rotate(45deg);top:calc(50% - 1.5px);left:0}}
@media(max-height:700px) and (max-width:767px){.section-container{padding-block:3.5rem 1.5rem}.nosotros-stage{gap:.65rem}.nosotros-label{margin-bottom:.85rem}.nosotros h2{font-size:2.2rem}.nosotros-description p{font-size:.8125rem;line-height:1.5}.nosotros-values{margin-top:.25rem}}
.values-list>li:focus-visible{outline:1px solid var(--gold-500);outline-offset:3px}

.nosotros-description .company-name{font-weight:800;color:var(--gold-500)}

/* One fixed halo for the entire site: exact former Hero geometry and color. */
body::after{content:'';position:fixed;z-index:-1;pointer-events:none;width:80%;height:60%;left:10%;top:30%;background:radial-gradient(ellipse,color-mix(in srgb,var(--navy-600) 27%,transparent),transparent 68%);filter:blur(40px)}
@media(min-width:1024px){body::after{top:15%;left:21.5%;width:57%;height:76%}}


/* Original transparent portraits, framed at the lower outer edges. */
.nosotros-portraits{position:absolute;inset:0;pointer-events:none;z-index:0}
.nosotros-portrait{position:absolute;bottom:0;width:clamp(11rem,23vw,27rem);height:auto;max-height:48svh;object-fit:contain;object-position:bottom;mask-image:linear-gradient(to bottom,var(--white) 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,var(--white) 55%,transparent 100%)}
.nosotros-portrait--left{left:0}
.nosotros-portrait--right{right:0}
.nosotros .section-container{z-index:1}
@media(max-width:767px){.nosotros-portrait{width:29vw;max-height:20svh}.nosotros .section-container{padding-bottom:max(3.75rem,21svh)}}
@media(max-height:600px) and (min-width:768px){.nosotros-portrait{width:18vw;max-height:35svh}}

.nosotros-description .nosotros-closing{margin-top:1rem;font-weight:700;color:var(--white);font-size:clamp(.95rem,1.4vw,1.3rem)}.nosotros-closing span{color:var(--gold-500)}