@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--red:#c82632;--red-dark:#9b1e2a;--navy:#132126;--off:#f3f1eb;--cream:#fff8e8;--gold:#f2c66d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--navy);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topline{height:31px;background:#182529;color:#d7d8d2;display:flex;justify-content:space-between;align-items:center;padding:0 4.8%;font-size:9px;letter-spacing:2px;font-weight:800}.star{color:var(--gold);margin-left:7px}.header{height:88px;background:var(--off);display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;position:relative;z-index:5;border-bottom:1px solid #d9d8d2}.brand{display:flex;gap:11px;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:.82;font-weight:900;letter-spacing:-.5px}.brand small{display:block;font:800 10px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:8px}.header nav{display:flex;align-items:center;gap:31px}.header nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;transition:color .2s}.header nav a:hover{color:var(--red)}.header nav .nav-cta{padding:17px 20px;background:var(--red);color:white}.menu-button{display:none;border:0;background:transparent;font-size:30px}.hero{position:relative;color:white;overflow:hidden;background:var(--red);min-height:625px}.hero:after{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(125deg,transparent 0,transparent 95px,#fff 96px,#fff 97px);pointer-events:none}.hero-grid{max-width:1600px;margin:auto;min-height:585px;display:grid;grid-template-columns:58% 42%;position:relative;z-index:1}.hero-copy{padding:82px 0 70px 8.3%;position:relative;z-index:2}.eyebrow,.kicker,.section-index,.section-side{font-size:10px;letter-spacing:2.1px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:29px}.live-dot{background:#ffdb86;border-radius:50%;width:8px;height:8px}.hero h1,.section h2,.dark-block h2,.sponsor h2,.join h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;line-height:.85;letter-spacing:-1.8px;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(95px,11.7vw,184px)}.hero h1 em{font-style:normal;color:#ffd48e}.hero-copy>p{font-size:17px;line-height:1.7;max-width:470px;margin:32px 0}.hero-buttons{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 23px;font-size:11px;font-weight:900;letter-spacing:1px;transition:transform .15s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--cream);color:var(--navy)}.text-link{font-size:11px;font-weight:800;letter-spacing:1px}.text-link span{margin-left:8px}.hero-art{position:relative;overflow:hidden}.sun-disc{position:absolute;border-radius:50%;width:530px;height:530px;right:-85px;top:80px;background:radial-gradient(circle at 42% 40%,#ea5661,#b01c28 72%);box-shadow:0 0 0 70px #aa202a33}.giant-r{position:absolute;font:900 680px/.9 'Barlow Condensed',Impact,sans-serif;color:#f9e8d1;right:3%;top:16px;transform:rotate(-8deg);text-shadow:21px 20px 0 #70131b35}.hero-year{position:absolute;right:9%;top:45px;font-size:12px;font-weight:800;letter-spacing:3px}.hero-year strong{display:block;font:900 50px 'Barlow Condensed',sans-serif;letter-spacing:0}.hero-caption{position:absolute;bottom:60px;right:12%;font:800 16px/1.2 'DM Sans',sans-serif;letter-spacing:4px}.hero-rule{position:absolute;height:1px;background:#ffffff70;width:60%;right:0;bottom:126px}.hero-bottom{position:absolute;z-index:2;left:4.8%;right:4.8%;bottom:20px;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:2px}.hero-bottom b{font-size:20px;vertical-align:middle;margin-left:8px}.ticker{background:var(--gold);overflow:hidden;white-space:nowrap;padding:17px 0;text-align:center;font:900 19px 'Barlow Condensed',sans-serif;letter-spacing:3px}.ticker span{color:var(--red);padding:0 17px}.section{padding:88px 6% 100px}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c9c1;padding-bottom:19px;margin-bottom:75px}.section-side{opacity:.58}.kicker{color:var(--red);margin-bottom:22px}.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%}.section h2{font-size:clamp(72px,8.5vw,132px)}.section h2 span{color:var(--red)}.intro-side{padding-top:27px;max-width:470px}.intro-side p{font-size:17px;line-height:1.85;margin:0 0 20px}.arrow-link{border-bottom:2px solid var(--red);font-size:11px;font-weight:900;letter-spacing:1px;display:inline-flex;justify-content:space-between;gap:35px;padding:18px 0;margin-top:10px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c8bf;margin-top:85px}.stat{padding:27px 16px 8px 0;border-right:1px solid #c8c8bf;margin-right:25px}.stat:last-child{border:0;margin:0}.stat strong{display:block;font:900 clamp(48px,5vw,82px) 'Barlow Condensed',sans-serif;color:var(--red);letter-spacing:-1px}.stat span{font-size:10px;font-weight:800;letter-spacing:1.3px}.fineprint{display:block;margin-top:20px;color:#757871}.dark-block{background:#17282d;color:var(--off);padding:80px 6% 105px}.dark-block .section-top{border-color:#486065}.dark-block .section-side{opacity:.6}.titles-heading{display:flex;justify-content:space-between;align-items:center}.gold{color:var(--gold)}.dark-block h2{font-size:clamp(70px,8vw,130px)}.dark-block h2 i{color:var(--gold);font-style:normal}.trophy-art{font-size:160px;color:var(--gold);line-height:1}.trophies{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:65px}.trophy{background:#243940;min-height:300px;padding:29px;transition:background .2s}.trophy:hover{background:#2d4650}.trophy-no{font-size:10px;letter-spacing:2px;font-weight:800;color:#c6d1cf}.trophy-icon{font-size:45px;color:var(--gold);margin:27px 0 11px}.trophy h3{font:900 83px/1 'Barlow Condensed',sans-serif;margin:0 0 19px}.trophy h3 small{font:800 15px 'DM Sans',sans-serif;letter-spacing:1px}.trophy p{font-size:13px;line-height:1.65;color:#cad6d5}.history-source{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #668080;margin-top:35px;padding:18px 0;font-size:11px;font-weight:800;letter-spacing:1px}.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center}.story h2{font-size:clamp(76px,8vw,130px)}.story p{line-height:1.85;max-width:490px;font-size:17px;margin:28px 0 32px}.button-red{background:var(--red);color:white}.story-poster{min-height:560px;background:#c62832;position:relative;padding:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff6e3}.story-poster:before{content:"";position:absolute;inset:-40%;border:80px solid #e15a5f55;border-radius:50%}.poster-top,.poster-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:start}.poster-top{font-size:12px;font-weight:900;letter-spacing:2px}.poster-top span{font-size:10px}.poster-center{position:relative;z-index:1;text-align:center;font:900 205px/.6 'Barlow Condensed',sans-serif;letter-spacing:-12px;transform:rotate(-8deg)}.poster-center span{display:block}.poster-bottom strong{font:900 39px/.9 'Barlow Condensed',sans-serif}.poster-bottom span{font-size:11px;font-weight:800;letter-spacing:1px}.sponsor{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px;overflow:hidden;padding:65px 6%;background:#e1dbcf}.sponsor>span{align-self:start;font-size:10px;font-weight:800;letter-spacing:2px}.sponsor h2{font-size:clamp(50px,5vw,79px)}.sponsor h2 em{color:var(--red);font-style:normal}.sponsor p{max-width:540px;line-height:1.7}.sponsor a{display:inline-block;border-bottom:2px solid var(--red);padding:14px 0;font-size:11px;font-weight:800}.shirt{position:relative;background:#fdfcf7;clip-path:polygon(24% 0,38% 8%,62% 8%,76% 0,100% 18%,85% 42%,75% 36%,75% 100%,25% 100%,25% 36%,15% 42%,0 18%);height:240px;max-width:240px;width:100%;box-shadow:0 0 10px #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;color:var(--red);font:900 23px 'Barlow Condensed',sans-serif}.shirt-neck{position:absolute;top:0;width:55px;height:22px;border-radius:0 0 24px 24px;background:#d4d0c9}.shirt span{line-height:.8;text-align:center;margin-top:28px}.shirt strong{font:900 20px 'DM Sans',sans-serif;color:#35807e;letter-spacing:-1px}.archive h2{font-size:clamp(70px,8vw,125px)}.archive-lead{max-width:610px;font-size:17px;line-height:1.8;margin-bottom:42px}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.archive-card{background:#e5e3db;min-height:250px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:background .2s,color .2s}.archive-card:hover{background:var(--red);color:white}.archive-card span{font-size:10px;font-weight:800;letter-spacing:1.6px}.archive-card strong{font:900 35px/.98 'Barlow Condensed',sans-serif}.archive-card i{font-style:normal;position:absolute;right:20px;bottom:20px;font-size:20px}.join{background:var(--red);color:white;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden}.join-content{padding:90px 0 110px 9%}.join .kicker{color:#ffdf99}.join h2{font-size:clamp(90px,11vw,170px)}.join h2 em{font-style:normal;color:var(--gold)}.join p{max-width:485px;font-size:17px;line-height:1.8;margin:30px 0}.join-side{position:relative;font:900 500px/.9 'Barlow Condensed',sans-serif;color:#ee7177;opacity:.48;align-self:center;white-space:nowrap;letter-spacing:-120px;transform:rotate(-12deg)}.join-side span{color:#a91e2a}footer{background:#132126;color:#fff;padding:50px 6% 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:60px}.footer-main>div,.footer-main>a:last-child{font-size:11px;font-weight:800;letter-spacing:1px;line-height:2}.footer-bottom{padding-top:24px;border-top:1px solid #476067;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#aebcbb;font-weight:800;letter-spacing:1.5px}@media(max-width:950px){.header nav{gap:16px}.header nav a{font-size:10px}.hero-grid{grid-template-columns:65% 35%}.giant-r{font-size:480px}.sun-disc{width:400px;height:400px}.archive-grid{grid-template-columns:repeat(2,1fr)}.sponsor{grid-template-columns:1fr 2fr}.sponsor .shirt{display:none}}@media(max-width:700px){.topline{font-size:8px;padding:0 5%}.topline span:last-child{display:none}.header{height:78px;padding:0 5%}.brand{font-size:27px}.brand img{width:48px}.menu-button{display:block}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--off);padding:25px 5%;box-shadow:0 13px 20px #0002;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:16px 6px;font-size:13px}.header nav .nav-cta{text-align:center;margin-top:10px}.hero{min-height:700px}.hero-grid{display:block;min-height:665px}.hero-copy{padding:68px 6% 100px}.hero h1{font-size:clamp(79px,17vw,123px)}.hero-copy>p{font-size:15px;max-width:350px}.hero-art{position:absolute;inset:0;z-index:-1;opacity:.23}.sun-disc{right:-130px;top:260px}.giant-r{right:-110px;top:210px;font-size:510px}.hero-caption,.hero-year,.hero-rule{display:none}.hero-buttons{gap:22px}.hero-bottom{font-size:8px;bottom:18px}.hero-bottom span:first-child{display:none}.ticker{font-size:16px}.section,.dark-block{padding:65px 6%}.section-top{margin-bottom:55px}.section-side{display:none}.intro-layout,.story-grid{grid-template-columns:1fr;gap:30px}.section h2,.dark-block h2{font-size:clamp(68px,14vw,100px)}.intro-side{padding-top:0}.stat-row{grid-template-columns:repeat(2,1fr);margin-top:55px}.stat{margin-right:10px;margin-bottom:20px}.stat:nth-child(2){border:0}.trophies{grid-template-columns:1fr;margin-top:35px}.trophy{min-height:210px}.trophy-icon{margin:12px 0}.trophy h3{font-size:70px}.trophy-art{display:none}.story-poster{min-height:410px}.poster-center{font-size:155px}.sponsor{grid-template-columns:1fr;padding:56px 6%}.sponsor h2{font-size:62px}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-card{min-height:190px;padding:15px}.archive-card strong{font-size:26px}.archive-card span{font-size:8px}.join{display:block}.join-content{padding:78px 6% 85px}.join h2{font-size:clamp(88px,16vw,130px)}.join-side{display:none}.footer-main{flex-direction:column;align-items:start;padding-bottom:40px}.footer-bottom{flex-direction:column;gap:12px}.button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Escudo oficial facilitado por el club */
.brand img{height:64px;width:64px;object-fit:contain;flex-shrink:0}.footer-main .brand img{height:60px;width:60px}.hero-mascot{position:absolute;width:min(95%,550px);height:80%;object-fit:contain;right:1%;top:11%;filter:drop-shadow(12px 18px 0 rgba(52,12,26,.2))}.hero-art .sun-disc{opacity:.6}@media(max-width:700px){.brand img{height:52px;width:52px}.hero-mascot{right:-18%;top:35%;width:95%;height:60%;opacity:.8}}

/* Fotografía auténtica del equipo: cabecera y panorámica completa */
.hero-art{background:#7d1720}
.hero-team-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;filter:saturate(1.1) contrast(1.04)}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(133,24,35,.38),transparent 42%),linear-gradient(0deg,rgba(19,33,38,.55),transparent 45%);pointer-events:none}
.hero-art .sun-disc{display:none}
.hero-art .hero-year,.hero-art .hero-caption,.hero-art .hero-rule{z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.team-photo-section{background:#17282d;color:#fff;padding:24px 4.8% 30px}
.team-photo-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:4px 0 17px;font-size:10px;font-weight:800;letter-spacing:1.4px}
.team-photo-heading strong{font:900 clamp(24px,3.8vw,54px)/1 'Barlow Condensed',Impact,sans-serif;color:#ffdb86;letter-spacing:0}
.team-photo-section>img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#101b1f}
.team-photo-caption{font-size:10px;letter-spacing:2px;font-weight:800;padding-top:17px;color:#bdc9c8}
@media(max-width:700px){.hero-art{z-index:-1;opacity:.35}.hero-team-photo{object-position:50% center}.team-photo-section{padding:20px 0}.team-photo-heading{padding:0 6% 15px;display:block}.team-photo-heading span{display:block;margin-bottom:9px}.team-photo-caption{padding:16px 6% 0;line-height:1.7}.team-photo-section>img{max-height:none}.hero-art:after{background:#64121e88}}

/* Plantilla y estadísticas */
.roster,.milestones{background:#f6f3ec;color:#14232b}.roster h2,.milestones h2{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px}.roster h2 span,.milestones h2 span{color:#bb2935}.roster-intro{max-width:670px;font-size:1.1rem;line-height:1.6}.roster-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.roster-tab{border:1px solid #aeb4b5;background:transparent;color:#17262c;padding:16px 20px;font-weight:800;cursor:pointer}.roster-tab span{margin-left:12px;opacity:.7}.roster-tab.active{background:#b82633;color:white;border-color:#b82633}.roster-tab:focus-visible,.roster-tools input:focus-visible,.roster-tools select:focus-visible{outline:3px solid #e4aa20;outline-offset:3px}.roster-tools{margin:24px 0 12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.roster-tools label{font-size:.73rem;letter-spacing:.07em;font-weight:800}.roster-tools input,.roster-tools select{padding:12px 14px;border:1px solid #bec2c3;background:white;border-radius:0;color:#15252c;font:inherit}.roster-tools input{min-width:210px}.table-scroller{overflow-x:auto;max-width:100%}.roster-table,.history-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;min-width:440px}.roster-table th,.roster-table td,.history-table th,.history-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #d6d9da}.roster-table thead,.history-table thead{background:#192c34;color:#fff;font-size:.75rem;letter-spacing:.05em}.roster-table tbody tr:nth-child(even){background:#e9e9e4}.roster-table tbody td:nth-last-child(-n+2){font-weight:800}.data-note{font-size:.78rem;max-width:830px;line-height:1.6;margin-top:16px;opacity:.7}.season-history{margin-top:48px}.season-history h3{font-size:clamp(1.4rem,3vw,2.2rem);margin-bottom:10px}.season-history .history-table{margin-top:22px}.history-table{color:#fff}.history-table tbody tr:nth-child(even){background:#24353b}.history-table td,.history-table th{border-color:#3a494e}.milestones-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.milestone{background:#152933;padding:24px 18px;min-height:145px;color:white}.milestone span{color:#e6c15e;font-size:.72rem;font-weight:800;letter-spacing:.07em}.milestone strong{display:block;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2}.milestone p{margin:6px 0 0;font-weight:700}@media(max-width:780px){.milestones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-tools{align-items:stretch;flex-direction:column}.roster-tools input,.roster-tools select{width:100%}.roster-table th,.roster-table td,.history-table th,.history-table td{padding:11px 10px}}

/* Total oficial de goles a favor */
.official-goals{background:#e5be66;color:#17262c;padding:35px 6%;display:flex;gap:35px;align-items:center;justify-content:center}.official-goals-number{font:900 clamp(80px,12vw,160px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:-3px}.official-goals strong{font:900 clamp(24px,3vw,42px)/1 "Barlow Condensed",Impact,sans-serif}.official-goals p{max-width:600px;line-height:1.55;font-size:14px}@media(max-width:700px){.official-goals{display:block;padding:30px 6%}.official-goals-number{margin-bottom:10px}}


/* Galería del 15.º aniversario */
.anniversary{background:#f2efe8;color:#13232b}.anniversary-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end}.anniversary h2{font-size:clamp(2.3rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:16px 0 0}.anniversary h2 span{color:#b82433}.anniversary-intro p{font-size:1.06rem;line-height:1.7;max-width:58ch}.anniversary-featured{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;margin-top:34px}.featured-card,.anniversary-mosaic figure{margin:0;background:#fff;border:1px solid #d5d2ca;overflow:hidden;box-shadow:0 12px 30px rgba(16,28,36,.07)}.featured-card img,.anniversary-mosaic img{display:block;width:100%;height:100%;object-fit:cover}.featured-card figcaption{padding:14px 16px;font-weight:700;font-size:.92rem}.featured-large img{min-height:420px}.anniversary-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.anniversary-mosaic figure{aspect-ratio:4/3}.anniversary-mosaic figure:nth-child(4n+2){aspect-ratio:3/4}.anniversary-mosaic figure:nth-child(5n){aspect-ratio:16/10}.archive-lead{max-width:72ch}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1080px){.anniversary-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.anniversary-intro,.anniversary-featured{grid-template-columns:1fr}.featured-large img{min-height:260px}.anniversary-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.anniversary-mosaic{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}}
.anniversary-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}@media(max-width:780px){.anniversary-highlights{grid-template-columns:1fr}}

/* Camiseta real 2026-27 sobre fondo limpio */
.sponsor-shirt{display:flex;align-items:center;justify-content:center;min-width:0;padding:20px 8px}.sponsor-shirt img{display:block;width:min(100%,400px);max-height:520px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}@media(max-width:700px){.sponsor-shirt img{max-height:420px}}