/* C.I.F.A.R. — editorial deportivo. Carga al final de las hojas públicas. */
body { background: #f8f6f1; color: #17202a; }
.loading-shell { background: #f8f6f1; }
.loading-card { border-color: #ded6ca; border-radius: 4px; background: #fffdfa; box-shadow: 0 8px 24px rgba(38, 31, 26, .08); color: #17202a; }
.loading-brand small { color: #93412e; }
.loading-card p { color: #655f5a; }
.loading-track { border-color: #d9d0c5; background: #eee8df; }
.loading-bar { background: #af503a; }
.loading-brand .brand-mark { border-radius: 3px; background: #af503a; color: #fff; }
.liga-shell {
    --league-accent: #873c2b;
    --tenant-primary: #af503a;
    --tenant-secondary: #b35840;
    --tenant-background: #f8f6f1;
    --tenant-surface: #fffdfa;
    --tenant-text: #17202a;
    --tenant-on-primary: #ffffff;
    --tenant-on-secondary: #ffffff;
    --sports-heading-font: Georgia, 'Times New Roman', serif;
    --sports-line: #ded6ca;
    color: #17202a;
    font-family: Arial, Helvetica, sans-serif;
}
.liga-shell main { background: #f8f6f1; }
.liga-shell .site-header {
    border-top: 0;
    border-bottom: 1px solid #d9d0c5;
    background: #fffdfa;
    box-shadow: none;
}
.liga-shell .brand-copy > span { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(19px, 2vw, 26px); font-weight: 700; letter-spacing: -.035em; }
.liga-shell .brand-copy small { color: #93412e; letter-spacing: .13em; }
.liga-shell .brand-mark,
.liga-shell .team-crest-fallback { border-radius: 3px; border-color: #8f3b29; background: #af503a; color: #fff; }
.liga-shell .team-crest-placeholder { display: block; width: 100%; height: 100%; overflow: visible; }
.liga-shell .team-crest-placeholder-shield { fill: var(--crest-edge, #384047); }
.liga-shell .team-crest-placeholder-edge { fill: var(--crest-fill, #5d625f); }
.liga-shell .club-metrics.single { grid-template-columns: 1fr; }
.liga-shell .site-nav a { border-radius: 0; color: #17202a; }
.liga-shell .site-nav a:hover,
.liga-shell .site-nav a.active { border-color: #af503a; color: #8f3b29; background: transparent; }
.liga-shell .site-nav .nav-bridge,
.liga-shell .site-nav .nav-login { border-radius: 3px; color: #8f3b29; }
.liga-shell .liga-demo-banner { padding: 9px 20px; border-bottom: 1px solid #8f3b29; background: #292f33; color: #fffdfa; text-align: center; font-size: .78rem; font-weight: 700; letter-spacing: .025em; }
.liga-shell .nav-toggle { color: #17202a; background: #fffdfa; border-color: #d9d0c5; }
.liga-shell .liga-content { padding-top: clamp(22px, 3vw, 42px); }
.liga-shell :is(h1, h2, h3) { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.liga-shell .section-kicker,
.liga-shell .fixture-editorial-kicker,
.liga-shell .fixture-day-eyebrow { color: #a14430; letter-spacing: .18em; }
.liga-shell .section-heading { border-color: #d9d0c5; }
.liga-shell .section-heading h2 { color: #17202a; }
.liga-shell .button,
.liga-shell a .card-action:not(.muted-action) { border-radius: 3px; background: #af503a; color: #fff; box-shadow: none; }
.liga-shell .button:hover,
.liga-shell a:hover .card-action:not(.muted-action) { background: #873c2b; color: #fff; }
.liga-shell .button.secondary { background: #fffdfa; color: #17202a; border: 1px solid #c7bdb1; }
.liga-shell .button.secondary:hover { background: #eee8df; }
.liga-shell .league-hero.no-image {
    min-height: 345px;
    border: 1px solid #d9d0c5;
    border-radius: 3px;
    background: #f0ede7 url('../images/cifar-pitch.png') right center / 52% auto no-repeat;
    box-shadow: none;
    color: #17202a;
}
.liga-shell .league-hero.no-image .hero-shade { display: none; }
.liga-shell .league-hero.no-image .hero-copy { max-width: 49%; }
.liga-shell .league-hero h1,
.liga-shell .font-small .league-hero h1,
.liga-shell .font-large .league-hero h1 { color: #17202a; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(46px, 5.2vw, 77px); line-height: 1; }
.liga-shell .league-hero p { color: #26313b; }
.liga-shell .league-hero .module-lockup { color: #93412e; }
.liga-shell .league-hero .module-lockup > span { color: #93412e; }
.liga-shell .league-hero .module-lockup > .brand-mark { color: #fffdfa; }
.liga-shell .league-hero.no-image .button:not(.secondary) { background: #af503a; color: #fffdfa; }
.liga-shell .league-hero.no-image .button:not(.secondary):hover { background: #873c2b; }
.liga-shell .notice-meta { color: #514a44; opacity: 1; }
.liga-shell .notice-meta span { color: #873c2b; }
.liga-shell .league-hero .button.secondary { color: #17202a; background: #fffdfa; }
.liga-shell .fixture-editorial-hero {
    min-height: 300px;
    border: 1px solid #d9d0c5;
    border-radius: 3px;
    background: #f0ede7 url('../images/cifar-pitch.png') right center / 55% auto no-repeat;
    box-shadow: none;
    color: #17202a;
}
.liga-shell .fixture-editorial-hero::before,
.liga-shell .fixture-editorial-hero::after { display: none; }
.liga-shell .fixture-editorial-copy { max-width: 48%; }
.liga-shell .fixture-editorial-copy h1 { color: #17202a; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(70px, 9vw, 120px); font-weight: 700; text-transform: none; letter-spacing: -.065em; }
.liga-shell .fixture-editorial-copy h1 span { color: #af503a; }
.liga-shell .fixture-editorial-copy p { color: #25313a; }
.liga-shell .fixture-editorial-stamp { align-self: end; max-width: 190px; margin-left: auto; padding: 14px; border: 0; background: #fffdfa; }
.liga-shell .fixture-editorial-stamp > span:first-child { color: #93412e; }
.liga-shell .fixture-editorial-stamp strong,
.liga-shell .fixture-editorial-stamp time,
.liga-shell .fixture-editorial-stamp > span:last-child { color: #17202a; }
.liga-shell :is(.notice-card, .my-team-panel, .my-team-summary-card, .upcoming-match, .tournament-card, .table-wrap, .result-row, .empty-state, .fixture-editorial-card, .club-card, .match-card) {
    border-color: #ded6ca;
    border-radius: 3px;
    background: #fffdfa;
    box-shadow: none;
}
.liga-shell .my-team-panel { border-left: 3px solid #af503a; }
.liga-shell .my-team-placeholder { color: #af503a; background: #f1e4dc; }
.liga-shell .fixture-date-nav > button.active,
.liga-shell .fixture-date-nav > button:hover { border-color: #af503a; background: #af503a; color: #fff; }
.liga-shell .fixture-editorial-group .match-day-heading { border-color: #af503a; }
.liga-shell :is(.filter-bar, .fixture-date-nav, .segmented-control, .my-team-picker-trigger) { border-color: #ded6ca; background: #eee8df; color: #17202a; }
.liga-shell :is(input, select, textarea) { color: #17202a; background: #fffdfa; border-color: #bcb1a4; }
.liga-shell :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #af503a; outline-offset: 3px; }
.liga-shell .site-footer { border-top: 1px solid #d9d0c5; background: #fffdfa; color: #17202a; }
.liga-shell .footer-brand strong { font-family: Georgia, 'Times New Roman', serif; }
.liga-shell .footer-nav a { color: #26313b; }

/* La agenda conserva la jerarquía editorial, con contraste sobre papel claro. */
.liga-shell .fixture-editorial-card { color: #17202a; border-left-color: #af503a; }
.liga-shell .fixture-editorial-card:hover { border-color: #93412e; box-shadow: 0 8px 20px rgba(38,31,26,.12); }
.liga-shell .fixture-editorial-card:focus-visible { outline-color: #af503a; }
.liga-shell .fixture-editorial-card .fixture-date { background: #eee8df; }
.liga-shell .fixture-editorial-card .fixture-date strong,
.liga-shell .fixture-editorial-card .fixture-matchup-meta { color: #873c2b; }
.liga-shell .fixture-editorial-card .fixture-date span,
.liga-shell .fixture-editorial-card .fixture-opponents .fixture-team,
.liga-shell .fixture-editorial-card .fixture-opponents .fixture-score b { color: #17202a; }
.liga-shell .fixture-editorial-card .fixture-opponents .fixture-score span,
.liga-shell .fixture-editorial-card .fixture-venue { color: #514a44; }
.liga-shell .fixture-editorial-card .fixture-corner-notice { background: #af503a; color: #fff; }
.liga-shell .fixture-editorial-kicker span { color: #655f5a; }

.liga-shell .legal-page { width: min(100%, 980px); margin: 0 auto; }
.liga-shell .legal-hero { padding: clamp(26px, 4vw, 46px); border: 1px solid #d9d0c5; background: #f0ede7; }
.liga-shell .legal-hero h1 { margin: 12px 0; font-size: clamp(38px, 5vw, 62px); line-height: 1.04; }
.liga-shell .legal-hero p { max-width: 640px; margin: 0 0 18px; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.55; }
.liga-shell .legal-hero small { color: #655f5a; }
.liga-shell .legal-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.liga-shell .legal-tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 16px; border: 1px solid #c8bdb1; border-radius: 3px; background: #fffdfa; color: #17202a; font-weight: 700; text-decoration: none; }
.liga-shell .legal-tabs a[aria-current="page"] { border-color: #af503a; background: #af503a; color: #fff; }
.liga-shell .legal-notice { padding: 18px 20px; border-left: 4px solid #af503a; background: #f2e4dc; color: #403b37; line-height: 1.55; }
.liga-shell .legal-sections { display: grid; gap: 0; margin: 20px 0 48px; border: 1px solid #ded6ca; background: #fffdfa; }
.liga-shell .legal-sections section { padding: 22px clamp(20px, 3vw, 36px); }
.liga-shell .legal-sections section + section { border-top: 1px solid #ded6ca; }
.liga-shell .legal-sections h2 { margin: 0 0 9px; font-size: clamp(22px, 2.4vw, 28px); }
.liga-shell .legal-sections p { max-width: 760px; margin: 0; color: #403b37; line-height: 1.65; }
.liga-shell .legal-sections a { color: #873c2b; text-decoration-thickness: 2px; text-underline-offset: 3px; }

@media (max-width: 1000px) {
    .liga-shell .league-hero.no-image { min-height: 0; padding: clamp(26px, 3vw, 38px) clamp(24px, 4vw, 38px) 225px; background: #f0ede7; }
    .liga-shell .league-hero.no-image .hero-copy { max-width: 100%; }
    .liga-shell .league-hero.no-image::after { content: ""; position: absolute; z-index: 0; inset: auto 0 0; height: 195px; border-top: 1px solid #d9d0c5; background: url('../images/cifar-pitch.png') center 55% / cover no-repeat; }
}
@media (max-width: 760px) {
    .liga-shell .league-hero.no-image { min-height: 0; padding-bottom: 205px; }
    .liga-shell .league-hero.no-image::after { height: 180px; }
    .liga-shell .league-hero.no-image .hero-copy { max-width: 100%; }
    .liga-shell .league-hero h1 { font-size: clamp(42px, 11vw, 62px); }
    .liga-shell .fixture-editorial-hero { display: block; min-height: 440px; background-position: center bottom; background-size: auto 45%; padding-bottom: 200px; }
    .liga-shell .fixture-editorial-copy { max-width: 100%; }
    .liga-shell .fixture-editorial-copy h1 { font-size: clamp(62px, 16vw, 92px); }
    .liga-shell .fixture-editorial-stamp { display: none; }
}
@media (max-width: 480px) {
    .liga-shell .legal-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .liga-shell .legal-tabs a { justify-content: center; padding: 9px 6px; font-size: 12px; text-align: center; }
}