/* ================================================
   MUNDIALITO — Light Theme Override
   Se carga DESPUÉS de style.css en páginas internas
   ================================================ */

/* ── Variables light ── */
body {
  background: #ffffff;
  color: #111111;
}

/* ── Navbar light ── */
.navbar {
  background: rgba(255,255,255,0.93);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  backdrop-filter: blur(12px);
}
.navbar-logo { color: #111; }
.navbar-logo .accent { color: #E91E8C; }
.navbar-logo .dot    { color: #72C52A; }
.navbar-links a { color: #444; }
.navbar-links a:hover, .navbar-links a.active { background: rgba(233,30,140,0.08); color: #E91E8C; }
.hamburger span { background: #111; }
.mobile-menu {
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.mobile-menu a { color: #444; }
.mobile-menu a:hover { background: rgba(233,30,140,0.08); color: #E91E8C; }

/* anula margin del page-header original (ya no se usa) */
.page-header { margin-top: 0; }

/* ── Flag Ticker ── */
@keyframes tickerLeft  { from { transform: translateX(0);    } to { transform: translateX(-50%); } }
@keyframes tickerRight { from { transform: translateX(-50%); } to { transform: translateX(0);    } }

.flag-ticker {
  background: #111111;
  overflow: hidden;
  padding: 0.55rem 0;
  user-select: none;
  border-bottom: 2px solid #E91E8C;
  margin-top: 68px; /* compensa el navbar fijo */
}
.flag-ticker.reverse {
  border-bottom: none;
  border-top: 2px solid #72C52A;
}
.flag-ticker-track {
  display: inline-flex;
  gap: 1.8rem;
  white-space: nowrap;
  animation: tickerLeft 22s linear infinite;
}
.flag-ticker.reverse .flag-ticker-track {
  animation: tickerRight 22s linear infinite;
}
.flag-ticker-track span {
  font-size: 1.55rem;
  line-height: 1;
  opacity: 0.9;
}
/* Pausa al hover */
.flag-ticker:hover .flag-ticker-track { animation-play-state: paused; }

/* ── Page Hero (reemplaza page-header) ── */
.page-hero {
  position: relative;
  margin-top: 0;
  height: 280px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.page-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
}
/* Una foto — Ken Burns simple */
.page-hero-img:only-child {
  animation: kenBurns 14s ease-in-out infinite alternate;
}
/* Dos fotos — crossfade + Ken Burns */
.page-hero-img:nth-child(1):not(:only-child) {
  animation: heroSlide1 18s ease-in-out infinite, kenBurns 18s ease-in-out infinite alternate;
}
.page-hero-img:nth-child(2):not(:only-child) {
  animation: heroSlide2 18s ease-in-out infinite, kenBurns 18s ease-in-out infinite alternate-reverse;
}
@keyframes kenBurns {
  from { transform: scale(1);    }
  to   { transform: scale(1.09); }
}
@keyframes heroSlide1 {
  0%, 42%  { opacity: 1; }
  50%, 92% { opacity: 0; }
  100%     { opacity: 1; }
}
@keyframes heroSlide2 {
  0%, 42%  { opacity: 0; }
  50%, 92% { opacity: 1; }
  100%     { opacity: 0; }
}
.page-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.82) 0%,
    rgba(0,0,0,0.45) 55%,
    rgba(0,0,0,0.18) 100%
  );
}
.page-hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.25rem 2rem;
}
.page-hero-content .page-title {
  color: #ffffff;
  text-shadow: 0 2px 14px rgba(0,0,0,0.6);
  font-size: 3rem;
  margin-bottom: 0.4rem;
}
.page-hero-content .page-subtitle {
  color: rgba(255,255,255,0.82);
  font-size: 0.95rem;
}

/* ── Cards light ── */
.card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.09);
  box-shadow: 0 2px 14px rgba(0,0,0,0.06);
  color: #111;
}
.card:hover {
  border-color: rgba(233,30,140,0.3);
  box-shadow: 0 6px 24px rgba(233,30,140,0.1);
}

/* ── Category Cards light ── */
.cat-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.09);
  box-shadow: 0 2px 14px rgba(0,0,0,0.06);
}
.cat-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.12); }
.cat-name  { color: #111; }
.cat-dupr  { color: #666; }
.cat-stat-item .l { color: #888; }

/* ── Team Cards light ── */
.team-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.09);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  color: #111;
}
.team-card:hover {
  border-color: rgba(233,30,140,0.25);
  box-shadow: 0 6px 22px rgba(233,30,140,0.08);
}
.team-country { color: #777; }
.team-players { color: #555; }

/* ── Standings light ── */
.standings-box {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}
.group-header {
  background: #f4f4f5;
}
.group-header h3 { color: #111; }
.qualify-note    { color: #777; }
.standings-table th {
  color: #888;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  background: #fafafa;
}
.standings-table td {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  color: #111;
}
.standings-table tr:hover td { background: rgba(0,0,0,0.02); }
.pos-num { color: #aaa; }
.pos-num.top { color: #72C52A; }

/* ── Fixture / Match Cards light ── */
.match-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.09);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  color: #111;
}
.match-card:hover {
  border-color: rgba(233,30,140,0.2);
  box-shadow: 0 4px 18px rgba(233,30,140,0.08);
}
.match-team-name { color: #111; }
.match-meta      { color: #999; }
.score-box {
  background: #f4f4f5;
  border: 1px solid rgba(0,0,0,0.1);
  color: #111;
}
.score-box.winner {
  background: rgba(114,197,42,0.1);
  border-color: #72C52A;
  color: #4a8a18;
}
.score-sep { color: #ccc; }
.round-header h3 { color: #111; }
.round-header::after { background: rgba(0,0,0,0.1); }

/* ── Bracket light ── */
.bracket-match {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.bracket-team {
  border-bottom: 1px solid rgba(0,0,0,0.08);
  color: #111;
}
.bracket-team.winner { background: rgba(114,197,42,0.08); color: #3d7a12; }
.bracket-team.tbd { color: #aaa; }
.bracket-round-label { color: #999; }
.bracket-connector::before {
  border-color: rgba(0,0,0,0.15);
}
.bracket-line { background: rgba(0,0,0,0.15); }
.bracket-champion {
  background: rgba(245,208,32,0.06);
  border: 2px solid #F5D020;
}
.bracket-champion-team { color: #111; }

/* ── Country Selector light ── */
.country-option {
  background: #f8f8f8;
  border: 2px solid rgba(0,0,0,0.09);
  color: #111;
}
.country-option:hover:not(.taken):not(.selected) {
  border-color: rgba(233,30,140,0.4);
  background: rgba(233,30,140,0.04);
}
.country-option.selected {
  border-color: #72C52A;
  background: rgba(114,197,42,0.06);
}
.country-name-label { color: #555; }
.country-option.taken::after { color: #E91E8C; }

/* ── Forms light ── */
.form-label { color: #555; }
.form-input, .form-select, .form-textarea {
  background: #f8f8f8;
  border: 1px solid rgba(0,0,0,0.14);
  color: #111;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color: #E91E8C;
  box-shadow: 0 0 0 3px rgba(233,30,140,0.1);
  background: #fff;
}
.form-input::placeholder, .form-textarea::placeholder { color: #aaa; }
.form-select option { background: #fff; color: #111; }
.form-hint { color: #999; }
.player-section {
  background: #f8f8f8;
  border: 1px solid rgba(0,0,0,0.09);
}
.player-section-title { color: #72C52A; }
.upload-area {
  background: #f8f8f8;
  border: 2px dashed rgba(0,0,0,0.15);
}
.upload-area:hover { border-color: #E91E8C; }
.upload-area.has-file { border-color: #72C52A; background: rgba(114,197,42,0.04); }
.upload-text { color: #888; }

/* ── Tabs / Cat selector light ── */
.btn-outline {
  color: #111;
  border: 2px solid rgba(0,0,0,0.2);
}
.btn-outline:hover { border-color: #E91E8C; color: #E91E8C; }

/* DUPR sum box light */
.dupr-sum-box {
  background: #f4f4f5 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #111 !important;
}

/* ── Section / misc light ── */
.section-subtitle { color: #777; }
.divider { background: rgba(0,0,0,0.08); }
.empty-state { color: #aaa; }

/* ── Countdown light ── */
.countdown {
  background: #f8f8f8;
  border: 1px solid rgba(0,0,0,0.09);
}
.countdown-title { color: #888; }

/* ── News Cards light ── */
.news-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.09);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.news-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.1); }
.news-img-wrap { background: #f0f0f0; }
.news-date    { color: #999; }
.news-title   { color: #111; }
.news-excerpt { color: #555; }

/* ── Footer light ── */
footer {
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.footer-logo { color: #111; }
.footer-logo span { color: #E91E8C; }
.footer-info { color: #888; }
.footer-sponsors { color: #888; }
/* logos en footer: quitar filtros oscuros, mostrar color natural */
footer img[alt="Antigua Pickleball"],
footer img[alt="Club Quattro"] {
  filter: none !important;
  opacity: 0.8 !important;
}
/* JOOLA: manejado directo en el inline style de cada página */

/* ── Responsive adjustments ── */
@media (max-width: 600px) {
  .page-hero { height: 230px; }
  .page-hero-content .page-title { font-size: 2.2rem; }
}