/* ABA Games / Nosotros — institutional story and expandable team roster */
.about-page{background:#0a1019}
.about-page .nav-links a[aria-current="page"]{color:#fff}
.about-page .nav-links a[aria-current="page"]::before{content:"";position:absolute;left:-9px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:var(--red)}
.about-page .nav-links a[aria-current="page"]:hover{color:var(--red)}
.about-page .section{scroll-margin-top:95px}

.about-hero{position:relative;padding:77px 0 0;overflow:hidden;background:radial-gradient(circle at 72% 24%,rgba(183,28,39,.19),transparent 36%),linear-gradient(115deg,#0d1924 0%,#080d15 70%)}
.about-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 172px,rgba(190,210,221,.027) 173px 174px);pointer-events:none}
.about-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.89fr);align-items:center;gap:clamp(35px,5.5vw,90px);padding-bottom:65px}
.about-hero-copy h1{font:900 clamp(85px,9vw,154px)/.78 var(--font-display);letter-spacing:-2px;margin:34px 0 28px}
.about-hero-copy h1 span,.about-page .display-title span{color:var(--red)}
.about-hero-statement{font:900 clamp(19px,2.2vw,31px)/1 var(--font-display);letter-spacing:.3px;color:#f2f1e9;max-width:560px}
.about-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#aabcc7;max-width:565px;margin:27px 0 31px}
.about-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.about-hero-note{margin-top:34px;color:#91a6b5;font:800 13px var(--font-display);letter-spacing:1.35px}
.about-hero-note>span{color:var(--red);font-size:19px;vertical-align:middle;margin-right:5px}
.about-hero-stage{min-height:585px}
.about-hero-stage .home-hero-logo{width:min(84%,445px)}
.about-hero-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #37444f}
.about-hero-rail span{padding:20px 14px 22px;border-right:1px solid #37444f;color:#9eb1bd;text-align:center;font:800 15px var(--font-display);letter-spacing:1.3px}
.about-hero-rail span:last-child{border-right:0}

.about-origin{background:#0c131d}
.about-origin-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(45px,7vw,110px);margin-top:38px}
.about-origin .display-title{font-size:clamp(66px,7.2vw,108px);line-height:.87;margin:0 0 24px}
.about-origin .home-story-copy{padding-top:7px}
.about-origin-statement{margin-top:50px;padding:32px 38px;border-top:1px solid #415362;border-bottom:1px solid #415362;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(100deg,rgba(180,23,31,.11),transparent 70%)}
.about-origin-statement>span{font:800 13px var(--font-display);letter-spacing:2px;color:#92aab7;flex:0 0 170px}
.about-origin-statement>strong{font:900 clamp(30px,3.6vw,51px)/.93 var(--font-display);text-align:right}
.about-origin-statement em{font-style:normal;color:var(--red)}

.about-values-section{background:radial-gradient(circle at 8% 0,rgba(157,22,32,.16),transparent 36%),#101925}
.about-values-section .display-title{font-size:clamp(63px,7vw,106px);line-height:.85;margin:31px 0 0}
.about-values{margin-top:44px}
.about-values article{min-height:208px;display:flex;flex-direction:column;justify-content:center}
.about-values h3{font-size:49px;margin-top:15px}
.about-values p{max-width:320px;font-size:14px}

.about-team{background:#0a111b}
.about-team-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin:34px 0 45px}
.about-team .display-title{font-size:clamp(67px,7vw,113px);line-height:.84;margin:0}
.about-team-intro p{color:#a4b7c3;font-size:16px;line-height:1.9;margin:0;max-width:470px;padding-bottom:7px}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.about-team-card{border:1px solid #364b59;background:#111e29;min-width:0;overflow:hidden;transition:transform .22s,border-color .22s}
.about-team-card:hover{border-color:#d63b39;transform:translateY(-3px)}
.about-team-portrait{height:270px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid #344b56;background:radial-gradient(ellipse at 50% 90%,rgba(230,40,43,.2),transparent 52%),repeating-linear-gradient(125deg,transparent 0 30px,rgba(255,255,255,.025) 31px 32px),#101a26}
.about-team-portrait::after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(246,51,48,.13);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.014),0 0 0 90px rgba(255,255,255,.009)}
.about-team-portrait>span,.about-team-portrait>small{position:absolute;left:22px;font:800 12px var(--font-display);letter-spacing:1.6px;z-index:1}
.about-team-portrait>span{top:20px;color:#9bb1bf}
.about-team-portrait>small{bottom:18px;color:#db4948}
.about-team-portrait>strong{font:900 clamp(112px,13vw,194px)/1 var(--font-display);color:#d7272c;letter-spacing:-7px;z-index:1;text-shadow:0 15px 30px rgba(0,0,0,.4)}
.about-team-card-copy{padding:24px 23px 27px}
.about-team-role{font:800 12px var(--font-display);letter-spacing:1.6px;color:#e54c49}
.about-team-card h3{font:900 clamp(38px,4.3vw,58px)/.95 var(--font-display);margin:12px 0 18px;overflow-wrap:anywhere}
.about-team-card p{font-size:14px;color:#a6b9c5;line-height:1.75;min-height:99px;margin:0}
.about-team-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}
.about-team-tags span{border:1px solid #395365;padding:7px 10px;color:#b5c5ce;font:800 11px var(--font-display);letter-spacing:.6px}
.about-team-more{display:flex;align-items:center;gap:40px;padding:25px 29px;margin-top:19px;border-left:3px solid var(--red);background:#15232d}
.about-team-more span{font:900 25px var(--font-display);color:#f5f3ed;min-width:205px}
.about-team-more p{margin:0;color:#aabdc8;font-size:14px;line-height:1.7}

.about-world{background:radial-gradient(circle at 78% 38%,rgba(164,17,28,.18),transparent 43%),#101723}
.about-world-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(45px,7vw,105px);align-items:center}
.about-world .display-title{font-size:clamp(65px,7vw,107px);line-height:.86;margin:29px 0 31px}
.about-world-grid>div:first-child>p:not(.eyebrow){max-width:485px;color:#acbbc7;font-size:16px;line-height:1.9;margin:0 0 18px}
.about-world-board{min-height:470px;position:relative;padding:30px 34px;border:1px solid #485361;background:radial-gradient(circle at 82% 78%,rgba(230,32,38,.14),transparent 47%),linear-gradient(148deg,#142331,#0a111c);overflow:hidden}
.about-world-board::before{content:"+";position:absolute;right:10px;bottom:-43px;font:900 260px/.9 Arial,sans-serif;color:rgba(216,27,34,.08)}
.about-world-board-top{display:flex;justify-content:space-between;color:#a7b9c3;font:800 12px var(--font-display);letter-spacing:1.7px;border-bottom:1px solid #3b505d;padding-bottom:20px}
.about-world-board-top span:last-child{font-size:20px;color:var(--red)}
.about-world-kicker{display:block;margin-top:45px;color:#e94d49;font:900 12px var(--font-display);letter-spacing:2px}
.about-world-board h3{font:900 clamp(54px,5.7vw,82px)/.83 var(--font-display);margin:18px 0 28px;position:relative}
.about-world-board h3 em{font-style:normal;color:var(--red)}
.about-world-board>p{max-width:400px;color:#a2b6c2;font-size:14px;line-height:1.75;position:relative}
.about-world-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:39px;position:relative}
.about-world-fields span{border-top:1px solid #49606f;padding-top:13px;color:#8fa5b1;font:800 11px var(--font-display);letter-spacing:1px}

.about-next{background:linear-gradient(105deg,#8f171e,#d82b2c 63%,#9d1720)}
.about-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-next .eyebrow,.about-next .eyebrow-line{color:#ffe0df;border-color:#ffe0df}
.about-next .display-title{font-size:clamp(62px,6.3vw,98px);line-height:.88;margin:24px 0 0}
.about-next .display-title span{color:#ffdbd9}
.about-next-grid>div:last-child>p{color:#fff0ef;line-height:1.85;font-size:16px;max-width:510px;margin:0 0 30px}
.about-next .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-next .button-primary{background:#0b131b;color:#fff}
.about-next .button-primary:hover{background:#172533}
.about-next .button-ghost{color:#fff;border-color:rgba(255,255,255,.72)}

@media(max-width:1100px){
  .about-hero-copy h1{font-size:clamp(78px,8.8vw,112px)}
  .about-hero-grid{gap:35px}
  .about-hero-stage{min-height:490px}
  .about-team-card-copy{padding:22px 19px}
  .about-team-card h3{font-size:43px}
  .about-team-portrait{height:240px}
}
@media(max-width:850px){
  .about-hero{padding-top:50px}
  .about-hero-grid,.about-origin-grid,.about-team-intro,.about-world-grid,.about-next-grid{grid-template-columns:1fr;gap:29px}
  .about-hero-grid{padding-bottom:45px}
  .about-hero-copy h1{font-size:clamp(75px,11vw,105px)}
  .about-hero-stage{min-height:480px}
  .about-team-intro{margin-bottom:32px}
  .about-team-intro p{max-width:670px}
  .about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-team-portrait{height:255px}
  .about-world-board{min-height:435px}
  .about-origin-statement{flex-direction:column;align-items:start;gap:16px}
  .about-origin-statement>span{flex:initial}
  .about-origin-statement>strong{text-align:left}
}
@media(max-width:650px){
  .about-hero-copy h1{font-size:clamp(72px,16vw,105px);letter-spacing:-1px}
  .about-hero-statement{font-size:22px}
  .about-hero-copy>p:not(.eyebrow){font-size:14px}
  .about-hero-stage{min-height:440px}
  .about-hero-stage .home-hero-logo{width:min(76%,350px)}
  .about-hero-rail{grid-template-columns:repeat(2,1fr)}
  .about-hero-rail span{padding:15px 8px;font-size:13px;border-bottom:1px solid #37444f}
  .about-hero-rail span:nth-child(2){border-right:0}
  .about-hero-rail span:nth-child(n+3){border-bottom:0}
  .about-origin .display-title,.about-values-section .display-title,.about-team .display-title,.about-world .display-title,.about-next .display-title{font-size:clamp(60px,12.5vw,84px)}
  .about-origin-statement{margin-top:29px;padding:27px 22px}
  .about-values-section .about-values{grid-template-columns:1fr}
  .about-values-section .about-values article{border-right:0;border-bottom:1px solid #354651;min-height:0;padding:25px}
  .about-values-section .about-values article:last-child{border-bottom:0}
  .about-values h3{font-size:39px}
  .about-team-grid{grid-template-columns:1fr}
  .about-team-portrait{height:245px}
  .about-team-portrait>strong{font-size:145px}
  .about-team-card p{min-height:0}
  .about-team-more{display:block;padding:24px}
  .about-team-more p{margin-top:10px}
  .about-world-board{padding:25px 22px;min-height:410px}
  .about-world-board h3{font-size:clamp(58px,12vw,80px)}
  .about-world-fields{grid-template-columns:repeat(2,1fr);gap:14px}
  .about-next-grid>div:last-child>p{font-size:14px}
}
@media(max-width:390px){
  .about-hero-copy h1{font-size:68px}
  .about-hero-stage{min-height:405px}
  .about-hero-note{font-size:11px}
  .about-origin .display-title,.about-team .display-title{font-size:57px}
  .about-world .display-title{font-size:59px}
  .about-hero .hero-actions .button{font-size:13px}
}