/* ══════════════════════════════
   NAVBAR
══════════════════════════════ */
.navbar { background: rgba(10,13,15,.96); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(var(--green-rgb),.18); padding: 14px 0; position: sticky; top: 0; z-index: 900; }
.navbar-brand { font-family: var(--font-heading); font-size: 1.75rem; letter-spacing: 2px; color: var(--green) !important; cursor: pointer; }
.navbar-brand img { height: 82px; width: auto; }
.navbar-toggler-icon { filter: invert(1); }
.navbar-brand span { color: var(--text); }
.nav-link { color: var(--muted) !important; font-weight: 500; font-size: .9rem; transition: color .2s; cursor: pointer; position: relative; padding-bottom: 4px !important; }
.nav-link::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: var(--green); border-radius: 1px; transition: width .3s, left .3s; }
.nav-link:hover { color: var(--text) !important; }
.nav-link:hover::after { width: 100%; left: 0; }
.nav-link.active { color: var(--green) !important; }
.nav-link.active::after { width: 100%; left: 0; }

/* ══════════════════════════════
   HERO SECTIONS
══════════════════════════════ */

/* ── HOME ── */
.home-hero {
  min-height: 88vh;
  display: flex; align-items: center;
  position: relative; overflow: hidden; padding: 80px 0;
}
.home-hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background-image: url('../images/banner.jpg');
  background-size: cover; background-position: center 40%;
  filter: brightness(0.7);
}
.home-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(100deg, rgba(10,13,15,.96) 0%, rgba(10,13,15,.7) 55%, rgba(10,13,15,.3) 100%);
  pointer-events: none;
}
.home-bg-word {
  position: absolute; right: -20px; bottom: -40px; z-index: 1;
  font-family: var(--font-heading);
  font-size: clamp(10rem,22vw,20rem);
  color: rgba(var(--green-rgb),.1); line-height: 1;
  pointer-events: none; letter-spacing: -4px;
}
.home-hero .hdg { font-size: clamp(3rem,8vw,5.5rem); margin-bottom: 16px; }
.home-hero-desc { color: var(--muted); max-width: 400px; font-size: .95rem; line-height: 1.75; margin-bottom: 24px; }

/* ── LIST (jugadores, blog, contact) ── */
.list-hero { padding: 52px 0 42px; background: linear-gradient(135deg, #0a0d0f, #0d1f14); border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.list-hero::before {
  content: ''; position: absolute; inset: 0;
  background: url('../images/banner.jpg') center / cover no-repeat;
  opacity: .15;
  pointer-events: none;
}

/* ── JUGADOR ── */
.player-page-hero {
  background: linear-gradient(135deg, #0a0d0f, #091a10);
  padding: 48px 0 0; position: relative; overflow: hidden;
}
.player-page-hero > .container { position: relative; z-index: 2; }
.player-page-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: url('../images/banner.jpg') center / cover no-repeat;
  opacity: .15;
  pointer-events: none;
}
.player-big-name { font-family: var(--font-heading); font-size: clamp(3rem,8vw,5.5rem); line-height: .9; letter-spacing: 2px; }
.player-big-name .last { color: var(--green); }
.player-ph-band {
  position: absolute; top: 0; bottom: 0; right: 12%; z-index: 1;
  width: 280px;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-left: 1px solid rgba(255,255,255,.08);
  border-right: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: flex-end; justify-content: center;
  overflow: hidden;
}
.player-ph-band img {
  position: relative; z-index: 2;
  width: 85%; max-height: 90%;
  object-fit: cover; object-position: top;
}

/* ── RAQUETTE ── */
.racket-hero-section {
  padding: 52px 0; background: linear-gradient(135deg, #0a0d0f, #0d1f14);
  position: relative; overflow: hidden;
}
.racket-hero-section::before {
  content: ''; position: absolute; inset: 0;
  background: url('../images/banner.jpg') center / cover no-repeat;
  opacity: .15;
  pointer-events: none;
}

/* ── ARTICLE ── */
.article-hero { padding: 50px 0 38px; background: linear-gradient(135deg, #0a0d0f, #0d1f14); border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.article-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: url('../images/banner.jpg') center / cover no-repeat;
  opacity: .15; pointer-events: none;
}
.article-hero > .container { position: relative; z-index: 1; }

/* ══════════════════════════════
   FOOTER
══════════════════════════════ */
.site-footer { background: var(--card); border-top: 1px solid var(--border); padding: 48px 0 0; margin-top: 80px; }
.footer-brand { margin-bottom: 14px; }
.footer-brand img { height: 52px; width: auto; }
.footer-desc { font-size: .82rem; color: var(--muted); line-height: 1.7; margin-bottom: 18px; }
.footer-social { display: flex; gap: 10px; }
.footer-social a {
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid var(--border); display: flex; align-items: center; justify-content: center;
  color: var(--muted); font-size: .9rem; transition: all .2s;
}
.footer-social a:hover { color: var(--green); border-color: var(--green); }
.footer-heading { font-family: var(--font-heading); font-size: 1.05rem; letter-spacing: 1px; color: var(--text); margin-bottom: 14px; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 9px; }
.footer-links a { color: var(--muted); font-size: .82rem; text-decoration: none; transition: color .2s; }
.footer-links a:hover { color: var(--green); }
.footer-legal { font-size: .75rem; color: var(--muted); line-height: 1.7; opacity: .7; }
.footer-bottom {
  margin-top: 36px; padding: 18px 0; border-top: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: .72rem; color: var(--muted); opacity: .5;
}