/* ================================================================
   LIBERDADE PRIVATE CLUB — FASE 2 v4 "MIDNIGHT LEAGUE"
   Diretoria / Patrocinadores / Mídia + Trilhas. Navy glass 3D,
   fotos heróicas, respiro amplo.
   ================================================================ */

/* ============ DIRETORIA — retratos heróicos ============ */
.diretoria{background:var(--navy-1);}
.dir-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:clamp(64px,8vw,100px);gap:28px;perspective:1600px;}
.dir-card{
  display:grid;grid-template-columns:230px 1fr;gap:0;align-items:stretch;min-height:340px;
  border:1px solid var(--glass-brd);border-radius:var(--radius);overflow:hidden;position:relative;
  background:linear-gradient(160deg,var(--navy-3),var(--navy-2));
  transform-style:preserve-3d;
  transition:transform .55s var(--spring),border-color .35s,box-shadow .55s var(--spring);
  box-shadow:0 30px 70px -44px rgba(0,0,0,.85);
}
.dir-card:hover{border-color:rgba(255,122,26,.45);box-shadow:0 50px 110px -46px rgba(0,0,0,.9);}
.dir-photo{position:relative;align-self:stretch;overflow:hidden;
  background:radial-gradient(280px 300px at 50% 110%,var(--orange-dim),transparent 70%);}
.dir-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 60%,rgba(14,23,53,.9));} /* funde na info */
.dir-photo img{ /* HERÓICO: preenche, colado embaixo, imponente */
  width:100%;height:100%;object-fit:cover;object-position:top center;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));
  transform:translateZ(20px);transition:transform .6s var(--spring);}
.dir-card:hover .dir-photo img{transform:translateZ(40px) scale(1.06);}
.dir-info{padding:clamp(30px,3vw,44px);align-self:center;transform:translateZ(30px);}
.dir-role{font-family:var(--f-body);font-weight:600;font-size:10.5px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--orange);}
.dir-info h3{font-family:var(--f-display);font-weight:800;font-stretch:104%;text-transform:uppercase;
  font-size:30px;letter-spacing:-.02em;color:var(--white);margin:10px 0 14px;}
.dir-info p{font-size:14.5px;color:var(--mute);line-height:1.75;}
.dir-info blockquote{margin-top:18px;border-left:2px solid var(--orange);padding-left:16px;
  font-style:italic;color:var(--off);font-size:13.5px;line-height:1.7;}
@media (max-width:640px){
  .dir-card{grid-template-columns:1fr;min-height:0;}
  .dir-photo{height:320px;}.dir-photo::after{background:linear-gradient(180deg,transparent 55%,rgba(14,23,53,.95));}
  .dir-info{text-align:left;}
}

/* ============ PATROCINADORES ============ */
.sponsors{padding:60px 0;border-block:1px solid var(--line-soft);background:var(--navy-0);overflow:hidden;}
.sp-label{text-align:center;font-size:10px;letter-spacing:.4em;text-transform:uppercase;
  color:var(--mute-2);margin-bottom:36px;font-family:var(--f-body);font-weight:500;}
.sp-track-mask{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);}
.sp-track{display:flex;gap:clamp(48px,7vw,96px);width:max-content;animation:marquee 40s linear infinite;align-items:center;}
.sp-logo{font-family:var(--f-display);font-weight:700;font-stretch:104%;text-transform:uppercase;
  font-size:clamp(15px,1.7vw,20px);letter-spacing:.06em;color:rgba(234,240,255,.24);white-space:nowrap;cursor:default;
  transition:color .3s,transform .4s var(--spring);}
.sp-logo:hover{color:var(--white);transform:translateY(-2px);}
.sp-btc{color:rgba(247,147,26,.4);}.sp-btc:hover{color:var(--btc);}

/* ============ MÍDIA ============ */
.midia{background:var(--navy-1);}
.midia-grid{grid-template-columns:1.4fr 1fr 1fr;margin-top:clamp(64px,8vw,100px);gap:24px;perspective:1400px;}
.md-card{border:1px solid var(--glass-brd);border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(165deg,var(--glass-2),var(--glass));
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;
  transition:transform .55s var(--spring),border-color .35s,box-shadow .55s var(--spring);
  box-shadow:0 20px 50px -30px rgba(0,0,0,.7);}
.md-card:hover{border-color:var(--glass-brd-2);box-shadow:0 40px 90px -40px rgba(0,0,0,.85);}
.md-ph{aspect-ratio:16/9;display:grid;place-items:center;text-align:center;gap:6px;
  background:radial-gradient(320px 200px at 50% 40%,rgba(255,122,26,.1),transparent 70%),var(--navy-3);
  color:var(--mute);font-size:13.5px;padding:24px;}
.md-main .md-ph{aspect-ratio:16/10;}.md-ig{aspect-ratio:4/5;}
.md-ph small{color:var(--mute-2);font-size:10.5px;letter-spacing:.12em;}
.md-play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--orange-soft),var(--orange));color:#1a0e02;font-size:19px;
  box-shadow:0 12px 34px -6px var(--orange-glow);transform:translateZ(30px);
  transition:transform .45s var(--spring);}
.md-card:hover .md-play{transform:translateZ(40px) scale(1.14);}
.md-info{padding:20px 24px;border-top:1px solid var(--line-soft);}
.md-tag{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);font-family:var(--f-body);font-weight:600;}
.md-info h4{font-family:var(--f-display);font-weight:800;font-stretch:103%;text-transform:uppercase;color:var(--white);font-size:16px;margin-top:6px;}
.midia-cta{text-align:center;margin-top:52px;}
@media (max-width:900px){.midia-grid{grid-template-columns:1fr;}.md-ig{aspect-ratio:16/9;}}

/* ================================================================
   TRILHAS
   ================================================================ */
.subhero{min-height:80svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding-bottom:clamp(72px,10vw,130px);}
.subhero .wrap{position:relative;z-index:2;width:100%;}
.subhero h1{font-family:var(--f-display);font-weight:800;font-stretch:106%;
  font-size:clamp(40px,6.8vw,96px);line-height:.96;letter-spacing:-.03em;color:var(--white);max-width:16ch;}
.subhero h1 em{font-style:normal;color:var(--orange);text-shadow:0 0 60px var(--orange-glow);}
.crumb{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-2);
  margin-bottom:28px;display:block;font-family:var(--f-body);font-weight:500;}
.crumb a{color:var(--mute);transition:.25s;}.crumb a:hover{color:var(--orange);}

/* --- Conselho 21 --- */
.inv-hero{background:
    radial-gradient(1000px 560px at 82% 4%,rgba(231,201,138,.09),transparent 60%),
    radial-gradient(800px 600px at 0% 100%,rgba(37,71,153,.25),transparent 62%),
    var(--navy-1);
  border-bottom:1px solid rgba(231,201,138,.16);}
.inv-hero h1 em{color:var(--gold);text-shadow:0 0 50px rgba(231,201,138,.4);}
.disclaimer{margin-top:30px;font-size:12px;color:var(--mute-2);max-width:62ch;line-height:1.8;
  border-left:2px solid rgba(231,201,138,.4);padding-left:16px;}
.tese-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:clamp(64px,8vw,100px);gap:20px;}
.tese-card{border:1px solid var(--glass-brd);border-radius:var(--radius);padding:40px 34px;
  background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.tese-card b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:105%;
  font-size:clamp(28px,3.2vw,46px);letter-spacing:-.02em;color:var(--gold);font-variant-numeric:tabular-nums;
  text-shadow:0 0 40px rgba(231,201,138,.3);}
.tese-card span{display:block;margin-top:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-2);}
.math-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:clamp(10px,2vw,18px);
  margin-top:clamp(56px,7vw,80px);font-family:var(--f-display);font-weight:800;font-stretch:104%;
  font-size:clamp(16px,2.3vw,26px);letter-spacing:-.01em;color:var(--white);text-align:center;}
.math-row .op{color:var(--mute-2);font-size:.75em;font-weight:400;align-self:center;}
.math-row .box{border:1px solid var(--glass-brd);border-radius:var(--radius-sm);padding:18px 26px;
  background:var(--glass);backdrop-filter:blur(14px);transition:transform .45s var(--spring),border-color .3s;}
.math-row .box:hover{transform:translateY(-3px);border-color:rgba(231,201,138,.4);}
.math-row .box small{display:block;font-family:var(--f-body);font-weight:500;font-size:10px;letter-spacing:.14em;
  color:var(--mute-2);text-transform:uppercase;margin-top:8px;}
.math-row .res{border-color:var(--gold);color:var(--gold);background:rgba(231,201,138,.08);
  box-shadow:0 0 50px -16px rgba(231,201,138,.5);}

/* Simulador */
.sim{background:var(--navy-0);border-block:1px solid var(--line-soft);}
.sim-box{margin-top:clamp(56px,7vw,88px);border:1px solid var(--glass-brd);border-radius:var(--radius);
  background:linear-gradient(165deg,var(--glass-2),var(--glass));
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:clamp(32px,5vw,64px);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07);}
.sim-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;}
.sim-name{font-family:var(--f-display);font-weight:800;font-stretch:104%;text-transform:uppercase;
  font-size:clamp(21px,2.9vw,33px);letter-spacing:-.02em;color:var(--white);}
.sim-mult{font-family:var(--f-display);font-weight:800;font-stretch:108%;font-size:clamp(32px,4.6vw,58px);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
input[type="range"].sim-range{width:100%;margin:42px 0 10px;appearance:none;-webkit-appearance:none;height:3px;border-radius:3px;
  background:linear-gradient(90deg,#fb7185,var(--orange),var(--gold));outline:none;cursor:pointer;}
input[type="range"].sim-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;
  background:var(--white);border:2px solid var(--navy-1);box-shadow:0 0 0 5px rgba(255,255,255,.12),0 6px 20px rgba(0,0,0,.6);
  cursor:grab;transition:transform .35s var(--spring);}
input[type="range"].sim-range::-webkit-slider-thumb:hover{transform:scale(1.18);}
input[type="range"].sim-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.3);}
.sim-scale{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.1em;color:var(--mute-2);text-transform:uppercase;margin-bottom:38px;}
.sim-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;}
.sim-cell{padding:26px 20px;text-align:left;border:1px solid var(--glass-brd);border-radius:var(--radius-sm);
  background:rgba(255,255,255,.03);}
.sim-cell b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:104%;font-size:clamp(18px,2.1vw,25px);
  letter-spacing:-.02em;color:var(--white);font-variant-numeric:tabular-nums;}
.sim-cell span{display:block;margin-top:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2);}
.sim-bar-wrap{margin-top:36px;height:5px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden;}
.sim-bar{height:100%;width:0%;border-radius:5px;background:linear-gradient(90deg,var(--orange),var(--gold));
  transition:width .8s var(--out-expo);box-shadow:0 0 18px var(--orange-glow);}
.sim-note{margin-top:24px;font-size:11.5px;color:var(--mute-2);text-align:center;line-height:1.8;}
.sim-note strong{color:var(--mute);font-weight:600;}

/* Cap table */
.cap-sec{background:var(--navy-1);}
.ct-stage{margin-top:clamp(56px,7vw,88px);border:1px solid var(--glass-brd);border-radius:var(--radius);
  padding:clamp(32px,5vw,64px);background:linear-gradient(165deg,var(--glass-2),var(--glass));
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07);}
.ct-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:42px;}
.ct-step-btn{font-family:var(--f-body);font-weight:500;font-size:12px;letter-spacing:.04em;
  padding:12px 22px;border-radius:100px;cursor:pointer;border:1px solid var(--glass-brd);background:transparent;color:var(--mute);
  transition:transform .4s var(--spring),background .3s,color .3s,border-color .3s;}
.ct-step-btn:hover{border-color:var(--glass-brd-2);color:var(--white);transform:translateY(-2px);}
.ct-step-btn:active{transform:scale(.96);}
.ct-step-btn.active{background:linear-gradient(180deg,#f0d9a4,var(--gold));border-color:var(--gold);color:#1c1405;font-weight:600;}
.ct-title{font-family:var(--f-display);font-weight:800;font-stretch:103%;text-transform:uppercase;
  font-size:clamp(19px,2.6vw,29px);letter-spacing:-.02em;color:var(--white);margin-bottom:8px;}
.ct-sub{color:var(--mute);font-size:14px;margin-bottom:34px;max-width:64ch;line-height:1.7;}
.ct-bar{display:flex;height:50px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-brd);background:rgba(255,255,255,.03);}
.ct-seg{display:grid;place-items:center;font-family:var(--f-body);font-weight:600;font-size:10.5px;color:rgba(7,11,20,.92);
  white-space:nowrap;overflow:hidden;transition:width .9s var(--out-expo);min-width:0;}
.ct-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:11.5px;color:var(--mute);}
.ct-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:7px;}
.ct-payout{margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
.ct-pay{padding:24px 20px;text-align:left;border:1px solid var(--glass-brd);border-radius:var(--radius-sm);background:rgba(255,255,255,.03);}
.ct-pay b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:104%;font-size:clamp(17px,2vw,23px);
  letter-spacing:-.02em;color:var(--gold);font-variant-numeric:tabular-nums;}
.ct-pay span{display:block;margin-top:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute-2);}
.ct-final{margin-top:36px;text-align:center;font-family:var(--f-display);font-weight:700;font-stretch:103%;
  font-size:clamp(16px,2.1vw,23px);letter-spacing:-.01em;color:var(--white);}
.ct-final em{font-style:normal;color:var(--gold);}

/* Governança */
.gov-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:clamp(56px,7vw,88px);gap:24px;perspective:1400px;}
.gov-card{border:1px solid var(--glass-brd);border-radius:var(--radius);padding:32px;
  background:linear-gradient(165deg,var(--glass-2),var(--glass));backdrop-filter:blur(18px);transform-style:preserve-3d;
  font-size:14px;color:var(--mute);line-height:1.75;
  transition:transform .5s var(--spring),border-color .3s,box-shadow .5s var(--spring);box-shadow:0 20px 50px -34px rgba(0,0,0,.7);}
.gov-card:hover{border-color:var(--glass-brd-2);box-shadow:0 40px 90px -44px rgba(0,0,0,.85);}
.gov-card h4{font-family:var(--f-display);font-weight:800;font-stretch:103%;text-transform:uppercase;color:var(--white);font-size:15px;margin-bottom:12px;}
.gov-card.neg h4::before{content:"✕  ";color:#fb7185;}
.gov-card.pos h4::before{content:"✓  ";color:#34d399;}

/* --- Atletas --- */
.atl-hero{background:
    radial-gradient(760px 520px at 85% 8%,rgba(255,122,26,.18),transparent 58%),
    radial-gradient(700px 600px at 5% 100%,rgba(37,71,153,.25),transparent 60%),
    var(--navy-1);}
.atl-hero .big{font-size:clamp(48px,9.6vw,116px);}
.atl-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;}
.atl-badges span{font-family:var(--f-body);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:10px 18px;border-radius:100px;border:1px solid var(--glass-brd);color:var(--off);background:var(--glass);
  backdrop-filter:blur(12px);transition:transform .4s var(--spring);}
.atl-badges span:hover{transform:translateY(-2px);}
.jornada{background:linear-gradient(180deg,var(--navy-1),var(--navy-0));}
.j-steps{margin-top:clamp(56px,7vw,88px);display:grid;gap:16px;}
.j-step{display:grid;grid-template-columns:62px 1fr;gap:22px;align-items:center;
  border:1px solid var(--glass-brd);border-radius:var(--radius);padding:30px;
  background:linear-gradient(165deg,var(--glass-2),var(--glass));backdrop-filter:blur(18px);
  transition:transform .5s var(--spring),border-color .3s;box-shadow:0 18px 44px -30px rgba(0,0,0,.7);}
.j-step:hover{border-color:rgba(255,122,26,.45);transform:translateX(8px);}
.j-ico{width:62px;height:62px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:22px;
  background:radial-gradient(circle at 30% 30%,var(--orange-soft),var(--orange-deep));color:#1a0e02;
  box-shadow:0 0 24px -6px var(--orange-glow);transition:.4s var(--spring);}
.j-step:hover .j-ico{transform:scale(1.08);}
.j-step h4{font-family:var(--f-display);font-weight:800;font-stretch:103%;text-transform:uppercase;color:var(--white);font-size:18px;}
.j-step p{font-size:14.5px;color:var(--mute);margin-top:6px;line-height:1.7;}
.j-arrow{text-align:center;color:var(--orange);font-size:15px;}
.atl-prova{background:var(--navy-1);border-block:1px solid var(--line-soft);}
.atl-foto{border-radius:var(--radius);overflow:hidden;border:1px solid var(--glass-brd);margin-top:clamp(48px,6vw,72px);box-shadow:0 30px 70px -44px rgba(0,0,0,.85);}
.atl-foto img{width:100%;height:clamp(280px,46vw,540px);object-fit:cover;filter:contrast(1.05) saturate(1.04);transition:transform 1.2s var(--out-expo);}
.atl-foto:hover img{transform:scale(1.04);}
.atl-foto figcaption{padding:16px 24px;font-size:10.5px;color:var(--mute-2);letter-spacing:.2em;text-transform:uppercase;
  background:rgba(7,11,20,.6);backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);}
.atl-cta-fix{position:fixed;inset:auto 0 0 0;z-index:80;padding:12px var(--pad) 18px;
  background:linear-gradient(180deg,transparent,rgba(7,11,20,.97) 45%);display:flex;justify-content:center;pointer-events:none;}
.atl-cta-fix .btn{pointer-events:auto;width:min(520px,100%);justify-content:center;padding:18px;font-size:14px;}
@media (min-width:901px){.atl-cta-fix{display:none;}}