/* Twelve form shortcuts in two independent columns. Each complete cell is a link. */
.s-roles{margin-top:clamp(48px,5vw,88px)}
.s-roles .roles__intro{grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:30px}
.s-roles .roles__intro h2{font-size:clamp(23px,2.2vw,34px);line-height:1.6;max-width:24ch}
.s-roles .role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3.4vw,58px);row-gap:0}
.s-roles .perfil-item,.s-roles .role-chip{display:flex;min-width:0;padding:0;font:500 clamp(24px,2.35vw,42px)/1.2 var(--display);letter-spacing:-.02em}
.s-roles .role-grid>li:nth-last-child(-n+2){border-bottom:1px solid #e8e6df35}
.s-roles .perfil-item::before,.s-roles .role-chip::before,
.s-roles .perfil-item::after,.s-roles .role-chip::after{content:none;display:none}
.role-link{position:relative;isolation:isolate;display:flex;align-items:center;gap:clamp(14px,1.8vw,28px);width:100%;min-width:0;min-height:100px;padding:24px 18px;color:inherit;overflow-wrap:normal;transition:color .2s ease-out}
.role-link::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22,1,.36,1)}
.role-link .role__index{flex:0 0 2ch;min-width:2ch;transition:color .18s ease-out}
.role-link:focus-visible{color:var(--ink);outline:1px solid var(--accent);outline-offset:-2px}
.role-link:focus-visible::before,.role-link:active::before{transform:scaleX(1)}
.role-link:focus-visible .role__index,.role-link:active .role__index{color:inherit}
.role-link:active{color:var(--ink)}
@media(hover:hover){.role-link:hover,.role-link:hover .role__index{color:var(--ink)}.role-link:hover::before{transform:scaleX(1)}}
.s-roles .roles__footnote{margin-top:24px;font-size:12px;line-height:1.6;color:#bfc1b9;max-width:none}
@media(max-width:820px){
  .role-link{gap:15px;min-height:96px;padding:22px 12px}
  .s-roles .roles__intro{grid-template-columns:minmax(0,1fr) 100px;gap:18px 20px}
  .roles__intro h2{grid-column:1}
  .roles__intro .roles-pinball{grid-column:2;grid-row:1;align-self:center}
}
@media(max-width:700px){
  .s-roles .role-grid{grid-template-columns:minmax(0,1fr)}
  .s-roles .role-grid>li:nth-last-child(2){border-bottom:0}
  .s-roles .perfil-item,.s-roles .role-chip{font-size:clamp(21px,4.4vw,31px)}
  .role-link{min-height:84px;padding:21px 12px}
}
@media(max-width:540px){.role-link{gap:18px}.s-roles .roles__intro h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.role-link,.role-link::before,.role-link .role__index{transition:none}}