@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700;800&display=swap");

:root{--red:#cf071f;--red2:#920013;--black:#050505;--panel:#101010;--soft:#171717;--white:#fff;--muted:#b9b9b9;--gold:#f0b73b;--line:#2b2b2b;--max:1420px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{height:86px;display:flex;align-items:stretch;background:rgba(3,3,3,.97);border-bottom:2px solid var(--red);position:sticky;top:0;z-index:99;box-shadow:0 8px 25px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:13px;padding:8px 28px 8px 18px;min-width:345px;background:linear-gradient(125deg,#070707 0 92%,var(--red) 92% 93%,transparent 93%)}.brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 4px 8px #000)}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy strong{font-size:27px;letter-spacing:.5px}.brand-copy em{color:var(--red);font-size:22px;font-weight:900;margin-top:7px}.brand-copy small{font-size:9px;letter-spacing:2px;color:#aaa;margin-top:8px;text-transform:uppercase}.main-nav{display:flex;align-items:stretch;margin-left:auto;overflow-x:auto}.main-nav a{display:flex;align-items:center;padding:0 14px;text-transform:uppercase;font-size:12px;font-weight:900;white-space:nowrap;letter-spacing:.2px;border-left:1px solid rgba(255,255,255,.03)}.main-nav a:hover,.main-nav a.active{background:linear-gradient(var(--red),var(--red2));}.nav-toggle,.nav-button{display:none}.hero-home{min-height:620px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 40%,rgba(0,0,0,.1) 72%),url('assets/jpg_independientes/styles-banner001-019.jpg') center/cover no-repeat;overflow:hidden}.hero-home:after{content:"";position:absolute;right:0;top:0;width:62%;height:100%;background:url('assets/jpg_independientes/styles-jugadores-020.jpg') center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 25%);filter:saturate(1.05) contrast(1.05)}.hero-copy{position:relative;z-index:2;width:min(650px,52vw);margin-left:max(5vw,30px);text-align:center;padding:40px 0}.kicker{color:var(--red);font-size:27px;font-style:italic;font-weight:900}.hero-copy h1{font-size:clamp(78px,8.5vw,128px);line-height:.78;margin:6px 0 0;font-style:italic;letter-spacing:-4px;text-shadow:0 7px 15px #000}.hero-copy h2{font-size:clamp(36px,4.5vw,66px);line-height:1;margin:18px 0 5px;color:var(--red);font-style:italic}.hero-title{font-size:clamp(24px,2.5vw,39px);font-weight:900;margin:0 0 10px}.hero-ribbon{display:inline-block;background:linear-gradient(90deg,var(--red2),var(--red),var(--red2));padding:9px 26px;font-size:clamp(18px,2vw,27px);font-weight:900;box-shadow:0 0 25px rgba(207,7,31,.35)}.hero-motto{font-size:20px;font-weight:800}.actions{display:flex;gap:16px;justify-content:center;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1px solid rgba(255,255,255,.6);border-radius:3px;text-transform:uppercase;font-weight:900;font-size:13px;cursor:pointer}.btn.primary{background:linear-gradient(var(--red),var(--red2));}.btn.ghost{background:rgba(0,0,0,.7)}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.overlap{margin-top:-65px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:1.05fr .75fr 1.65fr;gap:8px}.stat-card,.next-match{min-height:175px;border:1px solid #777;background:linear-gradient(135deg,#151515,#030303);box-shadow:0 8px 30px rgba(0,0,0,.45)}.stat-card{display:flex;align-items:center;padding:20px;gap:18px}.stat-card .icon{width:60px;height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.stat-card .icon img{width:60px;height:60px;object-fit:cover;display:block}.stat-card b,.stat-card small{display:block}.stat-card b{font-size:22px}.stat-card small{text-transform:uppercase;color:#ddd}.year-row{font-size:11px;color:#ccc;margin-top:22px}.stat-card.gold strong{display:block;color:var(--red);font-size:46px}.next-match{background:#eee;color:#111}.bar{background:linear-gradient(var(--red),var(--red2));color:#fff;padding:8px 16px;font-size:18px;font-weight:900}.match-inner{display:grid;grid-template-columns:1fr 55px 1fr 1.35fr;align-items:center;padding:12px}.club{text-align:center;text-transform:uppercase;font-size:12px}.club img{width:67px;height:67px;object-fit:contain;margin:auto}.vs{font-size:24px;font-weight:900}.opponent-shield,.mini-shield{margin:auto;background:#888;clip-path:polygon(50% 0,90% 14%,84% 70%,50% 100%,16% 70%,10% 14%)}.opponent-shield{width:56px;height:66px;display:grid;place-items:center;font-weight:900;font-size:22px}.match-info{display:flex;flex-direction:column;border-left:1px solid #bbb;padding-left:18px;font-size:13px}.home-panels{display:grid;grid-template-columns:1.05fr 1.7fr 1.4fr;gap:8px;padding-top:9px;padding-bottom:35px}.panel{border:1px solid #777;background:#0b0b0b;min-height:290px}.panel.light{background:#eee;color:#111}.panel-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(var(--red),var(--red2));padding:9px 13px}.panel-head.dark{background:linear-gradient(#1d1d1d,#080808)}.panel-head h2{font-size:18px;text-transform:uppercase;margin:0}.panel-head a{font-size:11px;text-transform:uppercase;font-weight:900}.mini-news{display:grid;grid-template-columns:135px 1fr;gap:10px;padding:8px}.mini-news+ .mini-news{border-top:1px solid #ccc}.mini-news img{width:135px;height:88px;object-fit:cover}.mini-news time,.news-card time,.news-feature time{font-size:10px;color:#777}.mini-news h3{font-size:14px;margin:2px 0}.mini-news p{font-size:12px;margin:0}.player-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:10px}.player-mini{position:relative;border:1px solid #292929;text-align:center;background:#0f100d}.player-mini>span{position:absolute;z-index:2;left:6px;top:3px;color:var(--red);font-size:29px;font-weight:900}.crop{background-repeat:no-repeat;background-size:cover;background-position:center 12%}.player-mini .crop{height:210px}.p1{background-image:url('assets/jpg_independientes/styles-jugador-marco-gomez-021.jpg')}.p2{background-image:url('assets/jpg_independientes/styles-jugador-diego-ramirez-022.jpg')}.p3{background-image:url('assets/jpg_independientes/styles-jugador-luis-torres-023.jpg')}.p4{background-image:url('assets/jpg_independientes/styles-jugador-kevin-pacheco-024.jpg')}.p5{background-image:url('assets/jpg_independientes/styles-jugador-brian-lopez-025.jpg')}.player-mini b{display:block;padding:7px 2px;font-size:11px;text-transform:uppercase}.gallery-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.tile,.gallery-bg{background-repeat:no-repeat;background-size:cover;background-position:center}.tile{min-height:110px}.g1{background-image:url('assets/jpg_independientes/styles-galeria-01-plantel-principal-026.jpg')}.g2{background-image:url('assets/jpg_independientes/styles-galeria-02-noche-campeonato-027.jpg')}.g3{background-image:url('assets/jpg_independientes/styles-galeria-03-celebracion-equipo-028.jpg')}.g4{background-image:url('assets/jpg_independientes/styles-galeria-04-hinchada-arsenal-029.jpg')}.g5{background-image:url('assets/jpg_independientes/styles-galeria-05-entrenamiento-030.jpg')}.g6{background-image:url('assets/jpg_independientes/styles-galeria-06-abrazo-gol-031.jpg')}.cta-band{display:flex;justify-content:center;align-items:center;gap:80px;padding:38px 24px;background:linear-gradient(100deg,#111,#050505 55%,#270006);border-top:1px solid #2c2c2c}.cta-band span{font-size:24px;font-style:italic;font-weight:900}.cta-band strong{display:block;color:var(--red);font-size:48px;font-style:italic;line-height:.9}.cta-band p{margin:8px 0;color:#bbb}.page-hero{min-height:355px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.42)),url('assets/jpg_independientes/styles-estadio-fondo-032.jpg') center 45%/cover no-repeat;border-bottom:4px solid var(--red)}.page-hero>div{width:min(var(--max),calc(100% - 32px));margin:auto}.page-hero span,.section-title span,.contact-info>span,.main-sponsor>span,.coach-feature span{color:var(--red);font-weight:900;letter-spacing:2px;font-size:12px}.page-hero h1{font-size:clamp(52px,7vw,92px);font-style:italic;text-transform:uppercase;margin:4px 0;line-height:.95}.page-hero p{font-size:19px;max-width:680px;color:#ddd}.section{padding-top:65px;padding-bottom:65px}.two-cols{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.lead{font-size:27px;font-weight:700;margin-top:0}.quote-card{border:1px solid #333;background:linear-gradient(140deg,#161616,#080808);padding:30px;text-align:center}.quote-card img{width:170px;margin:auto}.quote-card blockquote{font-size:20px;font-style:italic;color:#ddd}.dark-section{background:#101010;border-top:1px solid #252525;border-bottom:1px solid #252525}.section-title{margin-bottom:28px}.section-title h2{font-size:38px;margin:4px 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline article{padding:25px;border-top:3px solid var(--red);border-right:1px solid #333;background:#0a0a0a}.timeline b{color:var(--red);font-size:28px}.timeline h3{margin:6px 0}.timeline p{color:#bbb}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:#111;border:1px solid #2d2d2d;border-top:3px solid var(--red);padding:25px}.info-card h3{font-size:24px;margin:0 0 8px}.info-card p{color:#bbb}.achievement-main{display:flex;align-items:center;justify-content:center;gap:45px;padding:35px;background:linear-gradient(135deg,#171717,#050505);border:1px solid #333;margin-bottom:55px}.trophy-big{font-size:120px}.achievement-main h2{font-size:92px;color:var(--red);margin:0;line-height:1}.achievement-main span{font-size:18px;font-weight:900}.championship-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.championship-grid article{text-align:center;background:#111;border:1px solid #333;padding:22px 8px}.championship-grid span{font-size:38px;display:block}.championship-grid b{display:block;font-size:25px}.championship-grid small{color:#aaa;text-transform:uppercase}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-row div{padding:20px;border-right:1px solid #333}.stats-row strong{display:block;color:var(--red);font-size:55px}.stats-row span{color:#bbb;text-transform:uppercase;font-size:12px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter-chips span{border:1px solid #444;padding:8px 16px;text-transform:uppercase;font-size:12px;font-weight:900}.filter-chips .selected{background:var(--red);border-color:var(--red)}.roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.player-card{position:relative;background:#111;border:1px solid #303030;overflow:hidden}.player-card .number{position:absolute;z-index:2;top:5px;left:10px;color:var(--red);font-size:45px;font-weight:900}.player-image{height:300px}.player-data{padding:15px;border-top:3px solid var(--red)}.player-data h2{font-size:18px;text-transform:uppercase;margin:0}.player-data span{color:var(--red);font-size:12px;text-transform:uppercase;font-weight:900}.player-data p{font-size:11px;color:#888;margin:4px 0}.coach-feature{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#111;border:1px solid #333}.coach-photo{background:linear-gradient(90deg,transparent,rgba(0,0,0,.25)),url('assets/jpg_independientes/styles-jugadores-020.jpg') 20% center/cover}.coach-feature>div:last-child{padding:55px}.coach-feature h2{font-size:45px;margin:5px 0}.coach-feature p,.coach-feature li{color:#bbb}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.staff-grid article{text-align:center;background:#111;border:1px solid #2d2d2d;padding:25px}.staff-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(var(--red),var(--red2));font-size:27px;font-weight:900}.staff-grid h3{margin:12px 0 3px}.staff-grid p{color:#aaa;margin:0}.featured-match{background:#eee;color:#111;border:1px solid #777;max-width:950px;margin:auto}.featured-inner{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;padding:28px}.club.big img{width:120px;height:120px}.club.big .opponent-shield{width:90px;height:108px}.score{text-align:center}.score span,.score small{display:block}.score strong{font-size:45px}.venue{text-align:center;border-top:1px solid #ccc;padding:12px;font-weight:700}.fixture-list{border:1px solid #333}.fixture-list article{display:grid;grid-template-columns:110px 1fr 80px 1fr 100px;align-items:center;gap:15px;padding:15px 20px;background:#111}.fixture-list article:nth-child(even){background:#171717}.fixture-team{display:flex;align-items:center;gap:12px}.fixture-team img{width:42px;height:42px;object-fit:contain}.mini-shield{width:32px;height:38px}.status{text-align:center;border:1px solid #555;padding:5px 8px;font-size:10px;text-transform:uppercase}.status.done{color:#9c9}.status.next{background:var(--red);border-color:var(--red)}.news-feature{display:grid;grid-template-columns:1.2fr .8fr;background:#111;border:1px solid #333}.news-feature img{width:100%;height:420px;object-fit:cover}.news-feature div{padding:45px}.news-feature h2{font-size:36px;line-height:1.1;margin:10px 0}.news-feature p{color:#bbb}.text-link,.news-card a{color:var(--red);font-weight:900}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.news-card{background:#111;border:1px solid #333}.news-card img{width:100%;height:210px;object-fit:cover}.news-card>div{padding:18px}.news-card h2{font-size:20px;margin:8px 0}.news-card p{color:#aaa;font-size:14px}.masonry{columns:3 300px;column-gap:15px}.gallery-item{break-inside:avoid;margin:0 0 15px;background:#111;border:1px solid #333}.gallery-bg{height:250px}.gallery-item:nth-child(3n) .gallery-bg{height:380px}.gallery-item:nth-child(4n) .gallery-bg{height:310px}.gallery-item figcaption{padding:10px 14px;text-transform:uppercase;font-size:12px;font-weight:900}.main-sponsor{text-align:center;padding:55px;background:linear-gradient(135deg,#240008,#0a0a0a);border:1px solid #4a0010;margin-bottom:50px}.main-sponsor h2{font-size:55px;margin:10px 0;line-height:.9}.main-sponsor p{color:#aaa}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sponsor-grid article{text-align:center;background:#fff;color:#111;padding:35px 18px}.sponsor-logo{font-size:25px;font-weight:900}.sponsor-grid p{font-size:12px;text-transform:uppercase;color:#777}.sponsor-cta{display:flex;align-items:center;justify-content:space-between;background:#111;border-left:5px solid var(--red);padding:25px 30px;margin-top:30px}.sponsor-cta h2{margin:0}.sponsor-cta p{margin:5px 0;color:#aaa}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px}.contact-info h2{font-size:52px;margin:5px 0}.contact-info>p{color:#bbb}.contact-item{display:flex;flex-direction:column;border-top:1px solid #333;padding:14px 0}.contact-item b{color:var(--red);font-size:12px;text-transform:uppercase}.contact-form{background:#111;border:1px solid #333;padding:30px;display:grid;gap:16px}.contact-form label{display:grid;gap:6px;font-size:12px;text-transform:uppercase;font-weight:900}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#080808;color:#fff;border:1px solid #444;padding:13px;font:inherit}.contact-form small{color:#777}.map-placeholder{height:320px;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.7)),url('assets/jpg_independientes/styles-estadio-033.jpg') center/cover;display:grid;place-items:center}.map-placeholder>div{background:rgba(0,0,0,.85);padding:20px 35px;text-align:center}.map-placeholder img{width:70px;margin:auto}.map-placeholder b,.map-placeholder span{display:block}.site-footer{display:grid;grid-template-columns:1.3fr 1fr .8fr 1.5fr;gap:28px;background:#050505;border-top:2px solid var(--red);padding:38px max(22px,calc((100vw - var(--max))/2));color:#bbb}.site-footer h3{color:#fff;text-transform:uppercase;font-size:14px}.site-footer p{font-size:13px;margin:6px 0}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:80px}.footer-brand strong{color:#fff}.social-row{display:flex;gap:8px;margin-top:14px}.social-row span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900}.copyright{grid-column:1/-1;border-top:1px solid #222;padding-top:18px;font-size:11px;text-align:center}
@media(max-width:1180px){.site-header{height:auto;min-height:78px;flex-wrap:wrap}.brand{min-width:auto}.nav-button{display:flex;margin-left:auto;width:70px;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}.nav-button span{width:28px;height:3px;background:#fff}.main-nav{display:none;order:3;width:100%;flex-wrap:wrap}.nav-toggle:checked~.main-nav{display:flex}.main-nav a{height:48px;flex:1 1 150px;justify-content:center}.quick-grid{grid-template-columns:1fr 1fr}.next-match{grid-column:1/-1}.home-panels{grid-template-columns:1fr 1fr}.home-panels .panel:last-child{grid-column:1/-1}.roster-grid{grid-template-columns:repeat(3,1fr)}.championship-grid{grid-template-columns:repeat(4,1fr)}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.brand img{width:64px;height:64px}.brand-copy strong{font-size:21px}.brand-copy em{font-size:17px}.hero-home{min-height:650px;align-items:flex-end}.hero-home:after{width:100%;opacity:.65;mask-image:none;-webkit-mask-image:none}.hero-home{background:linear-gradient(0deg,#000 5%,rgba(0,0,0,.72) 55%,rgba(0,0,0,.15)),url('assets/jpg_independientes/styles-estadio-fondo-032.jpg') center/cover}.hero-copy{width:100%;margin:0;padding:30px 16px}.hero-copy h1{font-size:66px}.hero-copy h2{font-size:37px}.actions{flex-direction:column;align-items:center}.overlap{margin-top:0}.quick-grid,.home-panels,.two-cols,.coach-feature,.news-feature,.contact-layout{grid-template-columns:1fr}.match-inner{grid-template-columns:1fr 45px 1fr}.match-info{grid-column:1/-1;border-left:0;border-top:1px solid #bbb;margin-top:10px;padding:10px 0 0;text-align:center}.home-panels .panel:last-child{grid-column:auto}.player-strip{grid-template-columns:repeat(2,1fr)}.gallery-mini{grid-template-columns:repeat(2,1fr)}.cta-band{flex-direction:column;gap:20px;text-align:center}.timeline,.cards-3,.stats-row,.staff-grid,.news-grid,.sponsor-grid{grid-template-columns:1fr}.championship-grid{grid-template-columns:repeat(2,1fr)}.achievement-main{flex-direction:column;text-align:center}.trophy-big{font-size:80px}.achievement-main h2{font-size:70px}.roster-grid{grid-template-columns:repeat(2,1fr)}.player-image{height:245px}.coach-feature>div:last-child{padding:28px}.featured-inner{grid-template-columns:1fr 80px 1fr;padding:15px}.club.big img{width:80px;height:80px}.club.big .opponent-shield{width:60px;height:72px}.fixture-list article{grid-template-columns:70px 1fr 45px 1fr;padding:12px 8px;gap:6px;font-size:12px}.fixture-list .status{grid-column:1/-1}.news-feature img{height:260px}.news-feature div{padding:25px}.news-feature h2{font-size:28px}.site-footer{grid-template-columns:1fr}.main-sponsor h2{font-size:38px}.sponsor-cta{flex-direction:column;align-items:flex-start;gap:15px}.page-hero{min-height:300px}.page-hero h1{font-size:52px}.section-title h2{font-size:30px}.contact-info h2{font-size:42px}}
.g7{background-image:url('assets/jpg_independientes/styles-galeria-07-estadio-arsenal-034.jpg')}.g8{background-image:url('assets/jpg_independientes/styles-galeria-08-pasion-roja-035.jpg')}.g9{background-image:url('assets/jpg_independientes/styles-galeria-09-comunidad-arsenal-036.jpg')}.g10{background-image:url('assets/jpg_independientes/styles-galeria-10-concentracion-037.jpg')}
.opponent-shield{overflow:hidden}.opponent-shield img{width:100%;height:100%;object-fit:cover;display:block}

/* ==========================================================
   INICIO — AJUSTES DE DISTRIBUCIÓN Y PRESENTACIÓN
   Alcance exclusivo: body.home. No modifica contenido.
   ========================================================== */
body.home main{overflow:hidden}
body.home .hero-home{min-height:600px}
body.home .hero-copy{width:min(620px,50vw);margin-left:max(4.5vw,28px);padding:48px 0 92px}
body.home .hero-copy h1{margin-top:8px}
body.home .hero-copy h2{margin-top:16px}
body.home .hero-ribbon{margin-top:4px}
body.home .hero-motto{margin:16px 0 0}
body.home .actions{margin-top:24px}
body.home .btn{min-width:168px}

body.home .quick-grid{grid-template-columns:1fr .78fr 1.55fr;gap:14px}
body.home .overlap{margin-top:-70px}
body.home .stat-card,
body.home .next-match{min-height:180px;border-color:#454545;border-radius:5px;overflow:hidden}
body.home .stat-card{padding:22px 20px}
body.home .stat-card .icon{width:68px;height:68px;flex-basis:68px}
body.home .stat-card .icon img{width:68px;height:68px}
body.home .stat-card b{font-size:21px;line-height:1.15}
body.home .year-row{margin-top:18px;line-height:1.6}
body.home .bar{padding:9px 18px}
body.home .match-inner{min-height:141px;padding:14px 18px;gap:8px}
body.home .match-info{line-height:1.55}

body.home .home-panels{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:14px;padding-top:14px;padding-bottom:42px}
body.home .home-panels .panel{min-height:325px;border-color:#3b3b3b;border-radius:5px;overflow:hidden}
body.home .panel-head{min-height:48px;padding:11px 16px}
body.home .panel-head h2{font-size:19px;letter-spacing:.2px}
body.home .panel-head a{padding:6px 0}
body.home .player-strip{height:276px;gap:8px;padding:10px}
body.home .player-mini{min-width:0;overflow:hidden}
body.home .player-mini .crop{height:226px}
body.home .player-mini b{padding:8px 3px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home .gallery-mini{height:276px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;padding:10px}
body.home .gallery-mini .tile{min-height:0;height:100%}

body.home .cta-band{min-height:155px;gap:clamp(45px,8vw,120px);padding:34px max(24px,calc((100vw - var(--max))/2 + 24px))}
body.home .cta-band>div{min-width:300px}
body.home .cta-band .btn{min-width:190px}

@media(max-width:1180px){
  body.home .hero-copy{width:min(590px,58vw);padding-bottom:88px}
  body.home .quick-grid{grid-template-columns:1fr 1fr;gap:12px}
  body.home .next-match{grid-column:1/-1}
  body.home .home-panels{grid-template-columns:1fr 1fr;gap:12px}
  body.home .home-panels .panel:last-child{grid-column:auto}
}

@media(max-width:900px){
  body.home .hero-copy{width:min(560px,68vw)}
  body.home .player-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
  body.home .player-mini .crop{height:205px}
  body.home .player-strip,
  body.home .gallery-mini{height:255px}
}

@media(max-width:760px){
  body.home .hero-home{min-height:620px}
  body.home .hero-copy{width:100%;margin:0;padding:34px 18px 38px}
  body.home .hero-copy h1{font-size:clamp(54px,18vw,66px)}
  body.home .hero-copy h2{font-size:clamp(31px,10vw,37px)}
  body.home .hero-title{font-size:clamp(21px,7vw,28px)}
  body.home .hero-ribbon{font-size:clamp(15px,5vw,20px);padding:8px 15px}
  body.home .hero-motto{font-size:16px}
  body.home .actions{width:min(360px,100%);margin:22px auto 0}
  body.home .actions .btn{width:100%}
  body.home .overlap{margin-top:0}
  body.home .quick-grid,
  body.home .home-panels{grid-template-columns:1fr;gap:12px}
  body.home .next-match,
  body.home .home-panels .panel:last-child{grid-column:auto}
  body.home .stat-card{min-height:145px}
  body.home .next-match{min-height:0}
  body.home .match-inner{min-height:0;padding:14px}
  body.home .home-panels{padding-top:12px;padding-bottom:28px}
  body.home .home-panels .panel{min-height:0}
  body.home .player-strip{height:auto;grid-template-columns:repeat(2,1fr);gap:8px}
  body.home .player-mini:last-child{grid-column:1/-1;width:50%;justify-self:center}
  body.home .player-mini .crop{height:245px}
  body.home .gallery-mini{height:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:none}
  body.home .gallery-mini .tile{height:150px}
  body.home .cta-band{min-height:0;gap:20px;padding:34px 20px}
  body.home .cta-band>div{min-width:0}
}

@media(max-width:430px){
  body.home .container{width:min(var(--max),calc(100% - 20px))}
  body.home .hero-home{min-height:590px}
  body.home .hero-copy{padding-left:12px;padding-right:12px}
  body.home .stat-card{padding:18px 15px;gap:14px}
  body.home .stat-card .icon{width:58px;height:58px;flex-basis:58px}
  body.home .stat-card .icon img{width:58px;height:58px}
  body.home .stat-card b{font-size:18px}
  body.home .stat-card.gold strong{font-size:40px}
  body.home .player-mini .crop{height:210px}
  body.home .gallery-mini .tile{height:130px}
}


/* ==========================================================
   MENORES — DIVISIONES FORMATIVAS
   ========================================================== */
.menores-hero{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.42)),url('assets/jpg_independientes/styles-estadio-fondo-032.jpg') center 42%/cover no-repeat}
.menores-intro{align-items:center}
.menores-badge{border-top:4px solid var(--red)}
.menores-categories .info-card{position:relative;overflow:hidden;min-height:230px}
.category-mark{display:block;color:var(--red);font-size:42px;font-weight:900;line-height:1;margin-bottom:16px;opacity:.9}
.menores-process article{min-height:210px}
.menores-development{background:linear-gradient(120deg,#0d0d0d,#050505);border-top:1px solid #292929}
.development-photo{min-height:390px;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.5)),url('assets/jpg_independientes/styles-jugadores-020.jpg') center/cover no-repeat;border:1px solid #333;border-bottom:4px solid var(--red)}
.menores-development .btn{margin-top:16px}
@media(max-width:760px){.menores-categories .info-card,.menores-process article{min-height:0}.development-photo{min-height:300px}.menores-development .two-cols{gap:28px}}

/* Plantel: filtros interactivos por posición */
.filter-chips a{border:1px solid #444;padding:8px 16px;text-transform:uppercase;font-size:12px;font-weight:900;cursor:pointer;transition:.2s ease}
.filter-chips a:hover,.filter-chips a.selected{background:var(--red);border-color:var(--red)}
.player-card[hidden]{display:none}

/* =========================================================
   TIPOGRAFÍA OFICIAL — MODELO 5
   Barlow + Barlow Condensed
   ========================================================= */
:root{
  --font-body: "Barlow", "Segoe UI", Arial, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}

html, body, input, textarea, select {
  font-family: var(--font-body);
}

body {
  font-weight: 400;
  letter-spacing: 0.005em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.section-title,
.hero-title,
.page-title,
.brand-title {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.025em;
}

nav, .nav, .menu, .main-nav,
button, .btn, .button,
.badge, .tag, .filter, .filters {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.035em;
}

p, li, label, input, textarea, select {
  line-height: 1.55;
}

/* Banner principal de index.html — fotografía IMG_8257 */
body.home .hero-home{
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.12) 72%),
    url('assets/jpg_independientes/index-banner-principal-pc.jpg') center center/cover no-repeat;
}
body.home .hero-home:after{
  display:none;
}
@media(max-width:760px){
  body.home .hero-home{
    background:
      linear-gradient(0deg,#000 4%,rgba(0,0,0,.62) 52%,rgba(0,0,0,.12)),
      url('assets/jpg_independientes/index-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* Banner principal HISTORIA — PC y móvil independientes */
body.historia-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.20)),
    url('assets/jpg_independientes/historia-banner-principal-pc.jpg') center center/cover no-repeat;
}

@media(max-width:760px){
  body.historia-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.70),rgba(0,0,0,.18)),
      url('assets/jpg_independientes/historia-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* TÍTULOS — banner principal independiente para PC y teléfono */
body.titulos-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.10)),
    url('assets/jpg_independientes/titulos-banner-principal-pc.jpg') center center/cover no-repeat;
}
@media(max-width:760px){
  body.titulos-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.10)),
      url('assets/jpg_independientes/titulos-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* PLANTEL — banner principal independiente para PC y teléfono */
body.plantel-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.10)),
    url('assets/jpg_independientes/plantel-banner-principal-pc.jpg') center center/cover no-repeat;
}
@media(max-width:760px){
  body.plantel-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.10)),
      url('assets/jpg_independientes/plantel-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* MENORES — banner principal independiente para PC y teléfono */
body.menores-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.10)),
    url('assets/jpg_independientes/menores-banner-principal-pc.jpg') center center/cover no-repeat;
  background-position: center bottom;
}
@media(max-width:760px){
  body.menores-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.10)),
      url('assets/jpg_independientes/menores-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* GALERÍA — banner principal independiente para PC y teléfono */
body.galeria-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.10)),
    url('assets/jpg_independientes/galeria-banner-principal-pc.jpg') center center/cover no-repeat;
}
@media(max-width:760px){
  body.galeria-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.10)),
      url('assets/jpg_independientes/galeria-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* PATROCINADORES — banner principal independiente para PC y teléfono */
body.patrocinadores-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08)),
    url('assets/jpg_independientes/patrocinadores-banner-principal-pc.jpg') center bottom/cover no-repeat;
}
@media(max-width:760px){
  body.patrocinadores-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,.08)),
      url('assets/jpg_independientes/patrocinadores-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}


/* CONTACTO — banner principal independiente para PC y teléfono */
body.contacto-page .page-hero{
  background:
    linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08)),
    url('assets/jpg_independientes/contacto-banner-principal-pc.jpg') center 28%/cover no-repeat;
}
@media(max-width:760px){
  body.contacto-page .page-hero{
    background:
      linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.08)),
      url('assets/jpg_independientes/contacto-banner-principal-movil.jpg') center center/cover no-repeat;
  }
}

/* LOGOS ARSENAL — PNG independientes para teléfono */
@media(max-width:760px){ body.plantel-page img[src="assets/jpg_independientes/plantel-logo-arsenal-001.png"]{ content:url("assets/jpg_independientes/plantel-logo-arsenal-001-movil.png"); } }
@media(max-width:760px){ body.titulos-page img[src="assets/jpg_independientes/palmares-logo-arsenal-002.png"]{ content:url("assets/jpg_independientes/palmares-logo-arsenal-002-movil.png"); } }
@media(max-width:760px){ body.contacto-page img[src="assets/jpg_independientes/contacto-logo-arsenal-003.png"]{ content:url("assets/jpg_independientes/contacto-logo-arsenal-003-movil.png"); } }
@media(max-width:760px){ body.noticias-page img[src="assets/jpg_independientes/noticias-logo-arsenal-004.png"]{ content:url("assets/jpg_independientes/noticias-logo-arsenal-004-movil.png"); } }
@media(max-width:760px){ body.historia-page img[src="assets/jpg_independientes/historia-logo-arsenal-009.png"]{ content:url("assets/jpg_independientes/historia-logo-arsenal-009-movil.png"); } }
@media(max-width:760px){ body.galeria-page img[src="assets/jpg_independientes/galeria-logo-arsenal-010.png"]{ content:url("assets/jpg_independientes/galeria-logo-arsenal-010-movil.png"); } }
@media(max-width:760px){ body.home img[src="assets/jpg_independientes/index-logo-arsenal-011.png"]{ content:url("assets/jpg_independientes/index-logo-arsenal-011-movil.png"); } }
@media(max-width:760px){ body.fixture-page img[src="assets/jpg_independientes/fixture-logo-arsenal-015.png"]{ content:url("assets/jpg_independientes/fixture-logo-arsenal-015-movil.png"); } }
@media(max-width:760px){ body.comando-tecnico-page img[src="assets/jpg_independientes/comando-tecnico-logo-arsenal-016.png"]{ content:url("assets/jpg_independientes/comando-tecnico-logo-arsenal-016-movil.png"); } }
@media(max-width:760px){ body.patrocinadores-page img[src="assets/jpg_independientes/patrocinadores-logo-arsenal-017.png"]{ content:url("assets/jpg_independientes/patrocinadores-logo-arsenal-017-movil.png"); } }
@media(max-width:760px){ body.menores-page img[src="assets/jpg_independientes/menores-logo-arsenal-018.png"]{ content:url("assets/jpg_independientes/menores-logo-arsenal-018-movil.png"); } }


/* TIENDA FLOTANTE — visible en todas las páginas */
.whatsapp-float{
  position:fixed; right:22px; bottom:22px; z-index:9999;
  display:block;
  padding:0;
  background:#fff;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(0,0,0,.28);}
.tienda-float-img{display:block;width:300px;height:auto;max-width:calc(100vw - 44px);}
@media(max-width:760px){
  .whatsapp-float{right:14px;bottom:14px;border-radius:10px;}
  .tienda-float-img{width:235px;max-width:calc(100vw - 28px);}
}