/* Full Sports — Tema de producción basado en la referencia aprobada.
   Solo presentación. No realiza consultas ni modificaciones de base de datos. */
:root{
  --fs-bg:#111827;--fs-bg2:#0f172a;--fs-panel:#172236;--fs-panel2:#1b2639;
  --fs-line:#2a3850;--fs-text:#f8fafc;--fs-muted:#9aa7bc;--fs-purple:#7c2be8;
  --fs-purple2:#6d28d9;--fs-blue:#2f78f4;--fs-red:#ff4048;--fs-green:#20bf6b;
}
html{scroll-behavior:smooth}
body{background:var(--fs-bg)!important;color:var(--fs-text)!important}

/* ===== WEB PÚBLICA ===== */
header#navbar{height:62px!important;background:#0f1726!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.04)!important;box-shadow:none!important;backdrop-filter:none!important}
header#navbar .nav-container{height:62px!important;max-width:1460px!important;padding:0 28px!important}
header#navbar .logo{gap:10px!important;display:flex!important;align-items:center!important}
header#navbar .logo::after{content:'Full Sports';font-size:22px;font-weight:850;color:#fff;white-space:nowrap}
header#navbar .logo-img{height:42px!important;width:42px!important;object-fit:contain!important}
header#navbar .nav-menu-wrapper{gap:32px!important}
header#navbar .nav-links{gap:32px!important}
header#navbar .nav-links a{font-size:14px!important;font-weight:800!important;text-transform:none!important;color:#f8fafc!important}
header#navbar .nav-links a:hover{color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.28)!important}
header#navbar .nav-actions{gap:14px!important}
header#navbar .nav-actions .btn{border-radius:24px!important;padding:11px 23px!important;text-transform:none!important;border:0!important;font-size:13px!important;letter-spacing:0!important;color:#fff!important}
header#navbar .nav-actions .btn-accent{background:var(--fs-red)!important;box-shadow:0 0 20px rgba(255,64,72,.35)!important}
header#navbar .nav-actions .btn-primary{background:var(--fs-blue)!important;box-shadow:0 0 20px rgba(47,120,244,.30)!important}

.container#inicio{padding-top:82px!important;max-width:1460px!important}
.brands-section{margin:10px 0 24px!important}
.brands-title{font-size:17px!important}
.brands-title::after{width:72px!important;height:3px!important;background:linear-gradient(90deg,#8d2df5,#3184ff)!important}
.brands-carousel-track{gap:14px!important;padding:4px 8px!important;overflow:hidden!important}
.brand-card-item{min-width:210px!important;height:94px!important;background:#1a2537!important;border:1px solid #27364f!important;border-radius:7px!important;padding:7px 10px!important;box-shadow:none!important}
.brand-card-item:hover{border-color:#485b79!important;transform:translateY(-2px)!important}
.brand-card-item img{width:100%!important;height:100%!important;object-fit:contain!important;background:#0b0f19!important}
.carousel-nav-btn{width:36px!important;height:36px!important;background:#0a1220!important;border:1px solid #263752!important}

.hero-split-container{grid-template-columns:1.02fr .98fr!important;gap:26px!important;min-height:500px!important;margin-bottom:16px!important;align-items:center!important}
.hero-left-content h1{font-size:54px!important;line-height:1.05!important;letter-spacing:-1.7px!important;margin-bottom:22px!important;max-width:720px!important}
.hero-left-content h1 span{background:linear-gradient(90deg,#378bff,#8e2df4)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-left-content p{font-size:17px!important;line-height:1.55!important;color:#eef3f9!important;font-weight:600!important;max-width:700px!important}
.hero-btn-group{gap:16px!important}
.btn-hero-blue,.btn-hero-red{padding:12px 24px!important;border-radius:24px!important;font-size:13px!important;transition:transform .2s,filter .2s!important}
.btn-hero-blue:hover,.btn-hero-red:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}
.hero-right-graphic{min-height:455px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.fs-hero-reference{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}
.fs-hero-reference img{display:block;width:min(690px,100%)!important;max-width:none!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}

.fs-explora-section{margin:8px 0 46px!important}
.fs-explora-title,.popular-title{color:#253249!important;font-size:24px!important}
.explora-cards-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
.explora-card-item{border-radius:3px!important;background:#1b2639!important;border:1px solid #324057!important;padding:27px 18px!important;min-height:175px!important}
.explora-card-item:hover{border-color:#536986!important;transform:translateY(-3px)!important}
.explora-card-item h3{font-size:16px!important}.explora-card-item p{font-size:12px!important;color:#d6deeb!important}

.section-title{border-left:0!important;padding-left:0!important;text-transform:none!important;font-size:20px!important}
.ligas-grid-container{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.liga-card-box,.jugador-card-item,.team-mini-card{background:#1b2639!important;border:1px solid #2c3950!important;border-radius:6px!important;box-shadow:none!important}
.liga-card-box:hover,.jugador-card-item:hover,.team-mini-card:hover{border-color:#5a447e!important;transform:translateY(-2px)!important}
.liga-icon-circle{background:#742be0!important}
.equipos-scroll-track{gap:13px!important}
.team-mini-card{min-width:190px!important}
.jugadores-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.jugador-avatar-circle{background:#10b96b!important;box-shadow:none!important}
.btn-ver-todos-pill{background:#762be3!important}
.search-tournament-bar input{background:#111d31!important;border:1px solid #42506a!important}

/* La parte inferior mantiene el contenido y las funciones actuales, solo unifica tono */
.intro-card,.stat-card,.cta-card,.feature-detail-card,.tournament-card,.embajador-card,.mecenas-grid{background:#172236!important;border-color:#2a3850!important;color:#fff!important}
.intro-content h3,.stat-card h3,.cta-card h3,.feature-detail-card h3,.tournament-card h4,.embajador-card h4,.mecena-item p{color:#fff!important}
.intro-content p,.stat-card p,.cta-card p,.feature-detail-card>p,.embajador-card p{color:var(--fs-muted)!important}
.social-pill{background:#172236!important;border-color:#2a3850!important}.social-pill i{color:#c9d4e5!important}
footer{background:#111827!important;border-color:#2a3850!important;color:#8f9caf!important}

/* ===== LOGIN ===== */
body.fs-login-body{background:#111827!important}
body:has(.login-container){background:#111827!important;background-image:none!important}
.login-container{max-width:350px!important}
.login-card{background:#1b283b!important;border:1px solid #24344b!important;border-top:1px solid #24344b!important;border-radius:5px!important;padding:30px 28px!important;box-shadow:0 18px 42px rgba(0,0,0,.30)!important}
.login-logo{color:#fff!important;font-size:20px!important}.login-logo span{color:#fff!important}.login-logo i{color:#8b2cf5!important}
.login-subtitle,.back-link{color:#8f9cb0!important;font-size:11px!important}
.form-group label{color:#a7b3c5!important;font-size:10px!important;text-transform:none!important}
.form-control{background:#131e30!important;border:1px solid #2d3e58!important;color:#fff!important;border-radius:4px!important;font-size:12px!important}
.form-control:focus{border-color:#7f30eb!important;box-shadow:0 0 0 1px #7f30eb!important}
.btn-submit{background:#7c2be6!important;border-radius:3px!important;text-transform:none!important;font-size:12px!important;box-shadow:none!important}
.btn-submit:hover{background:#6d28d9!important;transform:none!important}

/* ===== PANEL ADMIN ===== */
body .topbar{height:55px!important;background:#111827!important;border-bottom:1px solid #243147!important;box-shadow:none!important;color:#fff!important;padding:0 20px!important}
.topbar-logo{font-size:14px!important;color:#fff!important}.topbar-logo span{color:#fff!important}.topbar-logo i{color:#8b2cf5!important}
.plan-chip{background:#182337!important;border-color:#35435b!important;color:#d9e1ec!important}.user-chip{color:#eaf0f8!important}.user-chip .avatar{background:#7c2be6!important}
.admin-sidebar{background:#151d2d!important;border-right:1px solid #253148!important;box-shadow:none!important;width:220px!important}
.admin-sidebar .sidebar-header,.admin-sidebar .sidebar-nav{background:#151d2d!important}
.admin-sidebar .brand-logo{display:block!important;width:30px!important;height:30px!important}.admin-sidebar .brand-name{font-size:15px!important}
.admin-sidebar .nav-link{border-radius:3px!important;font-size:11px!important;padding:10px 12px!important;color:#9aa6b9!important}
.admin-sidebar .nav-item.active .nav-link{background:#7d2be8!important;box-shadow:none!important}
.admin-sidebar .menu-title{color:#65738b!important;font-size:9px!important}
.main-content{margin-left:220px!important;margin-top:55px!important;padding:27px!important;background:#111827!important;min-height:calc(100vh - 55px)!important;color:#f8fafc!important}
.page-head h1,.fs-welcome-title h1,.card-title{color:#fff!important}.page-head p,.fs-welcome-title p{color:#8795aa!important}
.card{background:#172236!important;border:1px solid #2a3850!important;box-shadow:none!important;color:#eaf0f8!important}
.card-title{border-bottom-color:#2a3850!important}
input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime-local],input[type=password],input[type=tel],select,textarea{background:#111d31!important;border-color:#33445e!important;color:#f8fafc!important}
input::placeholder,textarea::placeholder{color:#77869b!important}
label{color:#9aa7bc!important}
table{color:#dce4ef!important}th{background:#182337!important;color:#a9b5c6!important;border-bottom-color:#334158!important}td{border-bottom-color:#28364b!important}tr:hover td{background:#1b293e!important}
.btn-primary{background:#7c2be6!important}.btn-dark{background:#202d42!important}.btn-ghost{background:#172236!important;border-color:#334158!important;color:#dfe7f3!important}
.fs-search-container{background:#f1f2f4!important}.fs-search-container input{background:transparent!important;color:#222!important}.fs-search-container .btn-search-icon{background:#7c2be6!important}
.fs-stat-card,.fs-tournament-card{background:#181f31!important;border-color:#2b374c!important;border-radius:6px!important;box-shadow:none!important}.fs-stat-card:hover,.fs-tournament-card:hover{border-color:#69459c!important}
.btn-nuevo-torneo-red{background:#ff4048!important}

/* Intro posterior al login */
#fs-login-intro{position:fixed;inset:0;background:rgba(2,7,12,.97);z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fsIntroFadeOut .35s ease 1.6s forwards}
#fs-login-intro .fs-intro-stage{position:relative;width:min(480px,90vw);height:300px;display:flex;align-items:center;justify-content:center}
#fs-login-intro .fs-intro-glow{position:absolute;width:260px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(124,43,230,.23),transparent 66%);filter:blur(8px)}
#fs-login-intro img{position:relative;width:125px;max-height:220px;object-fit:contain;filter:brightness(2.6) contrast(1.3) drop-shadow(0 0 22px rgba(255,255,255,.18));animation:fsPlayerRun 1.25s ease-in-out infinite alternate}
#fs-login-intro .fs-intro-label{position:absolute;bottom:35px;color:#fff;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;opacity:.72}
@keyframes fsPlayerRun{from{transform:translateX(-35px) rotate(-3deg)}to{transform:translateX(35px) rotate(4deg)}}
@keyframes fsIntroFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}

@media(max-width:992px){
 header#navbar .nav-menu-wrapper{background:#111827!important;border-left:1px solid #2a3850!important}
 .hero-split-container{grid-template-columns:1fr!important;text-align:center!important;padding-top:18px!important}.hero-left-content h1{font-size:42px!important;margin-left:auto!important;margin-right:auto!important}.hero-left-content p{margin-left:auto!important;margin-right:auto!important}.hero-btn-group{justify-content:center!important}.hero-right-graphic{min-height:auto!important}.fs-hero-reference img{width:min(620px,96%)!important}
 .explora-cards-grid,.ligas-grid-container,.jugadores-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .main-content{margin-left:0!important}
}
@media(max-width:620px){
 .container#inicio{padding-top:78px!important}.hero-left-content h1{font-size:34px!important}.hero-left-content p{font-size:15px!important}.explora-cards-grid,.ligas-grid-container,.jugadores-grid{grid-template-columns:1fr!important}.brand-card-item{min-width:170px!important;height:82px!important}
 header#navbar .logo::after{font-size:18px}.fs-hero-reference img{width:100%!important}
}