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

:root {
  --ink: #2b1719;
  --green: #771c2a;
  --lime: #c8ad62;
  --cream: #f3eee4;
  --white: #fffdf7;
  --line: rgba(255,255,255,.22);
}
.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.player-sticker{display:block;min-height:0;border:4px solid #c8ad62}.player-sticker .sticker-photo{width:100%;aspect-ratio:3/4}.player-sticker .sticker-info{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:34%;padding:55px 18px 18px;justify-content:end;background:linear-gradient(transparent,rgba(53,16,23,.96));color:white}.player-sticker .sticker-info h3{margin:0 0 7px;font-size:29px}.player-sticker .sticker-info span{color:#d1e74a}.player-sticker .sticker-photo>b{font-size:58px}@media(max-width:900px){.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:560px){.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-sticker .sticker-info h3{font-size:22px}.player-sticker .sticker-info{padding:45px 12px 12px}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: "DM Sans", sans-serif; }
a { color: inherit; text-decoration: none; }
h1, h2, p { margin: 0; }

.nav { height: 104px; padding: 0 5vw; display: flex; align-items: center; justify-content: flex-start; background:var(--green); color:white; position:fixed; top:0; right:0; left:0; z-index:50; box-shadow:0 3px 18px rgba(0,0,0,.2); }
.brand { display: flex; align-items: center; gap: 14px; color:white; font: 700 12px/1.05 "DM Sans"; letter-spacing: .04em; }
.brand-logo { width:78px; height:90px; object-fit:contain; border-radius:0; background:transparent; }
.nav .brand-logo{content:url('../public/uploads/escudoclub.png');mix-blend-mode:normal;}
.brand b { font-weight: 500; font-size: 10px; letter-spacing: .13em; }
.nav-links { display: flex; gap: 36px; color:white; text-transform: uppercase; font: 700 11px "DM Sans"; letter-spacing: .08em; }
.nav-links{position:absolute;left:50%;margin-left:0;transform:translateX(-50%)}
.nav-links a:hover { color: var(--lime); }
.nav-cta { margin-left:20px; background: var(--lime); color:var(--ink); padding: 15px 18px; text-transform: uppercase; font: 700 11px "DM Sans"; letter-spacing: .07em; }
.nav-cta span, .primary-button span { margin-left: 25px; }
.nav-socials{display:flex;align-items:center;gap:14px;margin-left:auto}.nav-socials a{display:grid;place-items:center;width:26px;height:26px;color:#fff;transition:color .2s ease,transform .2s ease}.nav-socials a:hover{color:var(--lime);transform:translateY(-2px)}.nav-socials svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-socials svg path{fill:currentColor;stroke:none}

.mobile-menu-toggle,.mobile-menu-drawer{display:none}

.hero { min-height:100vh; height:100vh; padding:104px 8vw 0; position:relative; overflow:hidden; display:flex; align-items:center; color:var(--white); background:radial-gradient(circle at 72% 35%, #a9404d 0, #812330 28%, #50121d 72%); }
.hero { background-size:cover !important; background-position:center !important; }
.hero:after { content:""; position:absolute; inset:0; background: repeating-linear-gradient(100deg, transparent 0 9%, rgba(255,255,255,.018) 9% 18%); pointer-events:none; }
.pitch-lines span { position: absolute; border-color: var(--line); z-index: 0; }
.center-line { top: 0; bottom: 0; left: 67%; border-left: 1px solid; }
.center-circle { width: 470px; height: 470px; border: 1px solid; border-radius: 50%; left: calc(67% - 235px); top: 105px; }
.hero-copy { position:relative; z-index:2; width:60vw; max-width:850px; margin-top:-5vh; }
.hero .brand-logo2{position:absolute;z-index:2;right:11vw;top:50%;width:min(26vw,330px);height:auto;transform:translateY(-44%);filter:drop-shadow(0 28px 25px rgba(0,0,0,.4));}
.eyebrow, .section-kicker { font-size: 11px; letter-spacing: .18em; font-weight: 700; }
.eyebrow:before { content: ""; display: inline-block; width: 24px; height: 2px; background: var(--lime); margin: 0 10px 3px 0; }
.hero h1, h2 { font-family:"Oswald", "Barlow Condensed", sans-serif; font-weight:700; text-transform:uppercase; line-height:.97; letter-spacing:-.01em; }
.hero h1{margin:30px 0 28px;max-width:850px;white-space:nowrap;font:900 clamp(72px,9vw,140px)/.97 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.01em;}
em { font-weight: 800; color: var(--lime); }
.hero-text { width: 390px; color: rgba(255,255,255,.7); line-height: 1.6; font-size: 15px; }
.primary-button { display: inline-block; margin-top: 36px; padding: 17px 20px; color: var(--ink); background: var(--lime); text-transform: uppercase; font-size: 11px; letter-spacing: .08em; font-weight: 800; }
.hero-badge { position: absolute; right: 7vw; bottom: 15%; z-index: 2; width: 135px; height: 135px; border: 1px solid rgba(215,255,72,.55); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(7deg); }
.hero-badge span { font: 900 38px/.8 "Barlow Condensed"; color: var(--lime); }
.hero-badge small { font-size: 8px; text-align: center; letter-spacing: .12em; margin-top: 10px; }
.scroll-note { position: absolute; bottom: 24px; left: 8vw; z-index: 2; font-size: 9px; letter-spacing: .15em; color: rgba(255,255,255,.45); }
.scroll-note span { margin-left: 12px; color: var(--lime); }

.next-match { padding: 90px 8vw; background: var(--cream); }
.upcoming-match-list{display:grid;gap:12px}.upcoming-match-list .match-card{width:100%}
.section-kicker { margin-bottom: 24px; }
.section-kicker span, .section-number, .results-title > span { color: #9b7928; margin-right: 15px; }
.match-card { display: grid; grid-template-columns: 1fr 2.2fr .55fr; align-items: stretch; background: var(--white); border-top: 4px solid var(--green); box-shadow: 0 18px 50px rgba(20,38,30,.08); }
.match-meta { padding: 37px 32px; border-right: 1px solid #e4e1d8; display: flex; flex-direction: column; justify-content: center; }
.match-meta p { color: #7d817e; font-size: 9px; letter-spacing: .11em; }
.match-meta strong { margin: 17px 0 8px; font: 800 24px "Barlow Condensed"; }
.match-meta span { font-size: 9px; color: #878a88; }
.teams { padding: 28px; display: flex; align-items: center; justify-content: center; gap: 45px; }
.team { display: flex; align-items: center; gap: 12px; min-width: 155px; }
.team b { font: 800 16px "Barlow Condensed"; }
.team span { display: block; font-size: 8px; color: #9a9a96; }
.crest { width: 48px; height: 55px; border-radius: 4px 4px 17px 17px; display: grid; place-items: center; font: 900 22px "Barlow Condensed"; }
.crest.dark { background: var(--green); color: var(--lime); }
.crest-image { width: 58px; height: 64px; object-fit: contain; }
.crest.light { border: 2px solid var(--green); color: var(--green); font-size: 16px; }
.versus { display: flex; flex-direction: column; align-items: center; }
.versus small { font-size: 7px; letter-spacing: .15em; color: #a4a49e; }
.versus b { font: 900 27px "Barlow Condensed"; }
.versus span { background: #eef7ca; color: #506415; font-size: 7px; padding: 4px 7px; }
.match-link { display: grid; place-items: center; background: var(--lime); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.match-link span { display: block; }

.team-section { padding:100px 8vw 110px; background:var(--white); }
.section-heading { display:grid;grid-template-columns:25% 75%;gap:0;align-items:start; }
.section-heading > div p { display:inline; font-size: 10px; letter-spacing: .15em; font-weight: 800; }
.section-heading h2 { margin:0 0 20px; font-size:clamp(54px,6vw,88px); }
.section-heading h2 em { color: #9a2635; }
.team-intro{max-width:790px}.team-intro p{color:#6d746f;font-size:14px;line-height:1.7;}
.team-intro h2 em{color:#9a2635;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;}
.player-slider{position:relative;margin-top:65px;padding:0 46px}.players { display:flex; gap:2px; margin:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none }.players::-webkit-scrollbar{display:none}
.player-card { flex:0 0 calc(25% - 2px); aspect-ratio:3/4; background:#e5e3db; position:relative; overflow:hidden; display:flex; align-items:flex-end; scroll-snap-align:start; }
.player-card:nth-child(even) { background:#d8dbd3; }
.player-number { position:absolute; top:15px; left:18px; font: 900 50px "Barlow Condensed"; color:rgba(20,38,30,.08); }
.club-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.player-hover-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}.player-card:hover .player-hover-video,.player-sticker:hover .player-hover-video{opacity:1}.player-card .player-info,.player-card .player-number{z-index:3}.sticker-photo .player-hover-video{z-index:1}
.player-card:hover .club-photo { transform:scale(1.04); }
.slider-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;border:0;border-radius:50%;background:#771c2a;color:white;cursor:pointer;transform:translateY(-50%)}.slider-arrow.previous{left:0}.slider-arrow.next{right:0}
.player-info { position:relative; z-index:2; width:100%; padding:20px; color:white; background:linear-gradient(transparent,rgba(12,45,33,.9)); }
.player-info b { display:block; text-transform:uppercase; font:800 21px "Barlow Condensed"; }
.player-info span { font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--lime); }
.player-info p { margin-top:8px; color:rgba(255,255,255,.7); font-size:10px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.results { padding: 100px 8vw; color: var(--white); background: var(--green); display:grid; grid-template-columns: .8fr 1.7fr; gap:8vw; }
.results-title h2 { font-size:clamp(57px,6vw,90px); margin-top:25px; }
.results-list { border-top:1px solid var(--line); }
.result-row { min-height:100px; display:grid; grid-template-columns:.45fr 1fr .55fr 1fr; align-items:center; border-bottom:1px solid var(--line); }
.result-date { font-size:9px; letter-spacing:.12em; color:rgba(255,255,255,.5); }
.result-team { font:700 17px "Barlow Condensed"; }
.result-team.home { text-align:right; }
.result-row b { text-align:center; font:900 28px "Barlow Condensed"; color:var(--lime); }
.empty-results { padding:45px 0; color:rgba(255,255,255,.55); font-size:13px; line-height:1.6; }

.news-section,.gallery-section { padding:110px 8vw; background:var(--white); }
.public-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:60px; }
.public-heading>span { color:#9b7928; font-size:10px; font-weight:800; letter-spacing:.15em; }
.public-heading h2 { font-size:clamp(58px,7vw,100px); }
.public-heading h2 em { color:#9a2635; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.news-card { background:var(--cream); min-width:0; }
.news-card>img { width:100%; height:260px; object-fit:cover; }
.news-card>div { padding:27px; }
.news-card span,.trip-card span { color:#9a2635; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.news-card h3,.agenda-item h3,.trip-card h3 { margin:10px 0; font:800 28px/1 "Barlow Condensed"; text-transform:uppercase; }
.news-card p,.trip-card p { color:#68615e; font-size:12px; line-height:1.65; }

.agenda-section { display:grid; grid-template-columns:1fr 1fr; background:#e5dfd4; }
.agenda-column,.trips-column { padding:100px 7vw; }
.trips-column { background:#4c151f; color:white; }
.public-heading.compact { display:block; margin-bottom:45px; }
.public-heading.compact h2 { margin-top:20px; font-size:clamp(52px,5vw,76px); }
.agenda-item { display:grid; grid-template-columns:70px 1fr; align-items:center; gap:20px; padding:22px 0; border-top:1px solid rgba(43,23,25,.15); }
.agenda-item time { font:900 40px/1 "Barlow Condensed"; color:#9a2635; }
.agenda-item time small { display:block; font:700 9px "DM Sans"; letter-spacing:.12em; }
.agenda-item h3 { margin:0 0 6px; font-size:23px; }
.agenda-item p { color:#756c68; font-size:10px; }
.trip-card { display:grid; grid-template-columns:150px 1fr; gap:22px; padding:23px 0; border-top:1px solid rgba(255,255,255,.15); }
.trip-card img { width:150px; height:125px; object-fit:cover; }
.trip-card h3 { margin:7px 0; }
.trip-card p { color:rgba(255,255,255,.6); margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.trips-column .public-heading h2 em { color:var(--lime); }
.trips-column .public-heading>span { color:var(--lime); }
.public-empty { color:#756c68; font-size:13px; }

.gallery-section { background:#efeae1; }
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.gallery-grid figure { margin:0; position:relative; height:310px; overflow:hidden; }
.gallery-grid figure:nth-child(3n+1) { grid-row:span 2; height:auto; min-height:624px; }
.gallery-grid img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.gallery-grid figure:hover img { transform:scale(1.04); }
.gallery-grid figcaption { position:absolute; inset:auto 0 0; padding:35px 18px 18px; color:white; background:linear-gradient(transparent,rgba(53,16,23,.9)); }
.gallery-grid figcaption b { display:block; font:800 20px "Barlow Condensed"; text-transform:uppercase; }
.gallery-grid figcaption span { font-size:9px; color:rgba(255,255,255,.65); }
.gallery-heading>div>span{color:#9b7928;font-size:10px;font-weight:800;letter-spacing:.15em}.gallery-heading .primary-button{margin-top:0}.home-gallery-slider-wrap{position:relative;padding:0 46px}.home-gallery-slider-wrap .slider-arrow{top:50%}.home-gallery-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;scrollbar-width:none}.home-gallery-slider::-webkit-scrollbar{display:none}.home-gallery-slider figure{position:relative;flex:0 0 calc(25% - 2px);height:380px;margin:0;overflow:hidden;scroll-snap-align:start}.home-gallery-slider img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.home-gallery-slider figure:hover img{transform:scale(1.04)}
.gallery-page{background:#efeae1;padding:0}.gallery-page-heading{padding:100px 8vw 60px;margin:0}.gallery-masonry{column-count:4;column-gap:0;width:100%}.gallery-masonry figure{margin:0;break-inside:avoid;overflow:hidden;background:#ddd;cursor:zoom-in}.gallery-masonry img{display:block;width:100%;height:auto;transition:transform .5s ease}.gallery-masonry figure:hover img{transform:scale(1.03)}.gallery-load-sentinel{height:1px}.gallery-loading{margin:36px 0 0;text-align:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#8c6820}.viewer-open{overflow:hidden}.gallery-viewer{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:60px 90px;background:rgba(18,7,9,.95)}.gallery-viewer.is-open{display:flex}.gallery-viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.gallery-viewer button{position:absolute;z-index:1;border:0;color:white;cursor:pointer}.gallery-viewer-close{top:20px;right:25px;width:48px;height:48px;background:transparent;font-size:44px;line-height:1}.gallery-viewer-arrow{top:50%;width:58px;height:70px;background:rgba(255,255,255,.12);font-size:35px;transform:translateY(-50%)}.gallery-viewer-arrow.previous{left:18px}.gallery-viewer-arrow.next{right:18px}
.gallery-page{background:#efeae1;padding:0}.gallery-page-heading{padding:100px 8vw 60px;margin:0}.gallery-masonry{column-count:4;column-gap:0;width:100%}.gallery-masonry figure{margin:0;break-inside:avoid;overflow:hidden;background:#ddd;cursor:zoom-in}.gallery-masonry img{display:block;width:100%;height:auto;transition:transform .5s ease}.gallery-masonry figure:hover img{transform:scale(1.03)}.gallery-load-sentinel{height:1px}.gallery-loading{margin:36px 0 0;text-align:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#8c6820}.gallery-footer{display:none}.gallery-footer.is-visible{display:grid}.viewer-open{overflow:hidden}.gallery-viewer{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:60px 90px;background:rgba(18,7,9,.95)}.gallery-viewer.is-open{display:flex}.gallery-viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.gallery-viewer button{position:absolute;z-index:1;border:0;color:white;cursor:pointer}.gallery-viewer-close{top:20px;right:25px;width:48px;height:48px;background:transparent;font-size:44px;line-height:1}.gallery-viewer-arrow{top:50%;width:58px;height:70px;background:rgba(255,255,255,.12);font-size:35px;transform:translateY(-50%)}.gallery-viewer-arrow.previous{left:18px}.gallery-viewer-arrow.next{right:18px}

.history { min-height:620px; display:grid; grid-template-columns:1.15fr 1fr; background:#d8d4c6; overflow:hidden; }
.history-year { display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#351017,#771c2a 60%,#a32634); color:rgba(20,38,30,.15); font:900 clamp(130px,22vw,330px) "Barlow Condensed"; letter-spacing:-.09em; overflow:hidden; }
.history-emblem{position:relative;isolation:isolate}.history-emblem:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(200,173,98,.28),transparent 53%),repeating-linear-gradient(128deg,transparent 0 10%,rgba(255,255,255,.05) 10.5% 11%);z-index:-1}.history-emblem img{position:absolute;width:min(54%,390px);height:auto;filter:drop-shadow(0 20px 20px rgba(0,0,0,.45));transform:rotate(-7deg);clip-path:polygon(0 0,48% 0,43% 23%,100% 14%,100% 100%,57% 93%,51% 75%,0 90%)}.history-emblem b{position:relative;color:white;text-align:center;font:700 clamp(28px,3.4vw,52px)/.9 "Oswald",sans-serif;letter-spacing:.08em;text-shadow:0 3px 14px #351017}.history-emblem strong{display:block;color:var(--lime);font-size:1.7em}.emblem-shard{position:absolute;background:url('../public/escudo-internacional-cartagena.jpg') center/cover;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));z-index:1}.shard-one{width:100px;height:80px;top:20%;left:18%;clip-path:polygon(0 0,100% 20%,36% 100%);transform:rotate(-20deg)}.shard-two{width:90px;height:70px;right:17%;top:27%;clip-path:polygon(10% 0,100% 0,70% 100%);transform:rotate(18deg)}.shard-three{width:90px;height:75px;left:25%;bottom:18%;clip-path:polygon(0 30%,100% 0,70% 100%);transform:rotate(12deg)}
.history-emblem.has-custom-image{background:#351017}.history-emblem .history-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:none;transform:none;filter:none}
.history-copy { padding:100px 8vw 70px 6vw; display:flex; flex-direction:column; justify-content:center; }
.history-copy > span { font-size:10px; letter-spacing:.15em; color:#8c6820; font-weight:800; }
.history-copy h2 { font-size:clamp(62px,7vw,100px); margin:35px 0; }
.history-copy h2 em { color:#9a2635; }
.history-copy p { max-width:470px; font-size:14px; line-height:1.75; color:#58615c; }
.history-copy a { margin-top:35px; font-size:10px; letter-spacing:.1em; font-weight:800; border-bottom:1px solid; padding-bottom:8px; width:max-content; }
.history-copy a span { margin-left:25px; color:#9a2635; }

.history-hero { min-height:680px; position:relative; overflow:hidden; color:white; display:flex; align-items:center; padding:calc(104px + 5vh) 8vw 7vh; background:#351017; }
.history-slider,.history-slide,.history-overlay { position:absolute; inset:0; }
.history-slide { background-position:center; background-size:cover; opacity:0; transform:scale(1.04); transition:opacity 1s ease,transform 6s ease; }
.history-slide.active { opacity:1; transform:scale(1); }
.history-overlay { background:linear-gradient(90deg,rgba(53,16,23,.96) 0%,rgba(80,18,29,.82) 38%,rgba(53,16,23,.2) 75%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 60%); }
.history-hero-copy { position:relative; z-index:2; max-width:850px; }
.history-hero-copy h1 { margin:35px 0 28px; max-width:850px; font:900 clamp(72px,9vw,140px)/.97 "Barlow Condensed"; text-transform:uppercase; letter-spacing:-.01em; }
.actualidad-hero-title{white-space:nowrap;}
.history-hero-copy>p:not(.eyebrow) { max-width:470px; color:rgba(255,255,255,.75); font-size:15px; line-height:1.7; }
.slider-dots { position:absolute; z-index:3; right:8vw; bottom:45px; display:flex; gap:8px; }
.slider-dots button { width:35px; height:3px; padding:0; border:0; background:rgba(255,255,255,.35); cursor:pointer; }
.slider-dots button.active { background:var(--lime); }
.history-content { min-height:650px; display:grid; grid-template-columns:1fr 1fr; background:var(--white); }
.history-text { padding:100px 8vw; }
.history-text>span { color:#8c6820; font-size:10px; font-weight:800; letter-spacing:.15em; }
.history-text h2 { margin:35px 0; font-size:clamp(55px,6vw,90px); color:#351017; }
.rich-copy { color:#58615c; font-size:15px; line-height:1.8; }
.rich-copy h2,.rich-copy h3 { margin:35px 0 15px; color:#771c2a; font-size:34px; line-height:1; }
.rich-copy p { margin:0 0 20px; }.rich-copy ul,.rich-copy ol{padding-left:24px}.rich-copy blockquote{margin:30px 0;padding-left:20px;border-left:3px solid #c8ad62;font-size:19px}
.history-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(145deg,#b6b3a9,#e2ded1); }
.history-visual span { color:rgba(20,38,30,.15); font:900 clamp(150px,24vw,360px)/.8 "Barlow Condensed"; letter-spacing:-.09em; transform:rotate(-4deg); }
.history-visual p { margin-top:45px; color:#771c2a; font-size:10px; font-weight:800; letter-spacing:.18em; }
.history-visual.has-image { display:block; }
.history-visual.has-image img { width:100%; height:100%; min-height:650px; object-fit:cover; }
.history-timeline { display:grid; grid-template-columns:.72fr 1.28fr; gap:7vw; padding:120px 8vw 140px; background:#63303a; color:white; }
.team-profile{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:#f0ece3}.team-profile.reverse .team-profile-copy{order:2}.team-profile-copy{padding:100px 8vw;display:flex;flex-direction:column;justify-content:center}.team-profile-copy>span,.squad-heading>span{color:#8c6820;font-size:10px;font-weight:800;letter-spacing:.16em}.team-profile-copy h2{margin:25px 0;font-size:clamp(62px,7vw,105px);color:#351017}.team-profile-copy p{color:#655e5a;font-size:14px;line-height:1.8}.team-profile-crest{width:90px;height:105px;object-fit:contain;margin-bottom:30px}.team-profile-image{min-height:650px;background:#d8d4c6;display:grid;place-items:center}.team-profile-image>img{width:100%;height:100%;min-height:650px;object-fit:cover}.team-profile-image>div{text-align:center;color:#771c2a}.team-profile-image b{display:block;font:900 55px "Barlow Condensed"}.team-profile-image span{font-size:10px}.squad-section{padding:100px 8vw;background:#351017;color:white}.squad-section:nth-child(even){background:#63303a}.squad-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:20px}.squad-heading>span{color:#d1e74a}.squad-heading h2{font-size:clamp(55px,6vw,90px)}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.player-sticker{display:block;min-height:0;background:#f4efe5;color:#351017;border:4px solid #c8ad62;box-shadow:0 18px 45px rgba(0,0,0,.25);overflow:hidden}.sticker-photo{position:relative;aspect-ratio:3/4;background:#dad7cf;overflow:hidden}.sticker-photo>img{width:100%;height:100%;object-fit:cover}.sticker-photo>b{position:absolute;z-index:2;top:13px;left:16px;color:white;font:900 58px/.8 "Barlow Condensed";text-shadow:0 3px 12px rgba(0,0,0,.55)}.sticker-info{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:34%;padding:55px 18px 18px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,rgba(53,16,23,.96));color:white}.sticker-info>span{color:#d1e74a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sticker-info h3{margin:0 0 7px;font:900 29px/.95 "Barlow Condensed";text-transform:uppercase}
.timeline-heading { position:sticky; top:110px; align-self:start; }
.timeline-heading>span { color:#c8ad62; font-size:10px; font-weight:800; letter-spacing:.17em; }
.timeline-heading h2 { margin:30px 0; font-size:clamp(60px,6vw,94px); }
.timeline-heading h2 em { color:#d1e74a; }
.timeline-heading p { max-width:390px; color:rgba(255,255,255,.55); font-size:13px; line-height:1.7; }
.timeline-list { position:relative; }
.timeline-list::before { content:""; position:absolute; left:24px; top:25px; bottom:25px; width:1px; background:linear-gradient(#d1e74a,rgba(209,231,74,.12)); }
.timeline-item { position:relative; display:grid; grid-template-columns:50px 120px 1fr; gap:25px; min-height:190px; padding-bottom:55px; }
.timeline-marker { position:relative; z-index:1; width:49px; height:49px; display:grid; place-items:center; border:1px solid rgba(209,231,74,.6); border-radius:50%; background:#63303a; color:#d1e74a; font:800 9px "DM Sans"; }
.timeline-marker::after { content:""; position:absolute; inset:7px; border-radius:50%; background:#d1e74a; opacity:.12; }
.timeline-item time { padding-top:5px; color:#d1e74a; font:900 clamp(38px,4vw,64px)/.8 "Barlow Condensed"; }
.timeline-item h3 { margin:0 0 16px; font:800 34px/1 "Barlow Condensed"; text-transform:uppercase; }
.timeline-item p { max-width:520px; margin:0; color:rgba(255,255,255,.6); font-size:13px; line-height:1.7; }

footer { padding:90px 8vw 30px; background:#351017; color:white; display:grid; grid-template-columns:1fr auto; align-items:end; }
footer p { color:rgba(255,255,255,.5); font-size:10px; letter-spacing:.15em; line-height:1.5; margin-bottom:22px; }
footer h2 { font-size:clamp(65px,8vw,120px); }
.footer-cta { width:145px; height:145px; background:var(--lime); color:var(--ink); border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800; transform:rotate(-6deg); }
.mail-cta { width:190px; height:155px; padding-top:27px; display:flex; justify-content:center; background:transparent; border-radius:0; transform:none; transition:transform .25s ease; }
.mail-cta:hover { transform:translateY(-6px) scale(1.03); background:transparent; }
.mail-cta b { position:absolute; z-index:4; left:0; right:0; bottom:11px; text-align:center; color:#8d7637; font:900 10px "DM Sans"; letter-spacing:.16em; text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(92,65,12,.28); }
.mail-cta b span { margin-left:5px; color:#9a2635; text-shadow:0 1px 0 rgba(255,255,255,.7); }
.mail-envelope { position:relative; width:148px; height:92px; filter:drop-shadow(0 16px 19px rgba(0,0,0,.27)); }
.mail-envelope img { position:absolute; z-index:2; left:50%; top:-38px; width:82px; height:94px; object-fit:contain; transform:translateX(-50%) rotate(-10deg); transform-origin:50% 80%; filter:drop-shadow(0 5px 4px rgba(53,16,23,.25)); transition:transform .25s ease; }
.mail-cta:hover .mail-envelope img { transform:translateX(-50%) translateY(-6px) rotate(-6deg); }
.mail-envelope::before { content:""; position:absolute; z-index:1; left:0; right:0; top:-34px; height:126px; border-radius:10px; background:linear-gradient(140deg,#fff9e7 5%,#eadba9 52%,#c7ae62 100%); clip-path:polygon(0 39%,50% 0,100% 39%,100% 100%,0 100%); }
.mail-envelope::after { content:""; position:absolute; z-index:3; inset:0; border:1px solid rgba(111,79,18,.25); border-radius:9px; background:linear-gradient(150deg,#fffdf2 0%,#f0e4bd 45%,#d5bd72 100%); box-shadow:inset 0 -10px 18px rgba(137,99,28,.1),inset 0 1px 0 rgba(255,255,255,.9); clip-path:polygon(0 10%,50% 57%,100% 10%,100% 100%,0 100%); }
.footer-bottom { grid-column:1/-1; margin-top:80px; padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between; font-size:8px; letter-spacing:.12em; color:rgba(255,255,255,.45); }
.social-links { display:flex; gap:24px; }
.social-links a { color:rgba(255,255,255,.6); transition:color .2s ease; }
.social-links a:hover { color:var(--lime); }

@media (max-width: 900px) {
  .nav-links { display:none; }
  .nav-cta { display:none; }
  .nav-socials { display:none; }
  .mobile-menu-toggle { display:flex; flex:0 0 44px; width:44px; height:44px; margin-left:auto; padding:9px; border:1px solid rgba(255,255,255,.45); background:transparent; color:white; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; }
  .mobile-menu-toggle span { display:block; width:24px; height:2px; margin:0 auto; background:#fff; transition:transform .2s ease,opacity .2s ease; }
  .mobile-menu-drawer { display:flex; position:fixed; z-index:49; top:104px; right:0; bottom:0; width:100vw; padding:64px 28px 30px; flex-direction:column; align-items:center; gap:30px; background:var(--green); color:#fff; box-shadow:-18px 0 45px rgba(0,0,0,.28); transform:translateX(100%); transition:transform .28s ease; }
  .mobile-menu-logo { display:block; flex:0 0 auto; width:108px; height:126px; object-fit:contain; margin:0 auto; background:transparent; }
  .mobile-menu-drawer .nav-links { display:flex; position:absolute; top:50%; left:0; transform:translateY(-50%); flex-direction:column; align-items:center; gap:21px; width:100%; font-size:clamp(17px,5vw,24px); line-height:1.05; text-align:center; }
  .mobile-menu-drawer .nav-links a { color:#fff; }
  .mobile-menu-drawer .mobile-menu-heading { display:none; }
  .mobile-menu-drawer .nav-socials { display:flex; justify-content:center; gap:22px; width:100%; margin-top:auto; }
  .mobile-menu-drawer .nav-socials a { width:32px; height:32px; }
  .mobile-menu-drawer .nav-socials svg { width:22px; height:22px; }
  .mobile-menu-drawer .nav-cta { display:block; align-self:center; margin:0 0 0; color:var(--ink); }
  .mobile-menu-heading { color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.18em; }
  .mobile-menu-open .mobile-menu-drawer { transform:translateX(0); }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(2) { opacity:0; }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .hero{min-height:100svh;height:100svh;padding:90px 7vw 0;}
  .hero .brand-logo2{right:8vw;width:min(30vw,270px)}
  .hero h1 { font-size:clamp(60px,9vw,110px); }
  .hero-badge { display:none; }
  .match-card { grid-template-columns:1fr; }
  .match-meta { border-right:0; border-bottom:1px solid #e4e1d8; }
  .match-link { min-height:60px; }
  .section-heading { grid-template-columns:1fr; }
  .player-card { flex-basis:calc(33.333% - 2px); }
  .results { grid-template-columns:1fr; }
  .history { grid-template-columns:1fr; }.team-profile{grid-template-columns:1fr}.team-profile.reverse .team-profile-copy{order:0}.team-profile-image,.team-profile-image>img{min-height:430px}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .section-heading{grid-template-columns:1fr;gap:24px}
  .history-content { grid-template-columns:1fr; }.history-visual{min-height:420px}.history-visual.has-image img{min-height:420px}.history-timeline{grid-template-columns:1fr}.timeline-heading{position:static}
  .history-year { min-height:360px; }
  .news-grid { grid-template-columns:1fr 1fr; }
  .agenda-section { grid-template-columns:1fr; }
  .gallery-grid { grid-template-columns:repeat(2,1fr); }
  .home-gallery-slider figure{flex-basis:calc(33.333% - 2px)}
}

@media (max-width: 560px) {
  .nav{height:78px;padding:0 20px}.brand span{display:none}.brand-logo{width:54px;height:64px}.nav-cta{display:none}.nav-cta span{margin-left:8px}.mobile-menu-drawer{top:78px}.hero{height:50svh;min-height:50svh;padding:78px 22px 0;align-items:center;background-size:cover !important;background-position:center !important}.hero-copy{width:64%;max-width:64%;margin-top:0}.hero .brand-logo2{right:5vw;width:32vw;top:52%}.hero h1{font-size:clamp(34px,9vw,64px);margin:20px 0}.hero-text{font-size:12px}.primary-button{margin-top:24px;padding:14px 15px;font-size:9px}
  .hero-text { width:auto; }
  .next-match, .team-section, .results { padding:70px 22px; }
  .teams { gap:14px; padding:25px 12px; }
  .team { min-width:0; flex-direction:column; text-align:center; }
  .player-slider{padding:0 36px}.player-card { flex-basis:calc(50% - 1px); }
  .result-row { grid-template-columns:.35fr 1fr .55fr 1fr; font-size:12px; }
  .result-team { font-size:13px; }
  .history-copy { padding:70px 22px; }
  .history-hero{min-height:620px;padding:145px 22px 55px}.history-hero-copy h1{font-size:64px}.history-text{padding:70px 22px}.history-visual{min-height:320px}.history-visual.has-image img{min-height:320px}.history-timeline{padding:80px 22px}.timeline-item{grid-template-columns:42px 80px 1fr;gap:12px}.timeline-list::before{left:20px}.timeline-marker{width:42px;height:42px}.timeline-item h3{font-size:25px}.timeline-item time{font-size:36px}
  .news-section,.gallery-section { padding:70px 22px; }
  .public-heading { display:block; }
  .public-heading h2 { margin-top:20px; font-size:55px; }
  .news-grid { grid-template-columns:1fr; }
  .agenda-column,.trips-column { padding:70px 22px; }
  .trip-card { grid-template-columns:100px 1fr; }
  .trip-card img { width:100px; height:110px; }
  .gallery-grid { grid-template-columns:1fr; }
  .gallery-grid figure,.gallery-grid figure:nth-child(3n+1) { height:340px; min-height:0; }
  .home-gallery-slider figure{flex-basis:calc(50% - 1px);height:310px}.gallery-heading{align-items:flex-start}.gallery-heading .primary-button{margin-top:25px}.gallery-page-heading{padding:70px 22px 45px}.gallery-viewer{padding:70px 12px}.gallery-viewer-arrow{width:42px;height:54px;font-size:26px}.gallery-viewer-arrow.previous{left:6px}.gallery-viewer-arrow.next{right:6px}
  footer { padding:70px 22px 28px; grid-template-columns:1fr; gap:45px; }
  .footer-cta { width:120px; height:120px; }
  .mail-cta { width:165px; height:150px; }
  .footer-bottom { margin-top:40px; gap:20px; flex-wrap:wrap; }
  .social-links { width:100%; }
  .team-profile-copy,.squad-section{padding:70px 22px}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-photo{aspect-ratio:3/4}.squad-heading{display:block}.squad-heading h2{margin-top:12px}.sticker-info h3{font-size:22px}.sticker-info{padding:45px 12px 12px}
}
.travel-masonry{columns:6;column-gap:0}.travel-masonry img{display:block;width:100%;break-inside:avoid}.listing-section,.competition-season{padding:110px 8vw;background:#f3eee4}.events-listing{background:#e4ded3}.four-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.event-public-card{background:white}.event-public-card>img{width:100%;height:230px;object-fit:cover}.event-public-card>div{padding:24px}.event-public-card h3{font:800 28px "Barlow Condensed"}.event-public-card p{font-size:12px;color:#68615e}.competition-block{margin-top:55px;background:white}.competition-block>h3{padding:25px 30px;margin:0;background:#63303a;color:white;font:900 42px "Barlow Condensed"}.competition-columns{display:grid;grid-template-columns:1fr 1fr}.fixture-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#ece6dc}.fixture-slider>section{flex:0 0 100%;padding:30px;scroll-snap-align:start}.fixture-slider h4{font:800 26px "Barlow Condensed"}.fixture-slider section>div{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #d2c9be}.fixture-slider section>div span:last-child{text-align:right}.standings{padding:25px;overflow:auto}.standings table{width:100%;border-collapse:collapse;font-size:11px}.standings th,.standings td{padding:10px 7px;border-bottom:1px solid #ddd;text-align:center}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}@media(max-width:900px){.travel-masonry{columns:3}.four-card-grid{grid-template-columns:repeat(2,1fr)}.competition-columns{grid-template-columns:1fr}}@media(max-width:560px){.travel-masonry{columns:2}.four-card-grid{grid-template-columns:1fr}.listing-section,.competition-season{padding:70px 22px}}
.competition-crest{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:7px}.competition-crest.crest-after{margin-right:0;margin-left:7px}
.fixture-date{margin:-16px 0 18px;color:#776d65;font-size:11px;font-weight:800;letter-spacing:.12em}
.history-slider:has(.history-slide:nth-child(2)) .history-slide{animation:headerSlides 16.5s infinite}.history-slider:has(.history-slide:nth-child(2)) .history-slide:nth-child(2){animation-delay:5.5s}.history-slider:has(.history-slide:nth-child(2)) .history-slide:nth-child(3){animation-delay:11s}@keyframes headerSlides{0%,30%{opacity:1;transform:scale(1)}33%,97%{opacity:0;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@media (max-width:900px){body.mobile-menu-open{overflow:hidden}}
@media (max-width:560px){.history-hero-copy h1{font-size:clamp(42px,12vw,64px);line-height:.98;overflow-wrap:anywhere}.history-hero-copy>p{max-width:100%;font-size:13px}.competition-block>h3{font-size:34px;padding:20px 18px}.competition-season{overflow:hidden}.fixture-slider>section{padding:22px 16px}.standings{padding:18px 10px}.standings table{font-size:10px}}
@media (max-width:560px){html,body{overflow-x:hidden}.team-profile,.team-profile-copy,.team-profile-image,.squad-section{min-width:0;max-width:100%;overflow:hidden}.team-profile-copy h2{font-size:clamp(42px,14vw,68px);overflow-wrap:anywhere;word-break:break-word}.squad-heading h2{max-width:100%;font-size:clamp(36px,11vw,56px);overflow-wrap:anywhere;word-break:break-word;text-align:right}.sticker-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.player-sticker{min-width:0}.sticker-info h3{overflow-wrap:anywhere;word-break:break-word}}
@media (max-width:560px){.teams-hero{min-height:560px;padding:118px 22px 48px;align-items:flex-end}.teams-hero .history-hero-copy{width:100%;max-width:100%}.teams-hero .history-hero-copy h1{max-width:100%;font-size:clamp(42px,13vw,64px);margin:22px 0 18px}.teams-hero .history-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.55}.teams-hero .primary-button{margin-top:20px}.team-profile{display:flex;flex-direction:column;min-height:0}.team-profile.reverse .team-profile-copy{order:0}.team-profile-copy{padding:58px 22px}.team-profile-copy h2{margin:18px 0;font-size:clamp(42px,14vw,68px);line-height:.95}.team-profile-image,.team-profile-image>img{width:100%;min-height:0;height:300px;max-height:300px}.team-profile-image>b,.team-profile-image b{font-size:42px}.squad-section{padding:58px 16px}.squad-heading{display:block;margin-bottom:28px;padding-bottom:16px}.squad-heading h2{margin-top:12px;text-align:left;font-size:clamp(36px,11vw,56px);line-height:.95}.sticker-grid{gap:8px}.player-sticker{border-width:3px}.sticker-info{padding:42px 10px 10px}.sticker-info h3{font-size:19px}}
@media (max-width:560px){#plantillas{display:block;width:100%;max-width:100%;overflow-x:hidden}.team-profile{width:100%;max-width:100%;overflow-x:hidden}.team-profile-copy{width:100%;max-width:100%;min-width:0;overflow:hidden}.team-profile-copy h2{max-width:100%;font-size:clamp(36px,12vw,58px);overflow-wrap:anywhere;word-break:break-word}.team-profile-image{width:100%;max-width:100%;min-width:0;overflow:hidden}.team-profile-image>img{display:block;width:100%;max-width:100%;min-width:0;height:300px;object-fit:cover}.team-profile-image>div{max-width:100%;padding:20px;overflow-wrap:anywhere;word-break:break-word}.team-profile-image b{max-width:100%;overflow-wrap:anywhere;word-break:break-word}}
@media (max-width:560px){.teams-hero{min-height:620px;padding:145px 22px 55px;align-items:center}.teams-hero .history-hero-copy{width:100%;max-width:850px}.teams-hero .history-hero-copy h1{font-size:clamp(42px,12vw,64px);line-height:.98;margin:35px 0 28px}.teams-hero .history-hero-copy>p:not(.eyebrow){max-width:470px;font-size:13px;line-height:1.7}.teams-hero .primary-button{margin-top:24px}}
@media (max-width:560px){.teams-hero{min-height:620px;height:auto;padding:145px 22px 55px;align-items:center}.teams-hero .history-hero-copy{max-width:850px}.teams-hero .history-hero-copy h1{font-size:64px;line-height:.97;margin:35px 0 28px}.teams-hero .history-hero-copy>p:not(.eyebrow){max-width:470px;font-size:15px;line-height:1.7}.teams-hero .primary-button{margin-top:36px}}
@media (max-width:560px){.teams-hero{min-height:620px;padding:145px 22px 55px;align-items:center}.teams-hero .history-hero-copy{width:100%;max-width:850px;margin:0;text-align:left}.teams-hero .history-hero-copy h1{max-width:100%;margin:35px 0 28px;font-size:clamp(42px,12vw,64px);line-height:.97;text-align:left}.teams-hero .history-hero-copy>p:not(.eyebrow){max-width:470px;text-align:left;font-size:13px;line-height:1.7}.teams-hero .primary-button{display:inline-block;margin-top:28px}}