/* Prueba del panel carbón de casos de la home, aplicada solo al equipo.
   Referencia: degradados.html #beos-impact — #222 / #f8faf9 / #349cc4. */
.team-section{
 --ink:#f8faf9;
 --slate:#d0dce0;
 --muted:#becbd0;
 --line:rgba(248,250,249,.18);
 --team-control-border:#6d7f87;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 width:calc(100% - var(--beos-gutter)*2);
 max-width:1456px;
 margin-inline:auto;
 padding:clamp(40px,4.5vw,64px) clamp(24px,4vw,56px);
 background:radial-gradient(ellipse at 75% 38%,rgba(52,156,196,.11),transparent 60%),#222;
 color:var(--ink);
 border:0;
}
.team-section>.wrap{position:relative;z-index:1;width:100%;max-width:none}
.team-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.78}
.team-section .team-brand-picker{max-width:none}
.team-section .team-stage{gap:48px}
.team-section .brand-selector-label,
.team-section .person-heading>p,
.team-section .text-label{color:var(--muted)}
.team-section .brand-tab{
 color:var(--ink);
 background:rgba(41,43,44,.86);
 border-color:var(--team-control-border);
}
.team-section .brand-tab[aria-selected=true]{
 background:#2c444d;
 color:var(--ink);
 border-color:var(--orange);
}
.team-section .brand-tab-logo{filter:brightness(0) invert(1)}
.team-section .team-quote{color:var(--ink)}
.team-section .short-name{color:var(--muted)}
.team-section .person-tab[aria-selected=true] .short-name{color:var(--ink)}
.team-section .person-tab[aria-selected=true] .thumb{outline-color:var(--orange)}
.team-section .portrait-brand{background:#fff}
@media(hover:hover) and (pointer:fine){
 .team-section .brand-tab:hover{background:#2c444d;border-color:var(--blue)}
 .team-section .brand-tab[aria-selected=true]:hover{border-color:var(--orange)}
 .team-section .person-tab:hover .thumb{outline-color:var(--blue)}
}
.team-section :focus-visible{outline-color:var(--orange)}
.team-section .person-tab:focus-visible .thumb{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1100px){
 .team-section .team-stage{gap:32px}
}
@media(max-width:640px){
 .team-section{padding:32px 20px}
 .team-section .team-stage{gap:28px}
 .team-particles{opacity:.62}
 .team-section .people{--columns:5;gap:16px 10px}
}