:root{
  --maroon:#731018; --red:#A6212C; --yellow:#EBF21B; --paper:#F2F2F2; --ink:#0D0D0D;
  --display:'Anton',sans-serif; --cond:'Barlow Condensed',sans-serif; --body:'Barlow',sans-serif; --hand:'Caveat',cursive;
  --seal:url(../img/seal.png); --mascot:url(../img/mascot.png); --wordW:url(../img/word-white.png); --wordD:url(../img/word-dark.png);
  --p1:url(src/media/promo-1.png); --p2:url(src/media/promo-2.png); --p3:url(src/media/promo-3.png); --e1:url(../src/media/ernie-1.png); --e2:url(../src/media/ernie-2.png);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--yellow);color:var(--ink)}
a{color:inherit;text-decoration:none}
.brand{text-decoration:none}
img{max-width:100%;display:block}
 
/* logo helpers */
.lg{background-repeat:no-repeat;background-position:center;background-size:contain}
.lg-seal{background-image:var(--seal)}
.lg-mascot{background-image:var(--mascot)}
.lg-wordW{background-image:var(--wordW)}
.lg-wordD{background-image:var(--wordD)}
 
/* grain */
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
 
.seam{height:30px;color:var(--red);overflow:hidden;background:var(--ink)}
.seam svg{width:100%;height:100%}
 
/* ---------- NAV ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:13px clamp(18px,4vw,54px);background:rgba(13,13,13,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(235,242,27,.14);transition:background .3s,padding .3s}
header.scrolled{background:rgba(13,13,13,.95);padding-top:9px;padding-bottom:9px}
.brand{display:flex;align-items:center;gap:11px;cursor:pointer}
.brand .lg-seal{width:46px;height:46px;flex:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.brand .lg-wordW{width:130px;height:34px;background-position:left center}
nav{display:flex;align-items:center;gap:1px}
nav a{font-family:var(--cond);font-weight:600;font-size:14.5px;letter-spacing:1.1px;text-transform:uppercase;padding:9px 10px;color:#d9d2d2;position:relative;transition:color .2s;cursor:pointer}
nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a:hover,nav a.active{color:#fff}
nav a.active::after,nav a:hover::after{transform:scaleX(1)}
.nav-cta{background:var(--yellow);color:var(--ink)!important;border-radius:2px;margin-left:6px;padding:9px 15px!important}
.nav-cta::after{display:none}.nav-cta:hover{background:#fff}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2.5px;background:var(--paper);transition:.3s}
 
/* ---------- PAGE / SECTION THEMES ---------- */
main{position:relative;z-index:2}
.page{display:none;animation:fade .5s ease}
.page.show{display:block}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
section{
  --bg:var(--ink);--fg:var(--paper);--muted:#cfc8c8;--card:#161313;--line:rgba(242,242,242,.12);
  --accent:var(--red);--accent2:var(--maroon);--pop:var(--yellow);--eye:var(--yellow);
  background:var(--bg);color:var(--fg);padding:clamp(58px,9vw,116px) clamp(20px,6vw,90px)}
section.light{--bg:var(--paper);--fg:var(--ink);--muted:#5b5353;--card:#ffffff;--line:rgba(13,13,13,.1);--eye:var(--red)}
.eyebrow{font-family:var(--cond);font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--eye);font-size:14px;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--eye)}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.5px;line-height:.96;text-transform:uppercase}
h2.big{font-size:clamp(40px,7vw,84px);margin-bottom:22px;color:var(--fg)}
p.lead{font-size:clamp(16px,1.4vw,19px);color:var(--muted);max-width:60ch;line-height:1.65}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:16px;padding:15px 30px;border:0;cursor:pointer;border-radius:2px;transition:transform .15s,box-shadow .2s;display:inline-flex;align-items:center;gap:9px}
.btn:hover{transform:translateY(-3px)}
.btn-y{background:var(--yellow);color:var(--ink);box-shadow:0 8px 22px rgba(235,242,27,.22)}
.btn-r{background:var(--red);color:#fff}
.btn-o{background:transparent;color:var(--fg);border:2px solid var(--line)}
.btn-o:hover{border-color:var(--accent);color:var(--accent)}
 
/* ---------- HERO ---------- */
#inicio{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding-top:120px;
  background:radial-gradient(1100px 620px at 82% 8%,rgba(166,33,44,.5),transparent 60%),radial-gradient(900px 700px at -8% 110%,rgba(115,16,24,.55),transparent 55%),var(--ink)}
.hero-stripes{position:absolute;inset:0;z-index:0;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(166,33,44,.06) 60px 64px)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;width:100%;max-width:1380px;margin:0 auto}
.hero-tag{font-family:var(--cond);font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--yellow);font-size:14px;margin-bottom:18px}
.hero-cardinal{width:min(440px,94%);height:clamp(220px,30vw,360px);background-position:left center;filter:drop-shadow(0 12px 26px rgba(0,0,0,.6));animation:swing 5s ease-in-out infinite;transform-origin:62% 70%}
@keyframes swing{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(1.4deg) translateY(-7px)}}
.hero-sub{font-family:var(--display);font-size:clamp(22px,2.6vw,38px);text-transform:uppercase;color:#fff;margin:14px 0 6px;line-height:1}
.hero-sub em{color:var(--red);font-style:normal}
.hero-p{margin:18px 0 30px;font-size:17px;color:#d6cfcf;max-width:46ch;line-height:1.6}
/* hero cascade */
.cascade{position:relative;height:min(480px,64vw);max-width:470px;width:100%;margin:0 auto}
.casc-card{position:absolute;top:0;left:50%;width:74%;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;border:4px solid #fff;box-shadow:0 20px 44px rgba(0,0,0,.55);transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .65s;cursor:pointer}
.casc-card.pos0{transform:translate(-68%,2%) rotate(-5deg) scale(1);z-index:3;opacity:1}
.casc-card.pos1{transform:translate(-44%,16%) rotate(3deg) scale(.93);z-index:2;opacity:.92}
.casc-card.pos2{transform:translate(-20%,30%) rotate(9deg) scale(.86);z-index:1;opacity:.82}
.stats{position:relative;z-index:2;max-width:1380px;margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(235,242,27,.15);border:1px solid rgba(235,242,27,.15)}
.stat{background:var(--ink);padding:24px 18px;text-align:center}
.stat b{font-family:var(--display);font-size:clamp(36px,5vw,56px);color:var(--yellow);display:block;line-height:1}
.stat span{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;color:#bdb6b6;font-size:13px}
 
/* ---------- NOSOTROS ---------- */
.about-top{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.about-top .lg-wordD{height:120px;background-position:right center;opacity:.9}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
.mv{position:relative;padding:40px 34px;border-radius:6px;overflow:hidden;color:#fff;
  background:linear-gradient(155deg,var(--red),var(--maroon))}
.mv:nth-child(2){background:linear-gradient(155deg,var(--ink),#2a1416)}
.mv::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;background:var(--seal);background-size:contain;opacity:.12}
.mv h3{font-size:30px;color:var(--yellow);margin-bottom:10px}
.mv p{line-height:1.7;font-size:16px;color:#f0e9e9;max-width:42ch}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.val{border-top:4px solid var(--red);padding:20px 14px;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.val b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:20px;color:var(--maroon);display:block;margin-bottom:6px}
.val span{color:#6a6262;font-size:14px;line-height:1.5}
 
/* ---------- ROSTER / PEOPLE CARDS ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px}
.subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.subtab{font-family:var(--cond);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;padding:8px 18px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;border-radius:30px;transition:.2s}
.subtab:hover{border-color:var(--yellow);color:var(--fg)}
.subtab.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.tab{font-family:var(--cond);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:15px;padding:11px 22px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;border-radius:2px;transition:.2s}
.tab:hover{border-color:var(--accent);color:var(--fg)}
.tab.active{background:var(--red);border-color:var(--red);color:#fff}
.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.player{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);cursor:pointer;transition:transform .25s;background:#120a0b}
.player:hover{transform:translateY(-6px)}
.player .photo{position:absolute;inset:0;background:linear-gradient(150deg,var(--maroon),#0a0506)}
.player .photo::before{content:"";position:absolute;inset:0;background:var(--seal);background-size:74%;background-repeat:no-repeat;background-position:center 38%;opacity:.13}
/* El número escala con el tamaño de la tarjeta (responsive) */
.player{container-type:inline-size}
.player .photo .jn{position:absolute;top:-2%;right:4%;font-family:var(--display);font-size:48cqw;color:rgba(235,242,27,.13);line-height:1}
.player .photo.has-img .jn{font-size:30cqw;top:1%;right:4%;color:var(--yellow);opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:2}
.player .photo.has-img{background-size:cover;background-position:center top}
.player .photo.has-img::before{display:none}
.player .meta{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(13,13,13,.94) 55%);z-index:2}
.player .meta .pos{font-family:var(--cond);letter-spacing:2px;color:var(--yellow);font-size:12px;text-transform:uppercase}
.player .meta .nm{font-family:var(--cond);font-weight:700;font-size:18px;line-height:1.05;text-transform:uppercase;color:#fff}
.player .meta .num{position:absolute;right:12px;bottom:10px;font-family:var(--display);color:var(--red);font-size:26px}
/* flip ficha */
.player.flip{background:transparent;border:0;overflow:visible;perspective:1100px}
.player.flip .p-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}
.player.flip.flipped .p-inner{transform:rotateY(180deg)}
.player.flip .p-front,.player.flip .p-back{position:absolute;inset:0;border-radius:6px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line)}
.player.flip .p-front{background:#120a0b}
.player.flip .p-back{transform:rotateY(180deg);background:linear-gradient(158deg,var(--maroon),#0a0506);display:flex;flex-direction:column;justify-content:center;padding:18px 16px;color:#fff}
.player.flip .p-back::before{content:"";position:absolute;inset:0;background:var(--seal);background-size:78%;background-repeat:no-repeat;background-position:center 44%;opacity:.10;z-index:0;pointer-events:none}
.player.flip .p-back > *{position:relative;z-index:1}
.p-info{position:absolute;top:10px;left:10px;z-index:3;width:26px;height:26px;border-radius:50%;background:rgba(13,13,13,.45);border:1px solid var(--yellow);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:14px}
.p-back .bnum{position:absolute;top:6px;right:12px;font-family:var(--display);font-size:58px;color:rgba(235,242,27,.16);line-height:1}
.p-back h4{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:18px;line-height:1.05;letter-spacing:.5px;margin-bottom:13px;padding-right:30px}
.p-back .row{display:flex;gap:8px;margin-bottom:9px;font-size:13px;line-height:1.25}
.p-back .row b{font-family:var(--cond);letter-spacing:.8px;text-transform:uppercase;color:var(--yellow);font-size:10.5px;min-width:56px;flex:none;padding-top:1px}
.p-back .row span{color:#eadede}
.p-back .hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--cond);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;color:#cbb}
.p-back .p-desc{font-size:12px;line-height:1.45;color:#eadede;margin-top:8px}
.note{font-family:var(--cond);letter-spacing:1px;color:var(--muted);font-size:13px;margin-top:24px;text-transform:uppercase}
 
/* ---------- PROYECTOS ---------- */
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proj{position:relative;border-radius:8px;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;transition:.3s;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.proj:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(115,16,24,.22)}
.proj .bg{position:absolute;inset:0}
.proj .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(13,13,13,.94))}
.proj .ic{position:absolute;top:18px;left:18px;z-index:3;width:46px;height:46px;background:rgba(13,13,13,.45);border:1px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--yellow)}
.proj .body{position:relative;z-index:2;padding:26px 24px;color:#fff}
.proj .tag{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;font-size:11px;color:var(--yellow);margin-bottom:8px;display:block}
.proj .body b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:22px;display:block;margin-bottom:6px}
.proj .body span{color:#e3dcdc;font-size:14.5px;line-height:1.55}
 
/* ---------- ALIADOS (two rubros) ---------- */
.rubro{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:18px;background:rgba(255,255,255,.02)}
.rubro-head{display:flex;align-items:center;gap:18px;padding:22px 26px;cursor:pointer;transition:background .2s}
.rubro-head:hover{background:rgba(166,33,44,.14)}
.rubro-head .rn{flex:1}
.rubro-head .rn b{font-family:var(--display);font-size:30px;display:block;letter-spacing:.5px}
.rubro-head .rn span{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;font-size:12px;color:var(--yellow)}
.rubro-head .cnt{font-family:var(--display);font-size:34px;color:var(--red);opacity:.5}
.rubro-head .chev{transition:transform .3s;color:var(--yellow)}
.rubro.open .chev{transform:rotate(180deg)}
.rubro-body{max-height:0;overflow:hidden;transition:max-height .5s ease}
.rubro.open .rubro-body{max-height:2600px}
.rubro-inner{padding:8px 26px 30px}
.inst-list{display:flex;flex-direction:column;gap:12px}
.inst{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.02)}
.inst-head{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s}
.inst-head:hover{background:rgba(166,33,44,.1)}
.inst-logo{width:54px;height:54px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;color:var(--ink);background:var(--yellow)}
.inst-head .it{flex:1}
.inst-head .it b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:20px;display:block;color:#fff}
.inst-head .it span{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;font-size:11px;color:var(--yellow)}
.inst-head .chev{transition:transform .3s;color:var(--yellow)}
.inst.open .chev{transform:rotate(180deg)}
.inst-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.inst.open .inst-body{max-height:200px}
.inst-body p{padding:0 20px 20px 90px;color:#cfc8c8;line-height:1.6;font-size:15px}
.inst-logo-link{flex:none;display:block;border-radius:50%;line-height:0;position:relative;transition:transform .2s}
.inst-logo-link:hover{transform:scale(1.08)}
.inst-logo-link::after{content:"↗";position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:bold;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.4)} 

/* ---------- ERNIE (light, mascot on dark spotlight) ---------- */
.ernie-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.ernie-frame{position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.13);aspect-ratio:4/3}
.ef-img{position:absolute;inset:14px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .8s ease}
.ef-img.show{opacity:1}
.ef-tag{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;color:#fff;background:var(--red);padding:5px 12px;border-radius:20px}
.ef-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.ef-dots span{width:9px;height:9px;border-radius:50%;background:rgba(13,13,13,.2);transition:.3s}
.ef-dots span.active{background:var(--red);width:24px;border-radius:5px}
.bubble{display:inline-block;font-family:var(--hand);font-size:30px;background:var(--yellow);color:var(--ink);font-weight:700;padding:6px 18px;border-radius:20px 20px 20px 4px;transform:rotate(-2deg);margin-bottom:14px}
.ernie-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.fact{border-left:4px solid var(--red);padding:8px 14px;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.fact b{font-family:var(--cond);text-transform:uppercase;letter-spacing:1px;color:var(--maroon);font-size:13px;display:block}
.fact span{font-size:15px;color:#3b3535}
 
/* ---------- TORNEO ---------- */
.torneo-card{position:relative;border-radius:10px;overflow:hidden;padding:clamp(34px,5vw,62px);background:linear-gradient(135deg,var(--maroon),var(--red));border:1px solid rgba(235,242,27,.25)}
.torneo-card::before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(13,13,13,.5) 22px 24px)}
.torneo-card .inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.torneo-feats{display:grid;gap:10px;margin:24px 0;list-style:none}
.torneo-feats li{display:flex;gap:12px;align-items:center;font-size:16px;color:#fff}
.torneo-feats .dot{width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:bold;flex:none;font-size:14px}
.scorebox{background:var(--ink);border-radius:8px;padding:22px;border:1px solid rgba(235,242,27,.2)}
.scorebox .lab{font-family:var(--cond);letter-spacing:2px;text-transform:uppercase;color:#bdb6b6;font-size:12px;margin-bottom:8px}
.scorebox .row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(242,242,242,.12)}
.scorebox .row:last-child{border:0}
.scorebox .t{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff}
.scorebox .s{font-family:var(--display);font-size:24px;color:var(--yellow)}
.scorebox .live{font-family:var(--cond);font-size:11px;letter-spacing:2px;color:#ff5a5a;text-transform:uppercase}
 
/* ---------- TIENDA (exhibition) ---------- */
.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.prod{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card);transition:.25s;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.prod:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(115,16,24,.16)}
.prod .img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 35%,rgba(166,33,44,.14),#fff)}
.prod .img svg{width:50%;color:var(--maroon)}
.prod .img .badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:1px;padding:4px 9px;border-radius:2px;text-transform:uppercase}
.prod .info{padding:18px;display:flex;flex-direction:column;gap:5px;flex:1}
.prod .info b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:19px;color:var(--ink)}
.prod .info p{color:#7a7272;font-size:13px;flex:1;line-height:1.45}
.prod .price-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:12px;border-top:1px dashed var(--line)}
.prod .pr{font-family:var(--display);color:var(--maroon);font-size:26px}
.prod .stk{font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-size:11px;color:#2e8b57;display:flex;align-items:center;gap:5px}
.prod .stk::before{content:"";width:7px;height:7px;border-radius:50%;background:#2e8b57}
.shop-foot{margin-top:30px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:14px}
 
/* ---------- DOCUMENTOS ---------- */
.doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px}
.doc-cols h3{font-size:24px;color:var(--yellow);margin-bottom:18px}
.doc-list{display:flex;flex-direction:column;gap:12px}
.doc{display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.02);transition:.2s;cursor:pointer}
.doc:hover{border-color:var(--yellow);background:rgba(166,33,44,.1)}
.doc .ft{width:46px;height:46px;flex:none;border-radius:6px;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:12px;color:#fff}
.doc .dt{flex:1}.doc .dt b{font-family:var(--cond);font-weight:600;font-size:17px;display:block;letter-spacing:.5px;color:#fff}
.doc .dt span{color:#9c9595;font-size:13px}
.doc .dl{color:var(--yellow);font-size:13px;font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-weight:600;white-space:nowrap}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vid{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line);background:linear-gradient(150deg,var(--maroon),#0a0506);display:flex;align-items:flex-end;cursor:pointer;transition:.25s}
.vid::before{content:"";position:absolute;inset:0;background:var(--seal);background-size:48%;background-repeat:no-repeat;background-position:center 36%;opacity:.1}
.vid:hover{transform:scale(1.02)}
.vid .play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--ink);z-index:2}
.vid .cap{position:relative;z-index:2;padding:14px;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff;background:linear-gradient(transparent,rgba(13,13,13,.9))}
 
/* ---------- DONAR ---------- */
.donate-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:38px}
.toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:30px;padding:5px;margin:0 0 22px;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.toggle button{font-family:var(--cond);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:14px;padding:9px 24px;border:0;background:transparent;color:#7a7272;cursor:pointer;border-radius:30px;transition:.2s}
.toggle button.active{background:var(--red);color:#fff}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.tier{border:2px solid var(--line);border-radius:6px;padding:18px 12px;text-align:center;cursor:pointer;transition:.2s;background:#fff}
.tier:hover{border-color:rgba(166,33,44,.5)}
.tier.active{border-color:var(--red);background:rgba(166,33,44,.06)}
.tier b{font-family:var(--display);font-size:30px;color:var(--maroon);display:block;line-height:1}
.tier span{font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-size:12px;color:#7a7272}
.custom{display:flex;gap:10px;margin-bottom:20px}
.custom input{flex:1;background:#fff;border:1px solid var(--line);color:var(--ink);font-family:var(--cond);font-size:18px;padding:14px;border-radius:4px}
.custom input:focus{outline:0;border-color:var(--red)}
.impact{border:1px dashed rgba(166,33,44,.4);border-radius:8px;padding:24px;background:#fff}
.impact h3{font-size:22px;color:var(--maroon);margin-bottom:16px}
.impact .ln{display:flex;gap:14px;align-items:flex-start;margin-bottom:13px;font-size:15px;color:#3b3535;line-height:1.5}
.impact .ln .b{font-family:var(--display);color:var(--red);font-size:20px;flex:none;min-width:56px}
.methods{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.method{font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-size:13px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;color:#6a6262;background:#fff}
.alloc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.alloc .a{text-align:center;padding:24px 14px;border-top:4px solid var(--red);background:#fff;border-radius:0 0 4px 4px;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.alloc .a b{font-family:var(--display);font-size:42px;color:var(--maroon);display:block}
.alloc .a span{font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;color:#6a6262;font-size:14px}
 
/* ---------- FOOTER ---------- */
footer{position:relative;z-index:2;background:#0a0606;border-top:1px solid rgba(235,242,27,.15);padding:60px clamp(20px,6vw,90px) 28px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;max-width:1300px;margin:0 auto}
.foot-brand .lg-wordW{width:230px;height:64px;background-position:left center;margin-bottom:14px}
.foot-grid h4{font-family:var(--cond);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:16px;font-size:15px}
.foot-grid a,.foot-grid p{display:block;color:#bdb6b6;font-size:15px;margin-bottom:9px;transition:color .2s;cursor:pointer}
.foot-grid a:hover{color:#fff}
.socials{display:flex;gap:12px;margin-top:10px}
.socials a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,242,242,.2);color:#fff;transition:.2s}
.socials a:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:translateY(-3px)}
.foot-bot{max-width:1300px;margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(242,242,242,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-size:12px;color:#8a8484}
.foot-legal a{color:#bdb6b6;text-decoration:underline;margin:0 3px}
.foot-legal a:hover{color:#fff} 

.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform .2s;color:#fff}
.wa:hover{transform:scale(1.1)}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(120px);z-index:70;background:var(--yellow);color:var(--ink);font-family:var(--cond);font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:14px 26px;border-radius:4px;transition:transform .3s;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.toast.show{transform:translateX(-50%) translateY(0)}
 
/* ---------- RESPONSIVE ---------- */
@media(max-width:1150px){
  .brand .lg-wordW{display:none}
  nav{position:fixed;top:0;right:-100%;height:100vh;width:280px;flex-direction:column;align-items:flex-start;background:#100b0b;padding:90px 26px;gap:4px;transition:right .35s;box-shadow:-10px 0 40px rgba(0,0,0,.6)}
  nav.open{right:0}nav a{width:100%;font-size:18px;padding:13px 8px}
  .burger{display:flex;z-index:51}
  .hero-grid,.ernie-grid,.torneo-card .inner,.donate-hero,.doc-cols,.about-top{grid-template-columns:1fr}
  .hero-cardinal{margin:0 auto 6px;background-position:center}.cascade{height:380px;margin-top:24px}.about-top .lg-wordD{display:none}
  .roster{grid-template-columns:repeat(3,1fr)}.shop{grid-template-columns:repeat(2,1fr)}
  .proj-grid,.values,.mv-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .stats,.tiers,.alloc,.ernie-facts,.vids,.foot-grid,.values,.mv-grid{grid-template-columns:1fr 1fr}
  .roster{grid-template-columns:repeat(2,1fr)}.proj-grid,.shop{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
}