:root{--ink:#0a1636;--ink2:#0f1d45;--card:#112050;--line:#22397f;--lime:#ffd21f;--lime2:#e0b400;--white:#f6f7fb;--mut:#98a6c9;--pap:#f3f4f8;--head:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:"Inter",system-ui,sans-serif;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:var(--body);background:var(--pap);color:#0f1d45;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* tipografía */
h1,h2,h3{font-family:var(--head);text-transform:uppercase;line-height:.92;letter-spacing:.005em;font-weight:800;font-style:italic}
h2{font-size:clamp(2.4rem,6vw,4.4rem)}
.eyebrow{font-family:var(--head);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.95rem;color:#8a6a00;margin-bottom:.5rem}
.dark .eyebrow,.hero .eyebrow{color:var(--lime)}
.sub{color:#5a6580;max-width:56ch;margin-top:.9rem}
.dark .sub{color:var(--mut)}
.sh{margin-bottom:2.2rem}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;letter-spacing:.02em;transition:transform .2s,background .2s,box-shadow .2s;min-height:48px;text-align:center}
.btn.sm{padding:.55rem 1.1rem;min-height:40px;font-size:.85rem}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-lime:hover{background:#ffe155;transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(255,210,31,.55)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.35);color:var(--white)}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.sec:not(.dark) .btn-ghost{color:var(--ink);border-color:rgba(10,22,54,.35)}
.sec:not(.dark) .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--lime)}

/* header */
#hd{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
#hd.sol{background:rgba(10,22,54,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.hd-in{display:flex;align-items:center;gap:1.5rem;height:72px}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--white)}
.brand img{height:44px;width:auto}
.bn{display:flex;flex-direction:column;font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;line-height:.88;font-size:1.15rem;letter-spacing:.02em}
.bn b:last-child{color:var(--lime)}
#nav{display:flex;gap:1.6rem;margin-inline:auto}
#nav a{color:var(--white);font-weight:500;font-size:.92rem;opacity:.85;position:relative;padding:.4rem 0}
#nav a:hover{opacity:1;color:var(--lime)}
.hd-r{display:flex;align-items:center;gap:.7rem}
.lang{display:flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px}
.lang button{padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--white);min-height:30px}
.lang button.on{background:var(--lime);color:var(--ink)}
#bg{display:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);position:relative}
#bg i{position:absolute;left:12px;right:12px;height:2px;background:var(--white);transition:.3s}
#bg i:first-child{top:18px}#bg i:last-child{top:25px}
body.mopen #bg i:first-child{top:21px;transform:rotate(45deg)}
body.mopen #bg i:last-child{top:21px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;color:var(--white);background:var(--ink);overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 55%;transform:scale(1.06);animation:zoom 18s ease-out forwards}
@keyframes zoom{to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,54,.78) 0%,rgba(10,22,54,.35) 35%,rgba(10,22,54,.92) 100%),linear-gradient(90deg,rgba(10,22,54,.8),transparent 70%)}
.hero-in{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:2rem;padding:130px 0 56px}
.kicker{display:flex;align-items:center;gap:.6rem;font-family:var(--head);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.95rem;color:var(--lime);margin-bottom:1.2rem}
.dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(255,210,31,.6);animation:pu 2s infinite}
@keyframes pu{70%{box-shadow:0 0 0 12px rgba(255,210,31,0)}100%{box-shadow:0 0 0 0 rgba(255,210,31,0)}}
.hero h1{font-size:clamp(3.6rem,10.5vw,9rem);color:var(--white)}
.hero h1 em{color:var(--lime);font-style:italic}
.hero .lead{max-width:46ch;margin:1.4rem 0 1.8rem;color:#d6ddf0;font-size:1.08rem}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}

/* próximo partido */
.next{background:rgba(16,21,26,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1.5rem;align-self:end}
.next .lbl{display:flex;justify-content:space-between;font-family:var(--head);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.85rem;color:var(--lime)}
.next .lbl span:last-child{color:var(--mut)}
.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin:1.2rem 0;text-align:center}
.tm{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:600;font-size:.85rem;line-height:1.2}
.tb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-weight:800;font-style:italic;font-size:1.3rem;background:#17285f;border:2px solid #2b4190;color:var(--white)}
.tb.us{background:var(--ink);border-color:var(--lime);color:var(--lime)}
.vs .x{font-family:var(--head);font-style:italic;font-weight:800;font-size:1.6rem;color:var(--mut)}
.when{text-align:center;font-weight:600;font-size:.95rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:.4rem}.when:first-letter{text-transform:uppercase}
.when small{display:block;color:var(--mut);font-weight:400;text-transform:none;margin-top:.1rem}
.cd{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.cd div{background:#081230;border-radius:12px;padding:.6rem .3rem;text-align:center}
.cd b{display:block;font-family:var(--head);font-weight:800;font-size:1.9rem;line-height:1;color:var(--white)}
.cd span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}

/* ticker */
.ticker{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);background:rgba(10,22,54,.7);overflow:hidden;padding:.85rem 0}
.tk-track{display:flex;gap:3rem;width:max-content;animation:tk 50s linear infinite}
.ticker:hover .tk-track{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
.tki{display:flex;align-items:center;gap:.7rem;white-space:nowrap;font-size:.88rem;color:#d3dbf0}
.tki .cat{font-family:var(--head);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.78rem;color:var(--mut)}
.tki b{font-family:var(--head);font-size:1.15rem;font-style:italic;color:var(--white)}
.res{padding:.1rem .45rem;border-radius:6px;font-weight:800;font-size:.72rem;color:var(--ink)}
.res.w{background:var(--lime)}.res.d{background:#c9d1d6}.res.l{background:#ff7a6b}

/* secciones */
.sec{padding:clamp(4rem,9vw,7.5rem) 0}
.dark{background:var(--ink);color:var(--white)}

/* equipos */
.filters,.tpills{display:flex;gap:.5rem;flex-wrap:wrap}
.filters{margin-bottom:1rem}
.filters button{padding:.5rem 1.1rem;border-radius:999px;border:1.5px solid #c9d0e4;font-weight:600;font-size:.88rem;min-height:42px}
.filters button.on{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.tpills{margin-bottom:1.5rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem;scrollbar-width:none}
.tpills::-webkit-scrollbar{display:none}
.tpills button{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;background:#fff;border:1.5px solid #dde2ef;border-radius:14px;padding:.7rem 1.1rem;min-height:56px;text-align:left;transition:.2s}
.tpills button b{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.2rem;line-height:1}
.tpills button span{font-size:.72rem;color:#6d7794}
.tpills button.on{background:var(--ink);border-color:var(--ink);color:var(--white)}
.tpills button.on span{color:var(--lime)}
.tpanel{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4rem;align-items:start}
.card{background:#fff;border-radius:22px;padding:1.6rem;box-shadow:0 1px 0 #e2e6f0}
.thead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.3rem}
.thead h3{font-size:clamp(2rem,4vw,3rem)}
.thead p{color:#5a6580;font-size:.9rem}
.tag{display:inline-block;background:#fff3c2;color:#6b5200;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}
.pos-h{font-family:var(--head);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.85rem;color:#6d7794;margin:1.2rem 0 .6rem;display:flex;align-items:center;gap:.8rem}
.pos-h:after{content:"";flex:1;height:1px;background:#e2e6f0}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
.pl{position:relative;background:var(--ink);color:var(--white);border-radius:16px;overflow:hidden;aspect-ratio:3/4;transition:transform .25s;isolation:isolate}
.pl:hover{transform:translateY(-4px)}
.pl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;z-index:-2;transition:transform .6s}
.pl:hover img{transform:scale(1.05)}
.pl .sil{position:absolute;inset:0;z-index:-2;background:linear-gradient(160deg,#142a63,#0c1d4a);display:grid;place-items:end center}
.pl .sil svg{width:78%;fill:#2b4190;margin-bottom:-6%}
.pl:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,22,54,.35) 0,transparent 30%,transparent 48%,rgba(10,22,54,.92) 100%)}
.pl .num{position:absolute;left:.75rem;top:.45rem;font-family:var(--head);font-style:italic;font-weight:800;font-size:2.6rem;line-height:1;color:var(--lime);text-shadow:0 2px 10px rgba(0,0,0,.45)}
.pl .pt{position:absolute;left:0;right:0;bottom:0;padding:.8rem .9rem .9rem}
.pl .pp{font-family:var(--head);font-weight:700;letter-spacing:.14em;font-size:.76rem;color:var(--lime)}
.pl .pn{font-weight:700;font-size:.95rem;line-height:1.15;margin-top:.1rem}
.pl .pa{font-size:.74rem;color:#c1cbe6;margin-top:.15rem}
.tabs{display:flex;gap:.4rem;margin-bottom:1rem;background:#eceff7;border-radius:12px;padding:4px}
.tabs button{flex:1;padding:.55rem;border-radius:9px;font-weight:700;font-size:.85rem;min-height:40px}
.tabs button.on{background:var(--ink);color:var(--lime)}
.ml{list-style:none;display:flex;flex-direction:column}
.mi{display:grid;grid-template-columns:54px 1fr auto;gap:.8rem;align-items:center;padding:.8rem 0;border-top:1px solid #e9ecf4}
.mi:first-child{border-top:0}
.mi .dt{font-family:var(--head);text-transform:uppercase;font-weight:700;line-height:1;text-align:center;font-size:.8rem;color:#6d7794}
.mi .dt b{display:block;font-size:1.8rem;color:var(--ink);font-style:italic}
.mi .vn{font-weight:600;font-size:.92rem;line-height:1.25}
.mi .vn small{display:block;color:#6d7794;font-weight:400;font-size:.76rem;margin-top:.15rem}
.sc{font-family:var(--head);font-weight:800;font-style:italic;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}
.sc .res{font-family:var(--body);font-style:normal}
.hr{font-size:.82rem;font-weight:600;color:#6b5200;background:#fff3c2;border-radius:999px;padding:.25rem .7rem}
.sep{font-family:var(--head);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.78rem;color:#6d7794;margin:.8rem 0 .2rem}
table.cl{width:100%;border-collapse:collapse;font-size:.85rem}
.cl th{font-weight:600;color:#6d7794;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:.4rem .2rem}
.cl th:nth-child(2),.cl td:nth-child(2){text-align:left}
.cl td{padding:.6rem .2rem;border-top:1px solid #e9ecf4;text-align:center}
.cl td:first-child{color:#6d7794;font-weight:700;width:26px}
.cl td:nth-child(2){font-weight:600}
.cl td:last-child{font-weight:800}
.cl tr.us td{background:#fff8d6}
.cl tr.us td:first-child{border-radius:8px 0 0 8px}.cl tr.us td:last-child{border-radius:0 8px 8px 0}

/* agenda */
.agenda{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.ag{display:grid;grid-template-columns:78px 1fr auto;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem;transition:.25s}
.ag:hover{border-color:var(--lime);transform:translateY(-2px)}
.ag .dt{text-align:center;font-family:var(--head);text-transform:uppercase;font-weight:700;line-height:1;color:var(--mut);font-size:.85rem}
.ag .dt b{display:block;font-size:2.4rem;color:var(--lime);font-style:italic}
.ag .tt{font-family:var(--head);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.78rem;color:var(--lime)}
.ag .vn{font-weight:700;font-size:1.02rem;line-height:1.2;margin:.15rem 0}
.ag .ve{font-size:.8rem;color:var(--mut)}
.ag .hh{font-family:var(--head);font-weight:800;font-style:italic;font-size:1.4rem}
.ag .ha{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);text-align:right}

/* noticias */
.news{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:1rem}
.nw{position:relative;border-radius:22px;overflow:hidden;background:var(--ink);color:var(--white);min-height:300px;display:flex;align-items:flex-end;isolation:isolate}
.nw:first-child{grid-row:span 2;min-height:560px}
.nw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.nw:hover img{transform:scale(1.06)}
.nw:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,22,54,.1) 25%,rgba(10,22,54,.92))}
.nw div{padding:1.4rem}
.nw .tg{display:inline-block;background:var(--lime);color:var(--ink);padding:.2rem .65rem;border-radius:999px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.nw h3{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1;margin-bottom:.5rem}
.nw:first-child h3{font-size:clamp(2rem,3.4vw,3rem)}
.nw p{font-size:.88rem;color:#d3dbf0;max-width:46ch}
.nw time{display:block;font-size:.75rem;color:var(--mut);margin-top:.6rem}

/* club */
.club{background:#fff}
.club-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.club-img{position:relative;padding-bottom:12%}
.club-img img{border-radius:24px;width:100%;aspect-ratio:4/5;object-fit:cover}
.club-img .sm2{position:absolute;right:-6%;bottom:0;width:50%;aspect-ratio:1;border:8px solid #fff;border-radius:22px}
.club-txt h2{margin-bottom:1.1rem}
.club-txt>p{color:#49546b;max-width:52ch}
.stats{display:flex;gap:2rem;margin:2rem 0;flex-wrap:wrap}
.stats b{display:block;font-family:var(--head);font-style:italic;font-weight:800;font-size:3.6rem;line-height:1;color:var(--ink)}


.stats span{font-size:.82rem;color:#5a6580}
.inscr{background:var(--ink);color:var(--white);border-radius:20px;padding:1.5rem}
.inscr h3{font-size:1.8rem;color:var(--lime)}
.inscr p{color:#c5cfea;margin:.4rem 0 1rem;font-size:.93rem}

/* instalaciones */
.fac{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}
.fac figure{position:relative;border-radius:22px;min-height:360px;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end}
.fac figure:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,22,54,.9))}
.fac figcaption{position:relative;padding:1.3rem;display:flex;flex-direction:column}
.fac b{font-family:var(--head);font-style:italic;text-transform:uppercase;font-weight:800;font-size:1.7rem;line-height:1}
.fac span{color:#d3dbf0;font-size:.85rem;margin-top:.2rem}

/* patrocinadores */
.sponsors{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.spn{display:grid;place-items:center;text-align:center;padding:1rem;min-height:116px;background:#fff;border-radius:18px;font-family:var(--head);text-transform:uppercase;font-style:italic;font-weight:800;font-size:1.35rem;line-height:1;letter-spacing:.02em;color:#233063;transition:.25s;border:1px solid #e2e6f0}
.spn img{width:min(210px,100%);height:76px;object-fit:contain;transition:transform .3s}
.spn:hover{background:#fff;border-color:var(--lime);box-shadow:0 12px 30px -14px rgba(10,22,54,.35);transform:translateY(-3px)}
.spn:hover img{transform:scale(1.05)}
.sp-cta{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:2rem;padding:1.4rem 1.6rem;border-radius:20px;background:#fff3c2}
.sp-cta p{font-weight:600;color:#5a4500}

/* contacto */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,5rem)}
.cinfo{list-style:none;margin-top:1.6rem;display:grid;gap:1rem}
.cinfo li{border-top:1px solid var(--line);padding-top:.9rem;display:flex;flex-direction:column}
.cinfo b{font-family:var(--head);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:var(--lime)}
.cinfo a:hover{color:var(--lime)}
.cform{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem;display:grid;gap:1rem}
.cform label{display:grid;gap:.35rem;font-size:.82rem;color:var(--mut);font-weight:500}
.cform input,.cform select,.cform textarea{font:inherit;background:#081230;color:var(--white);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;font-size:1rem;min-height:48px;width:100%}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:0;border-color:var(--lime)}
.fok{color:var(--lime);font-size:.9rem}

footer{background:#050c24;color:var(--mut);padding:2rem 0 5.5rem;font-size:.85rem}
.ft{display:flex;gap:1rem 2rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ft-b{display:flex;align-items:center;gap:.7rem;color:var(--white);font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.2rem}
.demo a,.admin-link{color:var(--lime)}
.admin-link:hover{text-decoration:underline}

.float-admin{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:.6rem;background:var(--lime);color:var(--ink);padding:.7rem 1.1rem;border-radius:999px;font-weight:700;font-size:.82rem;box-shadow:0 12px 30px -8px rgba(0,0,0,.5);transition:transform .2s}
.float-admin:hover{transform:translateY(-2px)}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--ink);animation:pu2 1.8s infinite}
@keyframes pu2{70%{box-shadow:0 0 0 10px rgba(10,22,54,0)}0%{box-shadow:0 0 0 0 rgba(10,22,54,.5)}}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.rv.in{opacity:1;transform:none}

/* responsive */
@media(max-width:980px){
  .hero-in{grid-template-columns:1fr;padding-top:110px}
  .tpanel{grid-template-columns:1fr}
  .news{grid-template-columns:1fr 1fr}.nw:first-child{grid-column:span 2;grid-row:auto;min-height:400px}
  .club-grid,.contact{grid-template-columns:1fr}
  .club-img{max-width:520px}
  .fac{grid-template-columns:1fr 1fr}.fac figure:first-child{grid-column:span 2}
  .sponsors{grid-template-columns:repeat(2,1fr)}
  .agenda{grid-template-columns:1fr}
}
@media(max-width:860px){
  #bg{display:block}
  #nav{position:fixed;inset:72px 0 auto 0;background:rgba(10,22,54,.98);flex-direction:column;gap:0;padding:.5rem 20px 1.2rem;transform:translateY(-120%);transition:transform .35s;max-height:calc(100svh - 72px);overflow:auto;margin:0;visibility:hidden}
  body.mopen #nav{transform:none;visibility:visible}
  #nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.1rem}
  .hd-r .btn{display:none}
  .hd-r{margin-left:auto}
  body.mopen #hd{background:rgba(10,22,54,.98)}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 32px)}
  .hd-in{height:64px;gap:.8rem}
  #nav{inset:64px 0 auto 0;max-height:calc(100svh - 64px)}
  .brand img{height:38px}.bn{font-size:1rem}
  .hero-in{padding:96px 0 32px}
  .hero .lead{font-size:1rem}
  .hero-cta .btn{flex:1 1 100%}
  .next{padding:1.1rem}
  .tb{width:50px;height:50px;font-size:1.1rem}
  .news{grid-template-columns:1fr}.nw:first-child{grid-column:auto;min-height:380px}.nw{min-height:260px}
  .fac{grid-template-columns:1fr}.fac figure:first-child{grid-column:auto}.fac figure{min-height:240px}
  .club-img .sm2{right:-3%}
  .stats{gap:1.2rem}.stats b{font-size:3rem}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .spn{min-height:96px}.spn img{height:62px}
  .card{padding:1.1rem}
  .mi{grid-template-columns:46px 1fr auto;gap:.6rem}
  .ag{grid-template-columns:62px 1fr;padding:.9rem}
  .ag .hh{grid-column:2}.ag .ha{text-align:left;grid-column:2}
  .cform{padding:1.1rem}
  .float-admin{left:12px;padding:.6rem .95rem;font-size:.76rem}
  footer{padding-bottom:6rem}
}
@media(max-width:360px){.lang button{padding:.3rem .5rem}.bn{font-size:.9rem}.brand img{height:34px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===== Batea: senyera, objectiu, cartells, buits ===== */
.sen{height:10px;background:repeating-linear-gradient(180deg,#fcdd09 0 1.11px,#da121a 1.11px 2.22px)}
.brand img{border-radius:50%;height:46px;width:46px;object-fit:cover}
.ft-b img{border-radius:50%}
.tb img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.tb.us{padding:0;overflow:hidden;border-color:var(--lime)}
.hero-bg{background-position:center 45%}
.hero:after{background:linear-gradient(180deg,rgba(10,22,54,.8) 0%,rgba(10,22,54,.45) 38%,rgba(10,22,54,.94) 100%),linear-gradient(90deg,rgba(10,22,54,.85),rgba(18,48,130,.25) 75%)}
.hero h1 em{display:inline-block}
.goal{background:linear-gradient(135deg,#0d2a7a,#0a1636 70%);color:var(--white);padding:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden}
.goal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 40px,rgba(255,210,31,.05) 40px 80px)}
.goal-in{position:relative;max-width:900px}
.goal .eyebrow{color:var(--lime)}
.goal blockquote{font-family:var(--head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5.4vw,4rem);line-height:.98}
.goal-s{margin-top:1.2rem;color:var(--lime);font-family:var(--head);font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.posters{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.posters figure{border-radius:18px;overflow:hidden;background:#112050;aspect-ratio:4/5}
.posters img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.posters figure:hover img{transform:scale(1.05)}
.empty{color:#6d7794;font-size:.95rem;padding:1rem 0}
.empty.dk{color:var(--mut)}
.tnote{font-size:.8rem;color:#6d7794;margin-top:1rem}
.nw img{object-position:center 30%}
.club-img img{object-fit:cover}
.spn.slot{border-style:dashed;background:transparent;color:#8b95b3;font-size:1.05rem}
.spn.slot:hover{border-color:var(--lime);color:var(--ink);background:#fff8d6}
.pl .sil svg{fill:#2b4190}
.pl:after{background:linear-gradient(180deg,rgba(10,22,54,.4) 0,transparent 30%,transparent 46%,rgba(10,22,54,.94) 100%)}
.pl img{object-position:center 12%}
@media(max-width:980px){.posters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.posters{gap:.6rem}}

/* jugadors sense foto: fitxa compacta */
.pgrid{align-items:start}
.pl:not(.ph){aspect-ratio:auto;display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;min-height:68px;background:#0f1d45}
.pl:not(.ph):after{display:none}
.pl:not(.ph) .sil{position:static;inset:auto;width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:#17285f;display:grid;place-items:end center}
.pl:not(.ph) .sil svg{width:86%;margin-bottom:-12%}
.pl:not(.ph) .pt{position:static;padding:0;min-width:0}
.pl:not(.ph) .num{position:static;font-size:1.5rem;order:3;margin-left:auto}
.pl:not(.ph) .pn{margin-top:0}
/* notícies: imatge a dalt, text a sota (els cartells ja porten text) */
.nw{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#0f1d45;min-height:0;isolation:auto}
.nw:before{display:none}
.nw img{position:static;z-index:auto;flex:1;min-height:220px;max-height:340px;height:auto;object-position:center 18%}
.nw:first-child{min-height:0}
.nw:first-child img{max-height:none;min-height:340px}
.nw div{padding:1.2rem 1.3rem 1.4rem}
@media(max-width:620px){.nw img,.nw:first-child img{min-height:200px;max-height:300px}}