/* Shared visual language from the approved home (degradados.html).
   Source rules: degradados.css, accents.css, closing.css, espirales.css.
   Header/font/vector files are copied unchanged; mappings below adapt its
   components to the team page. See work/sistema-home-procedencia.json. */
@font-face{font-family:Rethink;src:url('assets/sistema/rethink-sans.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{
  --beos-paper:#fff;--beos-ink:#222;--beos-blue:#349cc4;--beos-action:#086181;
  --beos-orange:#f29a58;--beos-mist:#c4e3ee;--beos-muted:#526069;--beos-rule:#dfe7ea;
  --beos-radius:4px;--beos-gutter:clamp(22px,4.5vw,72px);--beos-section-space:clamp(64px,7.8vw,100px);
  --beos-glow-left:radial-gradient(ellipse 90% 58% at 0% 50%,rgba(196,227,238,.78) 0%,rgba(222,240,248,.5) 42%,transparent 86%);
  --beos-glow-right:radial-gradient(ellipse 90% 58% at 100% 50%,rgba(196,227,238,.78) 0%,rgba(222,240,248,.5) 42%,transparent 86%);
  --white:var(--beos-paper);--ink:var(--beos-ink);--blue:var(--beos-blue);--orange:var(--beos-orange);--mist:var(--beos-mist);--muted:var(--beos-muted);--line:var(--beos-rule);
}
html{overflow-x:clip;scroll-padding-top:calc(var(--beos-header-height,103px) + 24px);scrollbar-color:var(--beos-action) var(--sky)}
body{background:var(--white)}
/* Anchor the blue mist to each chapter, so adding content never shifts it. */
body.interior .beos-topbar{background:var(--white)}
.hero.wrap,.culture.wrap{width:100%;max-width:none;padding-inline:max(var(--beos-gutter),calc((100% - 1456px)/2))}
.hero{position:relative;isolation:isolate;background:var(--beos-glow-right)}
.culture{background:var(--beos-glow-left)}
.life-section,.commitment-section{background-image:var(--beos-glow-left)}
.careers-section{background-image:var(--beos-glow-right)}
::selection{background:var(--mist);color:var(--ink)}
:focus-visible{outline:3px solid var(--beos-action);outline-offset:5px}
.skip-link{z-index:1100}
.wrap{width:calc(100% - var(--beos-gutter)*2);max-width:1456px}
.beos-brand-meaning{color:#637e89}
.hero{gap:clamp(32px,5vw,80px);padding-block:60px 96px;grid-template-columns:1.5fr 1fr}
.hero h1{font-size:clamp(48px,5.3vw,80px);line-height:1.06;font-weight:500;letter-spacing:-.045em}
.beos-accent{color:var(--blue)}
.hero-copy{max-width:380px}
.meet-link{background:var(--orange);color:var(--ink);border:1px solid var(--orange);border-radius:var(--beos-radius);padding:15px 23px;min-height:52px;gap:26px;font-size:15px;transition:background .18s,color .18s,border-color .18s}
.meet-link:is(:hover,:focus-visible){background:var(--beos-action);color:#fff;border-color:var(--beos-action)}
.culture{position:relative;isolation:isolate;padding-block:0 var(--beos-section-space)}
.culture::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-200px;bottom:-180px;left:0;width:100%;background:url('assets/sistema/team-orbits.svg') center/100% 100% no-repeat}
.culture>h2,.culture-chapter h2{font-size:clamp(40px,4.8vw,68px);font-weight:600;line-height:.98;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.culture>h2{margin-bottom:40px}
.purpose-pair,.purpose,.value-stage,.value-emblem,.culture-photo,.portrait-frame,.brand-tab,.rotation-toggle{border-radius:var(--beos-radius)}
.purpose-pair{gap:24px;overflow:visible}
.purpose-mission{background:#2c444d}
.purpose-vision{background:rgba(196,227,238,.65)}
.value-stage{background:rgba(245,252,255,.84);border:1px solid var(--line);border-top:0}
.value-emblem{background:var(--orange)}
.value-tab{border-radius:var(--beos-radius) var(--beos-radius) 0 0}
.value-tab[aria-selected=true]{background:#f5fcff;color:var(--beos-action)}
.value-tab[aria-selected=true]>svg{color:var(--beos-action)}
.values-heading h3{font-size:32px}
.rotation-toggle{border-color:var(--line);font-size:13px;transition:background .18s,color .18s}
.rotation-toggle:is(:hover,:focus-visible),.arrow-button:is(:hover,:focus-visible){background:var(--orange);color:var(--ink);border-color:var(--orange)}
.team-section{position:relative;background:var(--beos-glow-right);border-block:1px solid var(--line);padding-block:64px 72px;scroll-margin-top:0}
.brand-tab{background:rgba(255,255,255,.4);border-color:#b2ccd6}
.brand-tab[aria-selected=true]{background:#fff;border-color:var(--orange)}
.brand-tab:hover{border-color:var(--beos-action)}
.brand-selector-label{color:var(--muted);font-weight:400}
.person-heading h3{font-weight:500;letter-spacing:-.045em}
.portrait-frame{max-width:500px}
.portrait-brand{border-radius:var(--beos-radius)}
.team-quote{color:var(--slate)}
.culture-chapter{padding-block:var(--beos-section-space);scroll-margin-top:0}
.chapter-eyebrow{color:var(--muted);font-size:13px;font-weight:400;margin-bottom:28px}
.chapter-eyebrow>span{display:none}
.chapter-heading{margin-bottom:48px;align-items:end}
.chapter-intro{font-size:18px;line-height:1.55}
.life-moment h3,.learning-practices h3{font-weight:500}
.life-moment figcaption p{color:var(--muted)}
.learning-section{background:var(--beos-glow-right);position:relative;isolation:isolate}
.learning-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-60px 0 -70px;background:url('assets/sistema/shorts-sweep.svg') left center/100% 100% no-repeat}
.learning-layout{grid-template-columns:1fr 1.15fr;gap:clamp(40px,6.25vw,80px)}
.learning-copy h2{font-size:clamp(36px,4.25vw,62px)}
.learning-visual figcaption{border-left:0;border-bottom:1px solid var(--orange);padding:0 0 14px;font-size:16px}
.commitment-section h2{font-size:clamp(36px,4.25vw,62px)}
.commitment-invitation{border-radius:var(--beos-radius);background:rgba(196,227,238,.4)}
.site-footer{position:relative;isolation:isolate;min-height:180px;border-top:1px solid var(--line);background:transparent}
.site-footer::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-60px calc(-1*var(--beos-gutter)) 0;background:url('assets/sistema/final-wave.svg') center bottom/100% 100% no-repeat}
@media(min-width:1600px){.site-footer::before{left:calc((1456px - 100vw)/2);right:calc((1456px - 100vw)/2)}}
@media(max-width:1100px){.hero{grid-template-columns:1.3fr 1fr}.team-section{padding-block:48px 60px}.learning-layout{gap:40px}}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;gap:28px;padding-block:40px 64px}
  .hero h1{font-size:clamp(40px,8.8vw,64px)}
  .hero-copy{max-width:420px;font-size:18px}
  .culture::before{top:-100px;bottom:-100px;background-size:180% 100%;background-position:right center}
  .culture>h2,.culture-chapter h2{font-size:clamp(36px,7.6vw,56px);letter-spacing:-.05em}
  .purpose-pair{gap:16px}
  .chapter-heading{margin-bottom:32px;gap:24px}
  .chapter-eyebrow{margin-bottom:22px}
  .learning-layout{grid-template-columns:1fr;gap:32px}
  .learning-copy h2,.commitment-section h2{font-size:clamp(32px,7.3vw,52px)}
  .learning-section::before{inset:-35px 0;background-size:150% 100%;opacity:.75}
  .portrait-frame{position:static;max-width:none}
  .site-footer{padding-block:48px;min-height:150px}
  .site-footer::before{background-size:190% 100%}
}
@media(max-width:370px){.hero h1{font-size:38px}.hero-copy{font-size:17px}.culture>h2{font-size:36px}.value-message p{font-size:20px}.values-heading h3{font-size:27px}.purpose{padding:24px}.beos-nav{gap:4px 14px}}
@media(prefers-reduced-motion:reduce){.meet-link,.rotation-toggle{transition:none}}