═══════════════════════════════════════════════════════════════════════════
   FUVEV Landing v1 — estilos del landing rediseñado (Broadcast Grassroots)
   Se carga DESPUÉS de fuvev-ds.v1.css y fuvev-ds-bridge.v1.css.
   Va creciendo sección por sección conforme migramos el HTML.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · NAVBAR]  (Paso 1)
   Preserva #navbar, .navbar-brand, #lang-sel, .nav-actions
   Anula reglas del theme viejo con !important donde chocan
   ═══════════════════════════════════════════════════════════════════════════ */

.navbar{
  position:sticky;top:0;z-index:200;
  display:flex;align-items:center;gap:var(--sp-6);
  height:var(--nav-h)!important;
  padding:0 var(--gutter);
  background:rgba(10,9,6,.86)!important;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--border)!important;
  justify-content:flex-start!important; /* anula space-between del theme viejo */
}
.navbar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex:0 0 auto}
.navbar-logo{
  width:32px;height:32px;object-fit:contain;
  border-radius:6px;background:var(--surface-1);padding:4px;
  border:1px solid var(--border)!important; /* mantiene borde sutil sobre el img real */
}
.navbar-name{
  font-family:var(--font-display)!important;
  font-size:22px!important;
  letter-spacing:.14em!important;
  font-weight:400!important;
  color:var(--text)!important;
  line-height:1;
  text-transform:uppercase;
}
.navbar-name em{font-style:normal;color:var(--brand)}

/* Redes sociales (desktop) */
.bg-nav-social{display:flex;align-items:center;gap:10px;padding-left:12px;margin-left:12px;border-left:1px solid rgba(244,233,211,.12)}
.bg-nav-social a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#B9AC8F;transition:color var(--dur-hover) var(--ease-cut)}
.bg-nav-social a:hover{color:var(--brand)}
.bg-nav-social a svg{width:16px;height:16px}

/* Redes sociales (móvil: botón hamburguesa con menú desplegable) */
.bg-nav-social-mobile{display:none;position:relative}
.bg-nav-social-menu{
  display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:250;min-width:180px;
  flex-direction:column;gap:4px;padding:10px;
  background:var(--surface-1);border:1px solid var(--border-strong);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lift);
}
.bg-nav-social-mobile[aria-expanded="true"]+.bg-nav-social-menu{display:flex}
.bg-nav-social-menu a{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--text-mute);border-radius:var(--r-sm)}
.bg-nav-social-menu a:hover{background:var(--surface-2);color:var(--text)}
.bg-nav-social-menu a svg{width:16px;height:16px;color:currentColor}

/* Links de navegación (Inicio, Buscar, App, Cuenta) */
.bg-nav-links{display:flex;align-items:center;gap:var(--sp-6);flex:1;justify-content:center}
.bg-nav-link{font-size:14px;font-weight:500;color:var(--text-mute);position:relative;padding:6px 0;transition:color var(--dur-hover) var(--ease-cut);cursor:pointer}
.bg-nav-link:hover,.bg-nav-link[aria-current="page"]{color:var(--text)}
.bg-nav-link[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--brand)}

/* Zona derecha: acciones */
.nav-actions{display:flex;align-items:center;gap:var(--sp-3)}

/* Selector de idioma con look editorial */
#lang-sel{
  appearance:none;-webkit-appearance:none;
  background:transparent!important;border:1px solid var(--border)!important;
  color:var(--text-mute)!important;
  font-family:var(--font-mono)!important;font-size:11px!important;letter-spacing:.08em;
  padding:7px 26px 7px 10px!important;border-radius:var(--r-sm)!important;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23B9AC8F' stroke-width='1.5' fill='none'/></svg>")!important;
  background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:10px!important;
}
#lang-sel:hover{border-color:var(--border-strong)!important;color:var(--text)!important}

/* Botón toggle de tema */
.bg-theme-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--r-md);background:transparent;color:var(--text-mute);display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-hover) var(--ease-cut);cursor:pointer}
.bg-theme-btn:hover{border-color:var(--border-strong);color:var(--text)}

/* CTA Crear torneo */
.bg-nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  height:38px;padding:0 16px;background:var(--brand);color:#fff;
  font-weight:600;font-size:13px;border-radius:var(--r-md);
  position:relative;overflow:hidden;cursor:pointer;
  transition:background var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut);
}
.bg-nav-cta:hover{background:var(--brand-hover);transform:translateY(-1px);color:#fff}
.bg-nav-cta svg{width:14px;height:14px}

/* Ocultar btn-user viejo (el JS de auth aún lo referencia, no lo eliminamos) */
#btn-user{display:none!important}

/* Responsive */
@media (max-width:900px){
  .bg-nav-social{display:none}
  .bg-nav-social-mobile{
    display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;
    border:1px solid var(--border);border-radius:var(--r-md);
    color:var(--text-mute);background:transparent;cursor:pointer;
  }
  .bg-nav-social-mobile:hover{color:var(--text);border-color:var(--border-strong)}
  .bg-nav-social-mobile svg{width:16px;height:16px}
  .bg-nav-links{display:none}
  .navbar-name{font-size:18px!important}
  .bg-nav-cta span{display:none}
  .bg-nav-cta{width:38px;padding:0;justify-content:center}
}




/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · HERO]  (Paso 2)
   ═══════════════════════════════════════════════════════════════════════════ */

/* HERO — Foto de fondo estilo ESPN/HBO Max */
#fuvev-hero{
  position:relative;overflow:hidden;
  padding:var(--sp-11) 0 var(--sp-12);
  min-height:92vh;
  background:
    linear-gradient(180deg,rgba(10,9,6,.75) 0%,rgba(10,9,6,.88) 60%,rgba(10,9,6,.98) 100%),
    linear-gradient(135deg,#14110C 0%,#1E1A13 50%,#0A0906 100%),
    url('assets/hero-main.webp');
  background-size:cover;background-position:center center;
  border-bottom:1px solid var(--border);
}
#fuvev-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 60% 40% at 20% 0%,rgba(232,93,47,.10),transparent 60%),
    repeating-linear-gradient(45deg,transparent 0 20px,rgba(232,93,47,.02) 20px 40px);
}
#fuvev-hero::after{
  content:"FOTO CANCHA REAL \A /cdn/hero-main.webp — 2400x1350 WebP";
  white-space:pre;text-align:center;
  position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:1;pointer-events:none;
  font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(185,172,143,.4);line-height:1.6;
}
@media (max-width:768px){#fuvev-hero{min-height:75vh}}
.hero-bg-decoration{display:none}
#fuvev-hero .hero-content{position:relative;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}
.bg-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-9);align-items:start}
.bg-hero-left,.bg-hero-right{min-width:0;min-height:0}
@media (min-width:960px){.bg-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

.hero-logo-img{display:none}
.hero-badge{
  display:inline-flex !important;align-items:center;gap:8px;
  font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand);background:transparent;border:0;padding:0;margin-bottom:var(--sp-6) !important;
}
.hero-badge::before{content:"\2014";font-size:14px;line-height:1;color:currentColor;display:inline-block}
.hero-badge svg{display:none}

.hero-title{
  font-family:var(--font-display) !important;
  font-size:clamp(56px,9vw,120px) !important;font-weight:400 !important;
  line-height:.92 !important;letter-spacing:-.01em;text-transform:uppercase;
  color:var(--text) !important;margin:0 0 var(--sp-6) !important;text-shadow:none !important;
  text-wrap:balance;
}
.hero-title .bg-orange{color:var(--brand)}

.hero-sub{
  font-size:19px !important;line-height:1.5 !important;color:var(--text-mute) !important;
  max-width:520px !important;margin:0 0 var(--sp-8) !important;
}
.hero-sub .hl,.hero-sub .bg-hl{background:linear-gradient(180deg,transparent 60%,var(--brand-soft) 60%);padding:0 3px;color:var(--text);font-weight:500}

.hero-cta{display:flex;gap:var(--sp-4) !important;flex-wrap:wrap;margin-bottom:var(--sp-9)}
.hero-cta-main{
  position:relative;
  display:inline-flex;align-items:center;gap:10px;
  height:56px;padding:0 28px;
  background:#E85D2F !important;background-image:none !important;
  color:#fff !important;font-family:var(--font-ui) !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0 !important;text-transform:none !important;
  border:0 !important;border-radius:var(--r-md) !important;
  box-shadow:none !important;
  transition:background var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut);
  overflow:hidden;
}
.hero-cta-main:hover{background:#F27340 !important;transform:translateY(-2px);color:#fff !important;filter:none !important}
.hero-cta .btn-outline{
  display:inline-flex;align-items:center;gap:10px;
  height:56px;padding:0 26px;
  background:transparent !important;background-image:none !important;
  color:var(--text) !important;
  border:1px solid var(--border-strong) !important;border-radius:var(--r-md) !important;
  font-family:var(--font-ui) !important;font-weight:500 !important;font-size:15px !important;letter-spacing:0 !important;text-transform:none !important;
  box-shadow:none !important;
  transition:border-color var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut);
}
.hero-cta .btn-outline:hover{border-color:var(--text) !important;color:var(--text) !important;transform:translateY(-2px);background:transparent !important}
.hero-cta-main svg,.hero-cta .btn-outline svg,#btn-app-download svg{width:16px;height:16px;flex-shrink:0}

/* Trust bar (preserva IDs stat-hero-*) */
.hero-stats-inline{
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
  padding-top:var(--sp-6);border-top:1px solid var(--border);
}
.hsi-item{padding:0 var(--sp-6);display:flex;flex-direction:column;gap:6px}
.hsi-item:first-child{padding-left:0}
.hsi-num{
  font-family:var(--font-mono);font-feature-settings:"tnum" 1,"zero" 1;
  font-size:26px;font-weight:500;color:var(--text);letter-spacing:-.02em;line-height:1;
}
.hsi-lbl{
  font-family:var(--font-display);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim);line-height:1;
}
.hsi-sep{width:1px;height:38px;background:var(--border);align-self:center}
@media (max-width:600px){
  .hsi-item{padding:0 var(--sp-4)}
  .hsi-num{font-size:20px}
  .hsi-sep{height:30px}
}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · SCOREBOARD BROADCAST]  (Paso 2)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Broadcast Scoreboard (nuevo, id bg-scoreboard) ─────────────────────── */
.bg-scoreboard{
  background:var(--surface-1);border:1px solid var(--border-strong);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-lift);
  position:relative;isolation:isolate;
}
.bg-scoreboard::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand);z-index:2}
.bg-sb-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 12px;border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,#1A1610 0%,var(--surface-1) 100%);
}
.bg-sb-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.bg-sb-kick{font-family:var(--font-display);font-size:10px;letter-spacing:.16em;color:var(--brand);text-transform:uppercase;line-height:1}
.bg-sb-city{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.02em}
.bg-sb-live{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-display);font-size:11px;letter-spacing:.14em;
  color:var(--accent-live);text-transform:uppercase;flex-shrink:0;
}
/* LIVE indicator override — rojo convención LatAm (Caracol/RCN/ESPN) */
:root{--live-red:#EF4444;--live-red-soft:rgba(239,68,68,.10);--live-red-ring:rgba(239,68,68,.28)}
@keyframes bg-live-pulse{from{opacity:.5}to{opacity:1}}
.bg-sb-live{color:#EF4444}
.bg-sb-live .live-dot{background:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.18);animation:bg-live-pulse 1s ease-in-out infinite alternate}
.bg-sb-live .live-dot::after{display:none}
@media (prefers-reduced-motion:reduce){.bg-sb-live .live-dot,.bg-chyron-badge .live-dot,.bg-phone-live-hd .live-dot,.bg-tbadge.live .live-dot{animation:none !important;opacity:.9}}
.bg-sb-body{padding:18px 16px 16px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.bg-sb-team{display:flex;flex-direction:column;gap:6px;min-width:0}
.bg-sb-team.away{text-align:right;align-items:flex-end}
.bg-sb-crest{
  width:44px;height:44px;border-radius:8px;
  background:var(--surface-2);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:14px;color:var(--text);letter-spacing:.02em;
}
.bg-sb-crest.a{background:linear-gradient(135deg,#3d1810,#1f0d07);color:#F4E9D3}
.bg-sb-crest.b{background:linear-gradient(135deg,#0F2A38,#0A1620);color:#F4E9D3}
.bg-sb-name{font-family:var(--font-display);font-size:15px;letter-spacing:.04em;color:var(--text);line-height:1.05;text-transform:uppercase;text-wrap:balance}
.bg-sb-code{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-dim)}
.bg-sb-score{
  font-family:var(--font-mono);font-feature-settings:"tnum" 1,"zero" 1;
  font-size:44px;font-weight:500;color:var(--text);line-height:1;
  display:flex;align-items:center;gap:10px;letter-spacing:-.02em;
}
.bg-sb-score .dash{color:var(--text-dim);font-weight:300}
.bg-sb-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-top:1px solid var(--border);
  background:#0F0C08;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;
}
.bg-sb-min{color:var(--accent-yellow)}

/* Hero decorative mini-chip below scoreboard */
.bg-hero-tape{display:none}

/* Chyron */
.bg-chyron{
  position:relative;overflow:hidden;
  height:38px;display:flex;align-items:center;
  background:var(--surface-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  margin-top:var(--sp-11);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.bg-chyron-badge{
  position:absolute;left:0;top:0;bottom:0;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  padding:0 14px;background:#EF4444;color:#fff;
  font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
}
.bg-chyron-badge .live-dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:bg-live-pulse 1s ease-in-out infinite alternate}
.bg-chyron-track{
  display:flex;gap:56px;padding-left:180px;white-space:nowrap;
  animation:bg-scroll 42s linear infinite;will-change:transform;
}
.bg-chyron:hover .bg-chyron-track{animation-play-state:paused}
.bg-chyron-item{
  font-family:var(--font-display);font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-mute);display:inline-flex;align-items:center;gap:14px;
}
.bg-chyron-item::before{content:"●";color:var(--brand);font-size:8px;line-height:1}
.bg-chyron-item strong{color:var(--text);font-weight:400}
.bg-chyron-item em{font-style:normal;color:var(--accent-yellow);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding-left:8px;border-left:1px solid var(--border-strong)}
@keyframes bg-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bg-chyron-track{animation:none}}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · MINI-SCOREBOARDS + CHYRON]  (Paso 2)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Mini scoreboards carousel (hero) ─── */
.bg-mini-scoreboards{margin-top:var(--sp-4);position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.bg-mini-scoreboards-track{display:flex;gap:12px;animation:bg-mini-scroll 22s linear infinite;will-change:transform;width:max-content}
.bg-mini-scoreboards:hover .bg-mini-scoreboards-track{animation-play-state:paused}
@keyframes bg-mini-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bg-mini-scoreboards-track{animation:none}}
.bg-mini-sb{
  flex:0 0 220px;width:220px;height:80px;background:#14110C;border:1px solid var(--border);border-radius:var(--r-md);
  padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;
}
.bg-mini-sb-kicker{font-family:var(--font-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);line-height:1;
  display:flex;justify-content:space-between;align-items:center}
.bg-mini-sb-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.bg-mini-sb-code{font-family:var(--font-display);font-size:12px;letter-spacing:.06em;color:rgba(244,233,211,.88);line-height:1}
.bg-mini-sb-code.away{text-align:right}
.bg-mini-sb-score{font-family:var(--font-mono);font-size:16px;color:rgba(244,233,211,.88);letter-spacing:-.02em;text-align:center;line-height:1}
.bg-mini-sb-min{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:rgba(244,233,211,.45)}
.bg-mini-sb-status{font-family:var(--font-display);font-size:9px;letter-spacing:.14em;text-transform:uppercase;line-height:1;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:var(--r-pill)}
.bg-mini-sb-status.live{color:#EF4444;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.28)}
.bg-mini-sb-status.live::before{content:"";width:5px;height:5px;background:#EF4444;border-radius:50%;animation:bg-live-pulse 1s ease-in-out infinite alternate}
.bg-mini-sb-status.sched{color:#B9AC8F;border:1px solid rgba(185,172,143,.35);background:transparent}
.bg-mini-sb-status.done{color:#B9AC8F;opacity:.6;border:1px solid rgba(185,172,143,.20);background:transparent}
@media (prefers-reduced-motion:reduce){.bg-mini-sb-status.live::before{animation:none}}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · SEARCH + TORNEOS ACTIVOS]  (Paso 3)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── SEARCH + ACTIVE TOURNAMENTS ─── */
.bg-search-section{padding:var(--sp-11) 0;border-bottom:1px solid var(--border)}
.bg-search-wrap{position:relative;max-width:640px;margin:0 auto var(--sp-9)}
.search-sticky.bg-search-sticky{
  display:block !important;background:transparent;border:0;padding:0;position:static;
}
.search-sticky.bg-search-sticky .search-wrap{position:relative;max-width:640px;margin:0 auto}
.search-sticky.bg-search-sticky .search-icon{
  position:absolute;left:20px;top:50%;transform:translateY(-50%);
  color:var(--text-dim);pointer-events:none;display:inline-flex;
}
.search-sticky.bg-search-sticky .search-icon svg{width:18px;height:18px}
.search-sticky.bg-search-sticky .search-input{
  width:100%;height:60px;background:var(--surface-1);
  border:1px solid var(--border-strong);border-radius:var(--r-md);
  padding:0 20px 0 52px;font-family:var(--font-ui);font-size:15px;color:var(--text);
  transition:border-color var(--dur-hover) var(--ease-cut),background var(--dur-hover) var(--ease-cut);
  outline:0;
}
.search-sticky.bg-search-sticky .search-input::placeholder{color:var(--text-dim)}
.search-sticky.bg-search-sticky .search-input:focus{border-color:var(--brand);background:var(--surface-2)}
.home-content.bg-tournaments-content{padding:0;display:block !important;max-width:var(--page-max);margin:0 auto}
.torneos-marquee.bg-tournaments-marquee{display:block !important;overflow:visible;padding:0;margin:0;-webkit-mask-image:none;mask-image:none}
.torneos-grid.bg-tournaments-grid{
  display:grid !important;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);width:auto !important;animation:none !important;padding:0 var(--gutter);
}
.bg-tcard{
  background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);
  transition:transform var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut);
  box-shadow:inset 0 0 0 1px rgba(244,233,211,.04);
  cursor:pointer;position:relative;
}
.bg-tcard:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.bg-tcard-head{display:flex;align-items:center;gap:14px}
.bg-tcard-logo{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;
  background:var(--surface-2);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:15px;color:var(--brand);letter-spacing:.06em;
}
.bg-tcard-title{font-family:var(--font-display);font-size:20px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);line-height:1.1;margin:0}
.bg-tcard-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);letter-spacing:.04em;line-height:1.4}
.bg-tcard-meta strong{color:var(--text-mute);font-weight:400}
.bg-tcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border)}
.bg-tbadge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;border-radius:var(--r-pill);line-height:1;
}
.bg-tbadge.live{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.28);color:#EF4444}
.bg-tbadge.live .live-dot{width:6px;height:6px;background:#EF4444;border-radius:50%;display:inline-block;animation:bg-live-pulse 1s ease-in-out infinite alternate}
.bg-tbadge.sched{background:transparent;border:1px solid rgba(185,172,143,.35);color:#B9AC8F}
.bg-tbadge.done{background:transparent;border:1px solid rgba(185,172,143,.20);color:#B9AC8F;opacity:.6}
.bg-tbadge.active{background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.28);color:#10B981}
.bg-tcard-min{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em}
.bg-search-more{display:flex;justify-content:center;margin-top:var(--sp-8)}
.bg-search-more a{font-family:var(--font-display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border-strong);padding-bottom:4px;transition:color var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut)}
.bg-search-more a:hover{color:var(--brand);border-color:var(--brand)}
@media (max-width:900px){.torneos-grid.bg-tournaments-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.torneos-grid.bg-tournaments-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bg-tbadge.live .live-dot{animation:none}}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · AJUSTES CARDS TORNEO]  (Paso 3)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Tournament card exposure adjustment ─── */
.bg-tcard{position:relative}
.bg-tcard-actions{position:absolute;top:12px;right:12px;display:flex;gap:12px;z-index:2}
.bg-tcard-actions .bg-icon-btn{width:26px;height:26px;background:transparent;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#B9AC8F;opacity:.6;cursor:pointer;transition:color var(--dur-hover) var(--ease-cut),opacity var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut);position:relative}
.bg-tcard-actions .bg-icon-btn svg{width:16px;height:16px}
.bg-tcard-actions .bg-icon-btn:hover{color:#E85D2F;opacity:1}
.bg-tcard-actions .bg-pin.active{color:#E85D2F;opacity:1;transform:rotate(45deg)}
.bg-tcard-actions .bg-bell.active{color:#E85D2F;opacity:1}
.bg-tcard-actions .bg-bell.active::after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#EF4444;border:1px solid var(--surface-1);animation:bg-live-pulse 1s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.bg-tcard-actions .bg-bell.active::after{animation:none}}
.bg-tcard-head{padding-right:70px}
.bg-tcard-title{color:rgba(244,233,211,.88)}
.bg-tcard-meta{color:rgba(244,233,211,.55)}
.bg-tcard-meta strong{color:rgba(244,233,211,.55);font-weight:400}
.bg-tcard-min{color:rgba(244,233,211,.45)}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · SEARCH DROPDOWN]  (Paso 3)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Search dropdown (autocomplete) ─── */
.bg-search-dropdown{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;
  background:#14110C;border:1px solid rgba(244,233,211,.12);border-radius:8px;
  overflow:hidden;display:none;box-shadow:var(--shadow-lift);
  max-height:360px;overflow-y:auto;
}
.bg-search-dropdown.open{display:block}
.bg-search-dropdown-item{
  display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;
  padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(244,233,211,.08);
  transition:background var(--dur-hover) var(--ease-cut);
}
.bg-search-dropdown-item:last-child{border-bottom:0}
.bg-search-dropdown-item:hover{background:rgba(244,233,211,.04)}
.bg-search-dropdown-item .logo{width:32px;height:32px;border-radius:6px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;color:var(--brand);letter-spacing:.04em}
.bg-search-dropdown-item .info .n{font-family:var(--font-display);font-size:15px;color:var(--text);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
.bg-search-dropdown-item .info .m{font-family:var(--font-mono);font-size:12px;color:rgba(244,233,211,.55);letter-spacing:.04em;margin-top:2px}

/* Hide legacy home-trust & bnav & fab & social (not in the redesign; IDs preserved) */
.home-trust,.fuvev-bnav,.social-follow-section,.fuvev-fab{display:none !important}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · FEATURES]  (Paso 4)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── FEATURES ─────────────────────────────────────────────────────────────── */
.home-section{position:relative}
.home-section-inner{max-width:var(--page-max);margin:0 auto;padding:var(--sp-11) var(--gutter)}
.home-section-head{margin-bottom:var(--sp-9);max-width:720px}
.home-eyebrow{
  font-family:var(--font-display);font-size:var(--fs-kicker);letter-spacing:var(--ls-kicker);
  text-transform:uppercase;color:var(--brand);display:inline-flex;align-items:baseline;gap:8px;line-height:1;
}
.home-eyebrow::before{content:"\2014";font-size:14px;line-height:1;color:currentColor}
.home-section-title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(36px,5vw,64px);line-height:var(--lh-tight);letter-spacing:var(--ls-display);
  text-transform:uppercase;color:var(--text);margin:14px 0 var(--sp-4);text-wrap:balance;
}
.home-section-sub{font-size:17px;color:var(--text-mute);max-width:560px;line-height:1.5;margin:0}

.home-features{
  display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4);
}
.home-feature{
  grid-column:span 3;
  background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:var(--sp-8) var(--sp-8) var(--sp-9);
  display:flex;flex-direction:column;gap:var(--sp-4);
  transition:transform var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut);
  position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(244,233,211,.04);
}
.home-feature:nth-child(3),.home-feature:nth-child(4),.home-feature:nth-child(5){grid-column:span 2}
.home-feature:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.home-feature-ico{
  width:44px;height:44px;border-radius:var(--r-md);
  background:var(--brand-soft);border:1px solid rgba(232,93,47,.24);
  color:var(--brand);display:inline-flex;align-items:center;justify-content:center;
}
.home-feature-ico svg{width:22px;height:22px}
.home-feature-title{
  font-family:var(--font-display);font-size:22px;letter-spacing:.02em;
  text-transform:uppercase;color:var(--text);line-height:1.1;
}
.home-feature-desc{font-size:14px;color:var(--text-mute);line-height:1.55;max-width:36ch}
.home-feature-num{
  position:absolute;top:16px;right:20px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-dim);
}
@media (max-width:900px){
  .home-features{grid-template-columns:repeat(2,1fr)}
  .home-feature,.home-feature:nth-child(n){grid-column:span 1}
}
@media (max-width:520px){.home-features{grid-template-columns:1fr}.home-feature,.home-feature:nth-child(n){grid-column:span 1}}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · CÓMO FUNCIONA]  (Paso 5)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── STEPS ────────────────────────────────────────────────────────────────── */
.home-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.home-step{
  padding:var(--sp-9) var(--sp-7);position:relative;
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;gap:var(--sp-3);
}
.home-step:last-child{border-right:0}
.home-step-num{
  font-family:var(--font-display);font-size:120px;line-height:.85;
  color:var(--brand);letter-spacing:-.03em;margin-bottom:var(--sp-4);
}
.home-step-num::before{content:"0"}
.home-step-title{
  font-family:var(--font-display);font-size:26px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--text);line-height:1.1;
}
.home-step-desc{font-size:15px;color:var(--text-mute);line-height:1.55;max-width:36ch}
.home-step-ico{display:none}
@media (max-width:800px){
  .home-steps{grid-template-columns:1fr}
  .home-step{border-right:0;border-bottom:1px solid var(--border)}
  .home-step:last-child{border-bottom:0}
  .home-step-num{font-size:80px}
}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · APP DOWNLOAD]  (Paso 5)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── APP DOWNLOAD ─────────────────────────────────────────────────────────── */
.app-download-section{
  background:linear-gradient(180deg,var(--smoke-black) 0%,#0F0C08 100%);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:var(--sp-11) 0;margin-top:0;
}
.home-app-wrap{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter);position:relative}
.home-app-glow{display:none}
.home-app-card{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-11);
  align-items:center;background:transparent;padding:0;
}
.home-app-ico{display:none}
.home-app-card h2{
  font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(40px,5vw,64px) !important;line-height:var(--lh-tight) !important;
  text-transform:uppercase;letter-spacing:var(--ls-display);
  color:var(--text) !important;margin:14px 0 var(--sp-4) !important;text-align:left !important;
}
.home-app-card p{
  font-size:17px !important;color:var(--text-mute) !important;
  line-height:1.55 !important;max-width:48ch;margin:0 0 var(--sp-7) !important;text-align:left !important;
}
#btn-app-download{
  display:inline-flex !important;align-items:center;gap:10px;
  height:52px !important;padding:0 26px 4px !important;
  background:var(--brand) !important;background-image:none !important;
  color:#fff !important;font-weight:600 !important;font-size:14px !important;
  border:0 !important;border-radius:var(--r-md) !important;
  box-shadow:none !important;position:relative;overflow:hidden;
  font-family:var(--font-ui) !important;
}
#btn-app-download:hover{background:var(--brand-hover) !important;transform:translateY(-2px);color:#fff !important;filter:none !important}
.home-app-card > div:last-child{color:var(--text-dim);font-family:var(--font-mono);font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase;margin-top:14px !important;text-align:left !important}
.bg-app-eyebrow{font-family:var(--font-display);font-size:var(--fs-kicker);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);display:inline-flex;align-items:baseline;gap:8px;line-height:1}
.bg-app-eyebrow::before{content:"\2014";font-size:14px;line-height:1;color:currentColor}

/* Phone mockup */
.bg-phone-wrap{display:flex;justify-content:center;position:relative}
.bg-phone{
  width:min(300px,90%);aspect-ratio:9/19;position:relative;
  background:var(--smoke-black);border:1px solid var(--border-strong);
  border-radius:36px;padding:8px;box-shadow:var(--shadow-lift);
}
.bg-phone::before{
  content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);
  width:80px;height:22px;background:#000;border-radius:12px;z-index:2;
}
.bg-phone-screen{
  width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;
  background:linear-gradient(180deg,#0F0C08 0%,var(--smoke-black) 100%);
  padding:44px 14px 14px;display:flex;flex-direction:column;gap:10px;
}
.bg-phone-topbar{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.08em;padding:0 6px}
.bg-phone-logo{
  width:56px;height:56px;margin:6px auto 4px;border-radius:12px;
  background:var(--surface-1);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);color:var(--brand);font-size:18px;letter-spacing:.14em;
}
.bg-phone-title{font-family:var(--font-display);font-size:11px;letter-spacing:.14em;color:var(--text-dim);text-align:center;text-transform:uppercase}
.bg-phone-live{
  border:1px solid var(--border);border-radius:8px;background:var(--surface-1);
  padding:10px 12px;display:flex;flex-direction:column;gap:8px;
}
.bg-phone-live-hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:9px;letter-spacing:.14em;color:var(--brand)}
.bg-phone-live-hd .live-dot{width:6px;height:6px;background:#EF4444;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle;animation:bg-live-pulse 1s ease-in-out infinite alternate}
.bg-phone-live-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.bg-phone-team{font-family:var(--font-display);font-size:11px;letter-spacing:.04em;color:var(--text);line-height:1;text-transform:uppercase}
.bg-phone-team.away{text-align:right}
.bg-phone-score{font-family:var(--font-mono);font-size:22px;color:var(--text);letter-spacing:-.02em;line-height:1}
.bg-phone-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.bg-phone-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px}
.bg-phone-row .t{font-family:var(--font-display);font-size:10px;color:var(--text);letter-spacing:.04em}
.bg-phone-row .n{font-family:var(--font-mono);font-size:11px;color:var(--brand)}
.bg-phone-tape{display:none}

@media (max-width:800px){
  .home-app-card{grid-template-columns:1fr;gap:var(--sp-9)}
  .bg-phone-wrap{order:2}
}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · TRUST STATS FINAL]  (Paso 5)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── TRUST STATS BAR (final) ──────────────────────────────────────────────── */
/* Trust stats — sin tira zebra superior */
.home-stats-bar,.home-stats-final{
  background:var(--surface-1) !important;
  border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;
  padding:var(--sp-11) 0 !important;position:relative;
}
.home-stats-title{
  display:block;text-align:center;
  font-family:var(--font-display) !important;font-size:var(--fs-kicker) !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  color:var(--brand) !important;margin:0 auto var(--sp-9) !important;line-height:1;
}
.home-stats-inner{
  display:flex;align-items:stretch;justify-content:center;
  max-width:var(--page-max) !important;margin:0 auto !important;padding:0 var(--gutter);
  gap:0;
}
.hstat{flex:1;text-align:center;padding:0 var(--sp-4) !important;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.hstat-n{
  display:block;font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(56px,7vw,96px) !important;line-height:.85 !important;letter-spacing:-.02em !important;
  color:var(--text) !important;text-shadow:none !important;font-feature-settings:"tnum" 1;
}
.hstat:first-child .hstat-n,.hstat:nth-child(3) .hstat-n{color:var(--brand) !important}
.hstat-l{
  display:block;font-family:var(--font-display) !important;font-size:11px !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  color:var(--text-dim) !important;margin-top:0 !important;line-height:1;
}
.hstat-divider{width:1px !important;height:80px !important;background:var(--border) !important;margin:0 !important;align-self:center;display:block}
@media (max-width:700px){
  .home-stats-inner{flex-wrap:wrap;gap:var(--sp-6)}
  .hstat{flex:0 0 calc(50% - var(--sp-4))}
  .hstat-n{font-size:44px !important}
  .hstat-divider{display:none !important}
}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · COMPARATIVA]  (Paso 7)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── COMPARATIVA ─────────────────────────────────────────────────────────── */
.home-compare{margin-top:var(--sp-8);overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg)}
.home-compare table{width:100%;border-collapse:collapse;font-family:var(--font-ui);min-width:640px}
.home-compare thead th{
  font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-dim);font-weight:400;text-align:center;padding:18px 16px;
  background:#0F0C08;border-bottom:1px solid var(--border);vertical-align:bottom;
}
.home-compare thead th:first-child{text-align:left}
.home-compare thead th.th-fuvev{color:var(--brand);position:relative;background:var(--surface-1)}
.home-compare thead th.th-fuvev::after{content:"";position:absolute;left:8px;right:8px;top:0;height:2px;background:var(--brand)}
.home-compare tbody td{
  padding:16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);
  text-align:center;font-family:var(--font-mono);
  transition:background var(--dur-hover) var(--ease-cut);
}
.home-compare tbody tr:last-child td{border-bottom:0}
.home-compare tbody td:first-child{text-align:left;color:var(--text);font-family:var(--font-ui);font-weight:500}
.home-compare tbody tr:hover td{background:rgba(232,93,47,.03)}
.home-compare tbody .fuvev{background:rgba(232,93,47,.04);position:relative}
.home-compare tbody tr:hover .fuvev{background:rgba(232,93,47,.08)}
.home-compare tbody .yes,.home-compare tbody .fuvev{color:var(--brand);font-size:0;line-height:0}
.home-compare tbody .yes::before,.home-compare tbody .fuvev::before{content:"●";font-size:14px;color:var(--brand);line-height:1;display:inline-block}
.home-compare tbody .no{color:var(--text-dim);font-size:14px;line-height:1}
.home-compare tbody .no:not(:empty){font-family:var(--font-ui);font-size:12px;letter-spacing:.02em}
.home-compare tbody td.no:empty::before,.home-compare tbody td.no:first-letter{}
/* Force override any legacy ✓ / — content: use the text as-is but re-style */
.home-compare tbody td.yes,.home-compare tbody td.fuvev{text-indent:-9999px}
.home-compare tbody td.yes::before,.home-compare tbody td.fuvev::before{text-indent:0;float:left;width:100%;text-align:center}
.home-compare tbody td.no{color:var(--text-dim)}



/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · FAQ]  (Paso 9)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── FAQ ─────────────────────────────────────────────────────────────────── */
#faq .home-section-inner{position:relative}
#faq .home-section-inner::after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--sp-9) + 160px);height:1px;background:var(--border)}
.home-faq{margin-top:var(--sp-8);border-top:1px solid var(--border)}
.home-faq-item{
  border-bottom:1px solid var(--border);position:relative;
}
.home-faq-item .faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  padding:var(--sp-6) 0;cursor:pointer;
  font-family:var(--font-ui);font-size:18px;font-weight:500;color:var(--text);
  line-height:1.3;user-select:none;list-style:none;
  transition:color var(--dur-hover) var(--ease-cut);
}
.home-faq-item .faq-q::-webkit-details-marker{display:none}
.home-faq-item .faq-q::after{
  content:"+";font-family:var(--font-ui);font-weight:500;font-size:20px;color:#E85D2F;
  line-height:1;flex-shrink:0;transition:color var(--dur-hover) var(--ease-cut);
  width:24px;text-align:center;background:transparent;
}
.home-faq-item .faq-q:hover::after{color:#F27340}
.home-faq-item[open] .faq-q::after{content:"\2212";color:#E85D2F}
.home-faq-item .faq-a{
  padding:0 0 var(--sp-7);font-size:15px;line-height:1.6;color:var(--text-mute);
  max-width:70ch;
}
.home-faq-item:hover .faq-q{color:var(--brand)}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · CTA FINAL]  (Paso 10)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── CTA FINAL ───────────────────────────────────────────────────────────── */
.home-cta-final{
  position:relative;padding:0;
  background:linear-gradient(135deg,#14110C 0%,#1E1A13 50%,#0A0906 100%);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  overflow:hidden;
}
.home-cta-final::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(45deg,transparent 0 20px,rgba(232,93,47,.02) 20px 40px),
    url('assets/placeholder-cta-final.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat;
  /* USER: cuando exista, reemplazar 'assets/placeholder-cta-final.jpg' con /cdn/tribuna.webp (2400x1350) */
}

#fuvev-hero .hero-content,
.home-cta-final .home-section-inner{position:relative;z-index:2}
.home-cta-final .home-section-inner{padding:var(--sp-12) var(--gutter);text-align:center;position:relative}
.home-cta-title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:var(--ls-display);
  text-transform:uppercase;color:var(--text);margin:0 0 var(--sp-5);text-wrap:balance;
}
.home-cta-sub{font-size:19px;color:var(--text-mute);max-width:520px;margin:0 auto var(--sp-8);line-height:1.5}
.home-cta-final .btn{
  display:inline-flex;align-items:center;gap:10px;
  position:relative;overflow:hidden;
  height:60px;padding:0 32px;background:#E85D2F !important;color:#fff !important;
  border:0 !important;border-radius:var(--r-md) !important;
  font-family:var(--font-ui) !important;font-weight:600 !important;font-size:16px !important;
  text-transform:none !important;letter-spacing:0 !important;
  box-shadow:none !important;
  transition:background var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut);
}
.home-cta-final .btn:hover{background:#F27340 !important;color:#fff !important;transform:translateY(-2px);filter:none !important}
.home-cta-final .btn svg{width:16px;height:16px}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · FOOTER]  (Paso 11)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── FOOTER ──────────────────────────────────────────────────────────────── */
.bg-footer{
  padding:var(--sp-9) var(--gutter) var(--sp-8);
  border-top:1px solid var(--border);background:var(--smoke-black);
}
.bg-footer-inner{max-width:var(--page-max);margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--sp-5)}
.bg-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px}
.bg-footer-brand img{width:26px;height:26px;object-fit:contain;border-radius:5px;background:var(--surface-1);padding:2px}
.bg-footer-brand span{font-family:var(--font-display);font-size:16px;letter-spacing:.14em;color:var(--text)}
.bg-footer-links{display:flex;justify-content:center;gap:0;flex-wrap:wrap;font-size:13px;color:var(--text-mute)}
.bg-footer-links a{padding:0 14px;position:relative}
.bg-footer-links a + a::before{content:"·";position:absolute;left:-2px;color:var(--text-dim)}
.bg-footer-links a:hover{color:var(--brand)}
.bg-footer-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em;line-height:1.7}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · AJUSTES LIGHT THEME]  (Paso 12)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── LIGHT THEME small adjustments ────────────────────────────────────────── */
.theme-light body{background:var(--bg)}
.theme-light body::before{opacity:.06;filter:invert(1)}
.theme-light .navbar{background:rgba(244,233,211,.86)}
.theme-light .hero-cta-main,
.theme-light #btn-app-download,
.theme-light .home-cta-final .btn,
.theme-light .bg-nav-cta{color:#fff !important}
.theme-light .home-tcard::before{color:var(--text);opacity:.06}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · REDUCED MOTION]  (Paso 12)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Reduced motion ─────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .bg-chyron-track{animation:none !important}
  .bg-sb-live .live-dot::after{animation:none !important;opacity:.4}
  *{transition-duration:.001ms !important}
}


/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · RESPONSIVE PEQUEÑAS PANTALLAS]  (Paso 12)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Extra small screens (down to 320) ─────────────────────────────────── */
@media (max-width:360px){
  .bg-wrap,.home-section-inner,.hero-content,.home-app-wrap{padding-left:14px;padding-right:14px}
  .navbar{padding:0 14px;gap:10px}
  .hero-title{font-size:44px !important}
  .home-section-title,.home-cta-title{font-size:32px}
  .home-app-card h2{font-size:32px !important}
  .home-feature,.home-use{padding:var(--sp-6)}
  .home-tcard{padding:var(--sp-6)}
  .home-cta-final .home-section-inner{padding:var(--sp-9) 14px}
  #fuvev-hero{padding:var(--sp-9) 0 var(--sp-11)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   [LANDING · HERO SCOREBOARD LOADING STATE]  (Fase 1 del Paso 2 v2)
   Estados "cargando" mientras el JS de Fase 2 no está aún o no hay datos.
   Añadir AL FINAL de fuvev-landing.v1.css.
   ═══════════════════════════════════════════════════════════════════════════ */

.bg-scoreboard-slot{min-height:180px;display:flex;align-items:center;justify-content:center;padding:20px}
.bg-sb-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;color:var(--text-dim)}
.bg-sb-loading-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--text-dim);opacity:.4;
  animation:bg-sb-loading-pulse 1.4s ease-in-out infinite;
}
.bg-sb-loading-txt{
  font-family:var(--font-display);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim);
}
@keyframes bg-sb-loading-pulse{
  0%,100%{opacity:.3;transform:scale(1)}
  50%{opacity:.9;transform:scale(1.3)}
}
@media (prefers-reduced-motion:reduce){
  .bg-sb-loading-dot{animation:none;opacity:.6}
}
/* Placeholder vacío para chyron y mini-scoreboards cuando aún no hay datos */
.bg-chyron-track:empty::before,
.bg-mini-scoreboards-track:empty::before{
  content:"—";display:inline-block;padding:14px 20px;
  font-family:var(--font-display);font-size:11px;letter-spacing:.14em;
  color:var(--text-dim);text-transform:uppercase;
}



/* ══════════════════════════════════════════════════════════════════════════
 * PERFORMANCE NOTE
 * Este landing rediseñado NO cambia el volumen de peticiones a Supabase
 * respecto al original. Todos los datos dinámicos (contadores, torneos
 * activos, scoreboard, chyron) siguen usando los IDs y estructura original
 * del index.html. El JavaScript existente los rellena igual.
 *
 * Optimizaciones sugeridas para producción (NO parte del rediseño):
 * - Cachear la lista de torneos activos en Cloudflare Workers con
 *   stale-while-revalidate 60s
 * - Usar edge caching para los flyers estáticos
 * - Los carruseles (mini-scoreboards, app screenshots) son autoritariamente
 *   estáticos en el frontend; solo se refrescan con reload de página.
 * ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════
   HUMANIZATION LAYER — placeholders de imagen que el usuario debe reemplazar
   con fotos reales de su Cloudflare CDN.
   ────────────────────────────────────────────────────────────────────────
   Efectos aplicados:
   1) body::after — grain fotográfico SVG (fractalNoise) mix-blend overlay
      opacity .04. Simula textura de papel envejecido sobre todo el layout.
   2) #fuvev-hero — background stack:
        - radial-gradient de brand-soft (calor a la izquierda)
        - linear-gradient smoke-black 88%→94% (overlay oscuro)
        - url('assets/placeholder-hero.jpg') (foto de cancha)
      REEMPLAZAR: assets/placeholder-hero.jpg → foto real de cancha,
      2400×1350, WebP, subida al CDN de Cloudflare.
   3) .home-cta-final — background stack:
        - linear-gradient smoke-black 90%→95% (overlay oscuro)
        - url('assets/placeholder-cta-final.jpg') (foto de tribuna llena)
      REEMPLAZAR: assets/placeholder-cta-final.jpg → foto real de tribuna,
      2400×1350, WebP, subida al CDN de Cloudflare.
   4) .home-feature, .bg-tcard — box-shadow inset 1px cream/4% que simula
      hairline con textura viva, evitando el look "vector-perfecto slop".
   ══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — HERO OVERRIDE + BROADCAST RENDER v1
   Objetivo:
   (A) Que el hero se vea como el diseño (gana sobre fuvev-theme.v5.css)
   (B) Estilar las tarjetas que renderiza fuvev-hero-broadcast.v1.js
       (scoreboard destacado, mini-scoreboards con torneos, chyron con logos)
   Añadir AL FINAL de fuvev-web/assets/fuvev-landing.v1.css
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════ (A) HERO OVERRIDE ═══════════════ */

/* ─── HERO BASE: fondo + layout + limpieza ──────────────────────────────── */

#page-home #fuvev-hero{
  padding: var(--sp-11) 0 var(--sp-12) !important;
  min-height: 92vh !important;
  text-align: left !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(244,233,211,.10) !important;
  background:
    linear-gradient(180deg,rgba(10,9,6,.75) 0%,rgba(10,9,6,.88) 60%,rgba(10,9,6,.98) 100%),
    linear-gradient(135deg,#14110C 0%,#1E1A13 50%,#0A0906 100%) !important;
  background-size: cover !important;
  background-position: center center !important;
}
#page-home #fuvev-hero::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image:
    radial-gradient(ellipse 60% 40% at 20% 0%, rgba(232,93,47,.10), transparent 60%),
    repeating-linear-gradient(45deg, transparent 0 20px, rgba(232,93,47,.02) 20px 40px) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
#page-home #fuvev-hero::after{ display: none !important; content: none !important; }
#page-home #fuvev-hero .hero-bg-decoration{ display: none !important; }
#page-home #fuvev-hero .hero-logo-img{ display: none !important; }

#page-home #fuvev-hero .hero-content{
  position: relative !important;
  z-index: 1 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  text-align: left !important;
}

/* ─── GRID 2 columnas ──────────────────────────────────────────────────── */
#page-home #fuvev-hero .bg-hero-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 48px !important;
  align-items: start !important;
}
@media (min-width: 960px){
  #page-home #fuvev-hero .bg-hero-grid{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
  }
}
#page-home #fuvev-hero .bg-hero-left,
#page-home #fuvev-hero .bg-hero-right{
  min-width: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}

/* ─── KICKER ───────────────────────────────────────────────────────────── */
#page-home #fuvev-hero .hero-badge{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  color: #E85D2F !important;
  font-family: 'Anton','Bebas Neue','Oswald',sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
#page-home #fuvev-hero .hero-badge::before{
  content: "\2014" !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: currentColor !important;
  display: inline-block !important;
}
#page-home #fuvev-hero .hero-badge svg,
#page-home #fuvev-hero .hero-badge i{ display: none !important; }

/* ─── TÍTULO ───────────────────────────────────────────────────────────── */
#page-home #fuvev-hero .hero-title{
  font-family: 'Anton','Bebas Neue','Oswald',sans-serif !important;
  font-size: clamp(56px, 9vw, 120px) !important;
  font-weight: 400 !important;
  line-height: .92 !important;
  letter-spacing: -.01em !important;
  text-transform: uppercase !important;
  color: #F4E9D3 !important;
  margin: 0 0 24px 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-text-fill-color: #F4E9D3 !important;
  text-wrap: balance !important;
}
#page-home #fuvev-hero .hero-title .bg-orange{ color: #E85D2F !important; }

/* ─── SUBTÍTULO ────────────────────────────────────────────────────────── */
#page-home #fuvev-hero .hero-sub{
  font-family: 'Geist','GeistVF',ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: rgba(244,233,211,.72) !important;
  max-width: 520px !important;
  margin: 0 0 32px 0 !important;
  text-align: left !important;
  font-weight: 400 !important;
}
#page-home #fuvev-hero .hero-sub .hl,
#page-home #fuvev-hero .hero-sub .bg-hl{
  background: linear-gradient(180deg, transparent 60%, rgba(232,93,47,.24) 60%) !important;
  padding: 0 3px !important;
  color: #F4E9D3 !important;
  font-weight: 500 !important;
}

/* ─── CTAs ─────────────────────────────────────────────────────────────── */
#page-home #fuvev-hero .hero-cta{
  display: flex !important;
  gap: 16px !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  margin: 0 0 48px 0 !important;
}
#page-home #fuvev-hero .hero-cta-main{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 56px !important;
  padding: 0 28px !important;
  background: #E85D2F !important;
  background-image: none !important;
  color: #fff !important;
  font-family: 'Geist','GeistVF',ui-sans-serif,-apple-system,sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #fff !important;
}
#page-home #fuvev-hero .hero-cta-main:hover{
  background: #F27340 !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
  filter: none !important;
  box-shadow: none !important;
}
#page-home #fuvev-hero .hero-cta-main svg{
  color: #fff !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}
#page-home #fuvev-hero .hero-cta .btn-outline{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 56px !important;
  padding: 0 26px !important;
  background: transparent !important;
  background-image: none !important;
  color: #F4E9D3 !important;
  border: 1px solid rgba(244,233,211,.18) !important;
  border-radius: 6px !important;
  font-family: 'Geist','GeistVF',ui-sans-serif,-apple-system,sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#page-home #fuvev-hero .hero-cta .btn-outline:hover{
  border-color: #F4E9D3 !important;
  color: #F4E9D3 !important;
  transform: translateY(-2px) !important;
  background: transparent !important;
  box-shadow: none !important;
}
#page-home #fuvev-hero .hero-cta .btn-outline svg{
  color: #F4E9D3 !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}

/* ─── STATS ────────────────────────────────────────────────────────────── */
#page-home #fuvev-hero .hero-stats-inline{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(244,233,211,.10) !important;
  margin: 0 !important;
  max-width: none !important;
}
#page-home #fuvev-hero .hero-stats-inline .hsi-item{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 24px !important;
  text-align: left !important;
  flex: 0 0 auto !important;
}
#page-home #fuvev-hero .hero-stats-inline .hsi-item:first-child{ padding-left: 0 !important; }
#page-home #fuvev-hero .hero-stats-inline .hsi-num{
  font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace !important;
  font-feature-settings: "tnum" 1, "zero" 1 !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #F4E9D3 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #F4E9D3 !important;
  background: none !important;
}
#page-home #fuvev-hero .hero-stats-inline .hsi-lbl{
  font-family: 'Anton','Bebas Neue','Oswald',sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(244,233,211,.48) !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}
#page-home #fuvev-hero .hero-stats-inline .hsi-sep{
  width: 1px !important;
  height: 38px !important;
  background: rgba(244,233,211,.10) !important;
  align-self: center !important;
  display: block !important;
}
@media (max-width: 600px){
  #page-home #fuvev-hero .hero-stats-inline .hsi-item{ padding: 0 16px !important; }
  #page-home #fuvev-hero .hero-stats-inline .hsi-num{ font-size: 20px !important; }
  #page-home #fuvev-hero .hero-stats-inline .hsi-sep{ height: 30px !important; }
}

/* ─── HOME-TRUST ───────────────────────────────────────────────────────── */
#page-home #fuvev-hero .home-trust{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  color: rgba(244,233,211,.72) !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: .04em !important;
}
#page-home #fuvev-hero .home-trust.hidden{ display: none !important; }
#page-home #fuvev-hero .home-trust b{ color: #F4E9D3 !important; font-weight: 600 !important; }
#page-home #fuvev-hero .home-trust .dot-live{
  width: 8px !important; height: 8px !important; border-radius: 50% !important;
  background: #10B981 !important; display: inline-block !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.18) !important;
}


/* ═══════════════ (B) SCOREBOARD DESTACADO (torneo featured) ═══════════════ */

#page-home #fuvev-hero .bg-scoreboard{
  background: #14110C !important;
  border: 1px solid rgba(244,233,211,.18) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.55) !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: 260px !important;
}
#page-home #fuvev-hero .bg-scoreboard::before{
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; top: 0;
  height: 2px !important;
  background: #E85D2F !important;
  z-index: 2 !important;
}

/* Placeholder cargando */
#page-home #fuvev-hero .bg-sb-loading-txt{ color: rgba(244,233,211,.48) !important; }

/* Estado vacío (sin torneos) */
.bg-sb-empty{
  padding: 40px 20px;
  text-align: center;
  color: rgba(244,233,211,.48);
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ── Card del torneo destacado ── */
.bg-sb-featured{
  display: block;
  padding: 20px 20px 16px;
  cursor: pointer;
  transition: background .18s cubic-bezier(.2,.8,.2,1);
  min-height: 260px;
  position: relative;
  animation: bg-sb-fade-in .32s cubic-bezier(.2,.8,.2,1);
}
.bg-sb-featured:hover{ background: rgba(232,93,47,.04); }
@keyframes bg-sb-fade-in{
  from{ opacity: 0; transform: translateY(6px); }
  to{ opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){
  .bg-sb-featured{ animation: none; }
}
.bg-sb-featured-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.bg-sb-featured-kicker{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  letter-spacing: .16em;
  color: #E85D2F;
  text-transform: uppercase;
  line-height: 1;
}
.bg-sb-featured-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 9999px;
  line-height: 1;
}
.bg-sb-featured-badge.live{ background: rgba(239,68,68,.10); color: #EF4444; border: 1px solid rgba(239,68,68,.28); }
.bg-sb-featured-badge.sched{ background: rgba(255,212,0,.10); color: #FFD400; border: 1px solid rgba(255,212,0,.28); }
.bg-sb-featured-badge.done{ background: rgba(244,233,211,.06); color: rgba(244,233,211,.72); border: 1px solid rgba(244,233,211,.14); }
.bg-sb-featured-badge.active{ background: rgba(16,185,129,.10); color: #10B981; border: 1px solid rgba(16,185,129,.28); }
.bg-sb-featured-badge .live-dot{
  width: 6px; height: 6px; border-radius: 50%;
  background: currentColor;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}
@keyframes bg-live-pulse{ 0%,100%{ opacity: .5; } 50%{ opacity: 1; } }
@media (prefers-reduced-motion: reduce){ .bg-sb-featured-badge .live-dot{ animation: none; } }

.bg-sb-featured-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 12px 0 20px;
}
.bg-sb-hero-logo{
  width: 72px; height: 72px;
  border-radius: 12px;
  object-fit: cover;
  background: #1E1A13;
  border: 1px solid rgba(244,233,211,.14);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-sb-hero-logo-fallback{
  font-family: 'Anton','Bebas Neue',sans-serif;
  color: #F4E9D3;
  font-size: 20px;
  letter-spacing: .06em;
}
.bg-sb-featured-name{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #F4E9D3;
  line-height: 1.1;
  margin: 0;
  text-align: center;
  text-wrap: balance;
}
.bg-sb-featured-city{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .1em;
  color: rgba(244,233,211,.48);
  text-transform: uppercase;
}
.bg-sb-featured-foot{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0 0;
  border-top: 1px solid rgba(244,233,211,.10);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .1em;
  color: rgba(244,233,211,.48);
  text-transform: uppercase;
}
.bg-sb-featured-arrow{ color: #E85D2F; font-size: 14px; }


/* ═══════════════ (C) MINI-SCOREBOARDS (carrusel de torneos) ═══════════════ */

#page-home #fuvev-hero .bg-mini-scoreboards{
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(244,233,211,.10);
  border-radius: 8px;
  background: #14110C;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
#page-home #fuvev-hero .bg-mini-scoreboards-track{
  display: flex;
  gap: 10px;
  padding: 10px;
  width: max-content;
  animation: bg-mini-scroll 32s linear infinite;
  will-change: transform;
}
#page-home #fuvev-hero .bg-mini-scoreboards:hover .bg-mini-scoreboards-track{
  animation-play-state: paused;
}
#page-home #fuvev-hero .bg-mini-scoreboards-track:empty{ animation: none; padding: 0; }
@keyframes bg-mini-scroll{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  #page-home #fuvev-hero .bg-mini-scoreboards-track{ animation: none; }
}
.bg-mini-sb{
  flex: 0 0 auto;
  min-width: 200px;
  max-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  background: #1E1A13;
  border: 1px solid rgba(244,233,211,.10);
  border-radius: 6px;
  cursor: pointer;
  transition: border-color .18s, transform .18s;
}
.bg-mini-sb:hover{ border-color: rgba(232,93,47,.4); transform: translateY(-1px); }
.bg-mini-sb-kicker{
  display: flex; justify-content: space-between; align-items: center;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9px; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(244,233,211,.48);
}
.bg-mini-sb-min{ color: rgba(244,233,211,.72); }
.bg-mini-sb-teams{
  display: flex; align-items: center; gap: 8px;
}
.bg-mini-logo{
  width: 26px; height: 26px; border-radius: 5px;
  object-fit: cover; background: #2A241A;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bg-mini-logo-fallback{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px; color: #F4E9D3; letter-spacing: .04em;
}
.bg-mini-sb-name{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 13px;
  color: #F4E9D3;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bg-mini-sb-status{
  display: inline-flex; align-items: center; gap: 4px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 9px; letter-spacing: .12em; text-transform: uppercase;
  padding: 3px 7px; border-radius: 9999px; line-height: 1;
  align-self: flex-start;
}
.bg-mini-sb-status.live{  background: rgba(239,68,68,.10);  color: #EF4444; }
.bg-mini-sb-status.sched{ background: rgba(255,212,0,.10);  color: #FFD400; }
.bg-mini-sb-status.done{  background: rgba(244,233,211,.06); color: rgba(244,233,211,.72); }
.bg-mini-sb-status.active{background: rgba(16,185,129,.10); color: #10B981; }
.bg-mini-sb-status .live-dot{
  width: 5px; height: 5px; border-radius: 50%; background: currentColor;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}


/* ═══════════════ (D) CHYRON (cintillo inferior con logos) ═══════════════ */

#page-home #fuvev-hero .bg-chyron{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 10px 16px;
  border-top: 1px solid rgba(244,233,211,.10);
  border-bottom: 1px solid rgba(244,233,211,.10);
  background: rgba(20,17,12,.5);
  overflow: hidden;
  max-width: 1200px;
  margin-left: auto; margin-right: auto;
  position: relative;
  z-index: 2;
}
#page-home #fuvev-hero .bg-chyron-badge{
  display: inline-flex; align-items: center; gap: 6px;
  flex-shrink: 0;
  padding: 4px 10px;
  background: rgba(232,93,47,.10);
  color: #E85D2F;
  border: 1px solid rgba(232,93,47,.28);
  border-radius: 9999px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  line-height: 1;
}
#page-home #fuvev-hero .bg-chyron-badge .live-dot{
  width: 6px; height: 6px; border-radius: 50%; background: #E85D2F;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}
#page-home #fuvev-hero .bg-chyron-track{
  display: flex; align-items: center; gap: 40px;
  width: max-content;
  animation: bg-chyron-scroll 42s linear infinite;
  will-change: transform;
}
#page-home #fuvev-hero .bg-chyron:hover .bg-chyron-track{
  animation-play-state: paused;
}
#page-home #fuvev-hero .bg-chyron-track:empty{ animation: none; }
@keyframes bg-chyron-scroll{
  from{ transform: translateX(0); }
  to  { transform: translateX(calc(-100% / 3)); }
}
@media (prefers-reduced-motion: reduce){
  #page-home #fuvev-hero .bg-chyron-track{ animation: none; }
}
.bg-chyron-item{
  display: inline-flex; align-items: center; gap: 10px;
  flex-shrink: 0;
  font-family: 'Geist','GeistVF',ui-sans-serif,sans-serif;
  font-size: 13px;
  color: rgba(244,233,211,.72);
  cursor: pointer;
  transition: color .15s;
}
.bg-chyron-item:hover{ color: #F4E9D3; }
.bg-chyron-item strong{
  color: #F4E9D3;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}
.bg-chyron-item em{
  font-style: normal;
  color: rgba(244,233,211,.48);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.bg-chyron-logo{
  width: 22px; height: 22px; border-radius: 4px;
  object-fit: cover; background: #1E1A13;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bg-chyron-logo-fallback{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 9px; color: #F4E9D3; letter-spacing: .04em;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — PATCH v2 (arreglos post-feedback usuario)
   Añadir AL FINAL de fuvev-web/assets/fuvev-landing.v1.css
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════ (1) FOTO DE FONDO — se activa cuando la subas ═══════════════

   Cuando subas la foto a fuvev-web/assets/hero-main.webp (o cambies el nombre),
   se va a mostrar automáticamente detrás del hero con un overlay oscuro para
   que el texto siga siendo legible. Si NO la subes, se ve el fondo degradado
   fallback (los 2 gradientes) — no se rompe nada.

   RECOMENDACIONES para la foto:
   - Formato: WebP (mucho más liviano) o JPG de alta calidad
   - Resolución: 2400×1350 (16:9 horizontal). Mínimo 1920×1080.
   - Peso: idealmente <300 KB para performance móvil
   - Contenido: cancha real, estadio, partido en acción. Preferentemente
     con el foco de interés a la DERECHA (donde va el scoreboard, no
     tapa nada importante)
   - Colores: tonos oscuros o desaturados funcionan mejor con el overlay.
   ═══════════════════════════════════════════════════════════════════════════ */



/* ═══════════════ (2) OCULTAR MENÚ MÓVIL VIEJO DEL PROYECTO ═══════════════
   fuvev-menu.v5.js inyecta #fv-menu-btn y #fv-menu-panel. Los ocultamos
   porque tenemos nuestro propio menú móvil unificado (con nav + redes).
   ═══════════════════════════════════════════════════════════════════════════ */

#fv-menu-btn,
#fv-menu-panel{
  display: none !important;
}


/* ═══════════════ (3) NAVBAR — ICONOS REDES VISIBLES ═══════════════ */

.navbar .bg-nav-social a{
  width: 32px !important;
  height: 32px !important;
  color: #C9BC9B !important;   /* cream medium — más visible que #B9AC8F */
}
.navbar .bg-nav-social a svg{
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
  overflow: visible !important;
}
/* Restaurar 'fill=currentColor' donde el SVG original lo pide */
.navbar .bg-nav-social a svg circle[fill="currentColor"],
.navbar .bg-nav-social a svg polygon[fill="currentColor"]{
  fill: currentColor !important;
}
.navbar .bg-nav-social a:hover,
.navbar .bg-nav-social a:hover svg{
  color: #E85D2F !important;
  stroke: #E85D2F !important;
}

/* Hamburguesa móvil también visible */
.navbar .bg-nav-social-mobile{
  color: #C9BC9B !important;
}
.navbar .bg-nav-social-mobile svg{
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
}


/* ═══════════════ (4) MENÚ MÓVIL UNIFICADO ═══════════════
   Ahora contiene navegación + redes. Look editorial con secciones.
   ═══════════════════════════════════════════════════════════════════════════ */

.bg-nav-social-menu{
  min-width: 240px !important;
  padding: 12px !important;
  background: #14110C !important;
  border: 1px solid rgba(244,233,211,.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.65) !important;
}
.bg-nav-social-menu-section{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(244,233,211,.48);
  padding: 6px 12px 4px;
  line-height: 1;
}
.bg-nav-social-menu-sep{
  height: 1px;
  background: rgba(244,233,211,.10);
  margin: 8px 4px;
}
.bg-nav-social-menu a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  font-family: 'Geist','GeistVF',ui-sans-serif,-apple-system,sans-serif !important;
  font-size: 13px !important;
  color: rgba(244,233,211,.72) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background .15s, color .15s !important;
}
.bg-nav-social-menu a:hover{
  background: rgba(232,93,47,.08) !important;
  color: #F4E9D3 !important;
}
.bg-nav-social-menu a svg{
  width: 16px !important;
  height: 16px !important;
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  flex-shrink: 0 !important;
}
.bg-nav-social-menu a svg circle[fill="currentColor"],
.bg-nav-social-menu a svg polygon[fill="currentColor"]{
  fill: currentColor !important;
}


/* ═══════════════ (5) CHYRON — fondo sólido, sin overlap ═══════════════ */

#page-home #fuvev-hero .bg-chyron{
  background: #0A0906 !important;   /* smoke-black sólido (no translúcido) */
  padding: 12px 0 !important;
  margin-top: 32px !important;
  max-width: none !important;       /* ocupa full width del hero */
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-top: 1px solid rgba(244,233,211,.18) !important;
  border-bottom: 1px solid rgba(244,233,211,.18) !important;
  gap: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 3 !important;
}
#page-home #fuvev-hero .bg-chyron-badge{
  margin-left: 20px !important;
  margin-right: 20px !important;
  flex-shrink: 0 !important;
  background: #E85D2F !important;   /* fondo naranja sólido, no rgba */
  color: #fff !important;
  border: 0 !important;
  padding: 6px 12px !important;
  font-family: 'Anton','Bebas Neue',sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  z-index: 4 !important;
  position: relative !important;
  box-shadow: 8px 0 24px 8px rgba(10,9,6,.9) !important;  /* difumina el chyron detrás */
}
#page-home #fuvev-hero .bg-chyron-badge .live-dot{
  background: #fff !important;
}


/* ═══════════════ (6) MINI-SCOREBOARDS — más ricos visualmente ═══════════════ */

#page-home #fuvev-hero .bg-mini-scoreboards{
  margin-top: 16px !important;
  background: linear-gradient(180deg, #14110C 0%, #0F0C08 100%) !important;
  border: 1px solid rgba(244,233,211,.14) !important;
  border-radius: 10px !important;
}
.bg-mini-sb{
  min-width: 240px !important;
  max-width: 280px !important;
  padding: 14px !important;
  background: linear-gradient(180deg, #1E1A13 0%, #14110C 100%) !important;
  border: 1px solid rgba(244,233,211,.14) !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}
.bg-mini-sb::before{
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, #E85D2F, transparent);
  opacity: .5;
}
.bg-mini-sb-kicker{
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(244,233,211,.08);
  margin-bottom: 10px;
}
.bg-mini-sb-teams{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.bg-mini-logo{
  width: 36px !important;
  height: 36px !important;
  border-radius: 6px !important;
}
.bg-mini-sb-name{
  font-size: 14px !important;
  font-family: 'Anton','Bebas Neue',sans-serif !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  color: #F4E9D3 !important;
  line-height: 1.15 !important;
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.bg-mini-sb-status{
  align-self: flex-start !important;
  padding: 4px 10px !important;
}


/* ═══════════════ (7) SCOREBOARD DESTACADO — más rico ═══════════════ */

.bg-sb-featured{
  min-height: 280px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
}
.bg-sb-featured-body{
  flex: 1 !important;
  gap: 16px !important;
  padding: 24px 0 !important;
}
.bg-sb-hero-logo{
  width: 84px !important;
  height: 84px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.45), 0 0 0 1px rgba(244,233,211,.14) !important;
}
.bg-sb-featured-name{
  font-size: 26px !important;
}
.bg-sb-featured-city{
  padding: 4px 10px !important;
  background: rgba(232,93,47,.10) !important;
  color: #E85D2F !important;
  border: 1px solid rgba(232,93,47,.28) !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}


/* ═══════════════ (8) OCULTAR MARCA DE AGUA / DECORATIVOS SOBRANTES ═══════════════ */

/* En algunos casos el theme viejo intenta pintar decoraciones que se ven raro */
#page-home #fuvev-hero .hero-bg-decoration{ display: none !important; }


/* ═══════════════ (9) TARJETA DE PARTIDO (mini-scoreboard con partidos) ═══════════════ */

.bg-mini-partido{
  min-width: 260px !important;
  max-width: 300px !important;
}
.bg-mini-partido .bg-partido-teams{
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  padding: 8px 0 !important;
}
.bg-mini-partido .bg-partido-team{
  font-family: 'Anton','Bebas Neue',sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #F4E9D3 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.bg-mini-partido .bg-partido-team.away{
  text-align: right !important;
  color: rgba(244,233,211,.72) !important;
}
.bg-mini-partido .bg-partido-score{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  background: rgba(232,93,47,.10) !important;
  border: 1px solid rgba(232,93,47,.28) !important;
  border-radius: 6px !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  color: #F4E9D3 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  min-width: 62px !important;
  justify-content: center !important;
}
.bg-mini-partido .bg-partido-score b{
  font-weight: 700 !important;
  color: #F4E9D3 !important;
}
.bg-mini-partido .bg-partido-dash{
  color: rgba(244,233,211,.48) !important;
  font-weight: 400 !important;
}
.bg-mini-partido .bg-partido-vs{
  font-family: 'Anton','Bebas Neue',sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(244,233,211,.48) !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(244,233,211,.14) !important;
  border-radius: 4px !important;
}

/* ═══════════════ HERO — FOTO DE FONDO desde R2 ═══════════════
   Foto servida desde tu CDN Cloudflare (bucket fuvev-images/backgrounds).
   Cambia la URL si un día subes otra o cambias de nombre.
   ═══════════════════════════════════════════════════════════════════════════ */

#page-home #fuvev-hero{
  background:
    linear-gradient(180deg, rgba(10,9,6,.65) 0%, rgba(10,9,6,.82) 55%, rgba(10,9,6,.96) 100%),
    url('https://fuvev-cdn.torneoevgstream.workers.dev/backgrounds/home-bg-trofeo-h34.webp') center/cover no-repeat,
    linear-gradient(135deg, #14110C 0%, #1E1A13 50%, #0A0906 100%) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — PATCH v3 (rediseño scoreboard broadcast + fix menú)
   Pegar AL FINAL de fuvev-web/assets/fuvev-landing.v1.css
   Reemplaza los overrides parciales de patch-v2 en las secciones afectadas.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════ (1) FOTO DE FONDO — overlay MUCHO más suave ═══════════════ */

#page-home #fuvev-hero{
  background:
    linear-gradient(180deg, rgba(10,9,6,.35) 0%, rgba(10,9,6,.55) 55%, rgba(10,9,6,.85) 100%),
    url('https://fuvev-cdn.torneoevgstream.workers.dev/backgrounds/home-bg-trofeo-h34.webp') center/cover no-repeat,
    linear-gradient(135deg, #14110C 0%, #1E1A13 50%, #0A0906 100%) !important;
}


/* ═══════════════ (2) MENÚ MÓVIL — estado abierto ═══════════════ */

/* Menú oculto por defecto */
.bg-nav-social-menu{
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 300 !important;
}
/* Cuando el JS le añade .open, se muestra */
.bg-nav-social-menu.open{
  display: flex !important;
  flex-direction: column !important;
}

/* En desktop, el hamburguesa no se muestra (los iconos están inline en el navbar) */
@media (min-width: 900px){
  .navbar .bg-nav-social-mobile{ display: none !important; }
}
/* En móvil, los iconos individuales se ocultan (aparecen dentro del menú) */
@media (max-width: 899px){
  .navbar .bg-nav-social{ display: none !important; }
  .navbar .bg-nav-links{ display: none !important; }
  .navbar .bg-nav-social-mobile{ display: inline-flex !important; }
}


/* ═══════════════ (3) SCOREBOARD BROADCAST — estilo cuando hay partido ═══════════════ */

.bg-sb-broadcast{
  display: flex;
  flex-direction: column;
  padding: 0;
  cursor: pointer;
  min-height: 260px;
  animation: bg-sb-fade-in .32s cubic-bezier(.2,.8,.2,1);
}

/* ── HEAD: torneo (logo + nombre + sub) + badge estado ── */
.bg-sb-broadcast-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(244,233,211,.10);
  background: rgba(20,17,12,.6);
}
.bg-sb-broadcast-torneo{
  display: flex; align-items: center; gap: 10px; min-width: 0;
}
.bg-sb-torneo-mini{
  width: 34px; height: 34px; border-radius: 7px;
  object-fit: cover;
  background: #1E1A13;
  border: 1px solid rgba(244,233,211,.14);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bg-sb-torneo-mini-fallback{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 12px; color: #F4E9D3; letter-spacing: .04em;
}
.bg-sb-broadcast-torneo-meta{ min-width: 0; }
.bg-sb-broadcast-torneo-name{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #E85D2F;
  line-height: 1.15;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bg-sb-broadcast-torneo-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .1em;
  color: rgba(244,233,211,.6);
  text-transform: uppercase;
  line-height: 1.3;
  margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bg-sb-broadcast-badge{
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 11px; letter-spacing: .14em;
  padding: 5px 10px; border-radius: 4px;
  text-transform: uppercase; line-height: 1;
  flex-shrink: 0;
}
.bg-sb-broadcast-badge.live{
  background: rgba(239,68,68,.14); color: #EF4444;
  border: 1px solid rgba(239,68,68,.32);
}
.bg-sb-broadcast-badge.sched{
  background: rgba(255,212,0,.14); color: #FFD400;
  border: 1px solid rgba(255,212,0,.32);
}
.bg-sb-broadcast-badge.done{
  background: rgba(244,233,211,.06); color: rgba(244,233,211,.72);
  border: 1px solid rgba(244,233,211,.14);
}
.bg-sb-broadcast-badge .live-dot{
  width: 6px; height: 6px; border-radius: 50%; background: currentColor;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}

/* ── BODY: filas apiladas (equipo + marcador) ── */
.bg-sb-broadcast-body{
  flex: 1;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bg-sb-team-row{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(244,233,211,.06);
}
.bg-sb-team-row:last-child{ border-bottom: 0; }
.bg-sb-team-name{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 22px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #F4E9D3;
  line-height: 1.1;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bg-sb-team-score{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 32px;
  font-weight: 600;
  color: #F4E9D3;
  line-height: 1;
  text-align: right;
  min-width: 30px;
}
.bg-sb-broadcast.live .bg-sb-team-score{ color: #EF4444; }

/* ── FOOT: info del estado (minuto/fecha/final) + arrow ── */
.bg-sb-broadcast-foot{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  border-top: 1px solid rgba(244,233,211,.10);
  background: rgba(10,9,6,.4);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .1em;
  color: rgba(244,233,211,.5);
  text-transform: uppercase;
}
.bg-sb-broadcast-arrow{ color: #E85D2F; }


.bg-mini-partido{
  min-width: 200px !important;
  max-width: 240px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #1E1A13 0%, #14110C 100%) !important;
  border: 1px solid rgba(244,233,211,.14) !important;
  border-radius: 8px !important;
  position: relative !important;
  cursor: pointer !important;
}
.bg-mini-partido::before{
  content: "";
  position: absolute; left: 0; right: 0; top: 0;
  height: 2px;
  background: rgba(244,233,211,.14);
}
.bg-mini-partido.live::before{  background: #EF4444; }
.bg-mini-partido.sched::before{ background: #FFD400; }
.bg-mini-partido.done::before{  background: rgba(244,233,211,.28); }

/* Head: torneo + fase */
.bg-mini-p-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(244,233,211,.08);
  gap: 6px;
}
.bg-mini-p-torneo{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 9.5px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: #E85D2F;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  min-width: 0; flex: 1;
}
.bg-mini-p-fase{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 8.5px;
  letter-spacing: .06em;
  color: rgba(244,233,211,.48);
  text-transform: uppercase;
  flex-shrink: 0;
}

/* Body: [logo] marcador/hora [logo] centrado */
.bg-mini-p-body{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px 12px;
}
.bg-mini-p-logo{
  width: 30px; height: 30px;
  border-radius: 5px;
  object-fit: cover;
  background: #2A241A;
  border: 1px solid rgba(244,233,211,.14);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bg-mini-p-logo-fb{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  color: #F4E9D3;
  letter-spacing: .03em;
}
.bg-mini-p-score{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 20px;
  font-weight: 600;
  color: #F4E9D3;
  line-height: 1;
  letter-spacing: -.02em;
}
.bg-mini-p-dash{
  color: rgba(244,233,211,.35);
  font-weight: 400;
}
.bg-mini-p-hora{
  text-align: center;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 14px;
  font-weight: 600;
  color: #FFD400;
  line-height: 1;
  letter-spacing: .02em;
}
.bg-mini-partido.live .bg-mini-p-score{ color: #EF4444; }

/* Foot: estado */
.bg-mini-p-foot{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 10px;
  border-top: 1px solid rgba(244,233,211,.08);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: .08em;
  color: rgba(244,233,211,.6);
  text-transform: uppercase;
  background: rgba(10,9,6,.4);
}
.bg-mini-p-foot.live{  color: #EF4444; }
.bg-mini-p-foot.sched{ color: #FFD400; }
.bg-mini-p-foot.done{  color: rgba(244,233,211,.72); }
.bg-mini-p-foot .live-dot{
  width: 5px; height: 5px; border-radius: 50%; background: currentColor;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}


/* ═══════ (B) SCOREBOARD GRANDE — estilo broadcast enriquecido ═══════ */

.bg-sb-featured{
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #1E1A13 0%, #14110C 100%) !important;
  border: 1px solid rgba(244,233,211,.18) !important;
  border-radius: 10px !important;
  position: relative !important;
  cursor: pointer !important;
  min-height: 320px !important;
}
.bg-sb-featured::before{
  content: "";
  position: absolute; left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, #E85D2F, rgba(232,93,47,.3), transparent);
}

/* ── HEAD: kicker (torneo · fase) + subkicker (ciudad) + badge ── */
.bg-sb-featured-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(244,233,211,.10);
  background: rgba(232,93,47,.04);
  gap: 12px;
}
.bg-sb-featured-head-l{
  min-width: 0; flex: 1;
}
.bg-sb-featured-kicker{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #E85D2F;
  line-height: 1.15;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bg-sb-featured-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .10em;
  color: rgba(244,233,211,.55);
  text-transform: uppercase;
  margin-top: 3px;
  line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bg-sb-featured-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 4px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1;
  flex-shrink: 0;
}
.bg-sb-featured-badge.active{ background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.30); }
.bg-sb-featured-badge.live{   background: rgba(239,68,68,.14);  color: #EF4444; border: 1px solid rgba(239,68,68,.32); }
.bg-sb-featured-badge.sched{  background: rgba(255,212,0,.14);  color: #FFD400; border: 1px solid rgba(255,212,0,.32); }
.bg-sb-featured-badge.done{   background: rgba(244,233,211,.06);color: rgba(244,233,211,.72); border: 1px solid rgba(244,233,211,.14); }
.bg-sb-featured-badge .live-dot{
  width: 6px; height: 6px; border-radius: 50%; background: currentColor;
  animation: bg-live-pulse 1.4s ease-in-out infinite;
}

/* ── BODY: logo grande + nombre ── */
.bg-sb-featured-body{
  padding: 22px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.bg-sb-hero-logo{
  width: 78px; height: 78px;
  border-radius: 14px;
  object-fit: cover;
  background: #2A241A;
  border: 1px solid rgba(244,233,211,.18);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}
.bg-sb-hero-logo-fallback{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 26px;
  color: #F4E9D3;
  letter-spacing: .03em;
}
.bg-sb-featured-name{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 22px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #F4E9D3;
  text-align: center;
  line-height: 1.1;
  margin: 0;
}

/* ── INFO: descripción o stats grandes ── */
.bg-sb-info{
  padding: 14px 18px;
  border-top: 1px solid rgba(244,233,211,.10);
  border-bottom: 1px solid rgba(244,233,211,.10);
  background: rgba(20,17,12,.4);
}
.bg-sb-info-desc p{
  font-family: 'Geist','GeistVF',ui-sans-serif,sans-serif;
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(244,233,211,.82);
  margin: 0;
  text-align: center;
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bg-sb-info-empty p{
  font-style: normal;
  color: rgba(244,233,211,.42);
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.bg-sb-info-stats{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 18px 18px;
  align-items: center;
}
.bg-sb-stat{
  text-align: center;
  border-right: 1px solid rgba(244,233,211,.10);
}
.bg-sb-stat:last-child{ border-right: 0; }
.bg-sb-stat-n{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 32px;
  font-weight: 600;
  color: #E85D2F;
  line-height: 1;
  letter-spacing: -.02em;
}
.bg-sb-stat-l{
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(244,233,211,.55);
  margin-top: 6px;
}

/* ── META: fila metadata inferior (solo con descripción) ── */
.bg-sb-meta{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  font-family: 'Anton','Bebas Neue',sans-serif;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(244,233,211,.60);
  border-bottom: 1px solid rgba(244,233,211,.06);
}
.bg-sb-meta b{
  color: #E85D2F;
  font-weight: 400;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: -.01em;
}
.bg-sb-meta-sep{
  color: rgba(244,233,211,.25);
}

/* ── FOOT: CTA "Toca para ver el torneo →" ── */
.bg-sb-featured-foot{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: .10em;
  color: rgba(244,233,211,.55);
  text-transform: uppercase;
  background: rgba(10,9,6,.35);
}
.bg-sb-featured-arrow{
  color: #E85D2F;
  font-size: 14px;
  font-weight: 600;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — AJUSTES FINOS PASO 2
   Pegar AL FINAL del fuvev-landing.v1.css. 12 líneas efectivas.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Cards de partido: más compactas para no cortarse el foot ─────── */
.bg-mini-p-body{ padding: 10px 12px !important; }
.bg-mini-p-score{ font-size: 18px !important; gap: 6px !important; }
.bg-mini-p-logo{ width: 26px !important; height: 26px !important; }

/* 2. Meta "38 EQUIPOS · 272 PARTIDOS": una sola línea ────────────── */
.bg-sb-meta{
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  overflow: hidden !important;
}
.bg-sb-meta > span{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
.bg-sb-meta-sep{ margin: 0 2px !important; opacity: .5 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — ÚLTIMOS AJUSTES PASO 2
   Pegar AL FINAL del fuvev-landing.v1.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Quitar el foot "FINAL" / "hora" de las mini-cards de partido */
.bg-mini-p-foot{ display: none !important; }

/* 2. Cards fallback (torneos) cuando no hay partidos: no cortarse */
.bg-mini-sb{
  padding: 10px 12px !important;
  min-height: auto !important;
  gap: 8px !important;
}
.bg-mini-sb-teams{
  gap: 10px !important;
}
.bg-mini-logo{
  width: 32px !important;
  height: 32px !important;
}
.bg-mini-sb-name{
  font-size: 13px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — FIX ALTURA CARDS (paso 2)
   Pegar AL FINAL del fuvev-landing.v1.css
   Origen del bug: línea 335 del CSS original tenía height:80px fijo.
   ═══════════════════════════════════════════════════════════════════════════ */
 
#page-home #fuvev-hero .bg-mini-sb{
  height: auto !important;
  min-height: 0 !important;
}
#page-home #fuvev-hero .bg-mini-scoreboards-track{
  align-items: stretch !important;
}
 

/* ═══════════════════════════════════════════════════════════════════════════
   FUVEV — MOVER BADGE DE ESTADO ARRIBA EN MINI-CARDS DE TORNEO
   Pegar AL FINAL del fuvev-landing.v1.css. Solo CSS, no toca JS.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Ocultar el texto plano de arriba (era duplicado sin color) */
.bg-mini-sb-min{ display: none !important; }

/* Reposicionar el badge de estado (que ya tenía los colores) a la esquina superior derecha */
.bg-mini-sb{ position: relative !important; }

.bg-mini-sb-status{
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  z-index: 2 !important;
  padding: 3px 8px !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
}
.bg-mini-sb-status.active{ background: rgba(16,185,129,.14) !important; color: #10B981 !important; border-color: rgba(16,185,129,.32) !important; }
.bg-mini-sb-status.live  { background: rgba(239,68,68,.14)  !important; color: #EF4444 !important; border-color: rgba(239,68,68,.32) !important; }
.bg-mini-sb-status.sched { background: rgba(255,212,0,.14)  !important; color: #FFD400 !important; border-color: rgba(255,212,0,.32) !important; }
.bg-mini-sb-status.done  { background: rgba(244,233,211,.06)!important; color: rgba(244,233,211,.72) !important; border-color: rgba(244,233,211,.14) !important; }


#page-home #fuvev-hero .hero-badge b {
  color: #E85D2F;
  font-weight: inherit;
}

#page-home #fuvev-hero .hero-title .bg-orange{
  -webkit-text-fill-color: #E85D2F !important;
}

/* ─── .bg-tcard-logo: <img> real cuando hay, iniciales de fallback ─── */
.bg-tcard-logo{position:relative;overflow:hidden}
.bg-tcard-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:var(--surface-2);z-index:1}
.bg-tcard-logo .bg-tcard-logo-txt{position:relative;z-index:0}

/* ─── Paso 3 · Overrides finales (fuerzan el diseño Broadcast en #page-home) ─── */
/* El theme legacy tiene .home-eyebrow, .search-sticky, .search-input, .search-icon
   con !important; aqui los pisamos SOLO dentro de #page-home .bg-search-section
   para no afectar otras paginas. */

#page-home .bg-search-section{background:transparent !important;padding:var(--sp-11) 0 !important;border-bottom:1px solid var(--border) !important}

/* Eyebrow plano, sin pill, con guion antes */
#page-home .bg-search-section .home-eyebrow{
  display:inline-flex !important;align-items:baseline;gap:8px;
  background:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important;
  color:var(--brand) !important;font-family:var(--font-display);
  font-size:var(--fs-kicker);letter-spacing:var(--ls-kicker);
  line-height:1 !important;margin:0 0 14px !important;text-transform:uppercase;
}
#page-home .bg-search-section .home-eyebrow::before{content:"\2014";font-size:14px;line-height:1;color:currentColor;display:inline-block}

/* Titulo grande del diseño */
#page-home .bg-search-section .home-section-title{
  font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(36px,5vw,64px) !important;line-height:var(--lh-tight) !important;
  letter-spacing:var(--ls-display) !important;text-transform:uppercase !important;
  color:var(--text) !important;margin:14px 0 var(--sp-4) !important;text-shadow:none !important;
  text-wrap:balance;
}

/* Sticky = wrapper transparente, sin blur, sin padding, no sticky */
#page-home .bg-search-section .search-sticky.bg-search-sticky{
  display:block !important;background:transparent !important;border:0 !important;
  padding:0 !important;position:static !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-wrap{
  position:relative !important;max-width:640px !important;margin:0 auto !important;
}

/* Lupa a la izquierda, visible */
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-icon{
  position:absolute !important;left:20px !important;top:50% !important;transform:translateY(-50%) !important;
  color:var(--text-dim) !important;pointer-events:none !important;display:inline-flex !important;
}
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-icon svg{width:18px !important;height:18px !important}

/* Input alto (60px), padding-left 52px para que el texto no pise la lupa */
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-input{
  width:100% !important;height:60px !important;background:var(--surface-1) !important;
  border:1px solid var(--border-strong) !important;border-radius:var(--r-md) !important;
  padding:0 20px 0 52px !important;font-family:var(--font-ui) !important;font-size:15px !important;
  color:var(--text) !important;outline:0 !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-input::placeholder{color:var(--text-dim) !important}
#page-home .bg-search-section .search-sticky.bg-search-sticky .search-input:focus{
  border-color:var(--brand) !important;background:var(--surface-2) !important;box-shadow:none !important;
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 4 · FEATURES + estructura general de home-section (Broadcast Grassroots)
   Prefijado con #page-home para pisar el CSS legacy del index.html sin afectar
   otras paginas (#page-torneo, #page-login, #page-planes, #page-admin).
   ═════════════════════════════════════════════════════════════════════════════ */

/* ─── Estructura general de secciones del home ─── */
#page-home .home-section{position:relative !important;padding:0 !important}
#page-home .home-section-inner{max-width:var(--page-max) !important;margin:0 auto !important;padding:var(--sp-11) var(--gutter) !important}
#page-home .home-section-head{margin-bottom:var(--sp-9) !important;max-width:720px !important;text-align:left !important}

/* Eyebrow plano con guion (el legacy le pone pill; lo quitamos) */
#page-home .home-section .home-eyebrow{
  display:inline-flex !important;align-items:baseline;gap:8px;
  background:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important;
  color:var(--brand) !important;font-family:var(--font-display);
  font-size:var(--fs-kicker) !important;letter-spacing:var(--ls-kicker) !important;
  text-transform:uppercase !important;line-height:1 !important;margin:0 0 14px !important;
}
#page-home .home-section .home-eyebrow::before{content:"\2014";font-size:14px;line-height:1;color:currentColor;display:inline-block}

/* Titulo grande display */
#page-home .home-section .home-section-title{
  font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(36px,5vw,64px) !important;line-height:var(--lh-tight) !important;
  letter-spacing:var(--ls-display) !important;text-transform:uppercase !important;
  color:var(--text) !important;margin:14px 0 var(--sp-4) !important;
  text-shadow:none !important;text-wrap:balance;
}

/* Subtitulo */
#page-home .home-section .home-section-sub{
  font-size:17px !important;color:var(--text-mute) !important;
  max-width:560px !important;line-height:1.5 !important;margin:0 !important;
}

/* ─── Grilla de features (6 tarjetas, layout asimetrico del diseño) ─── */
#page-home .home-features{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:var(--sp-4) !important;
}
#page-home .home-feature{
  grid-column:span 3 !important;
  background:var(--surface-1) !important;
  border:1px solid var(--border) !important;border-radius:var(--r-lg) !important;
  padding:var(--sp-8) var(--sp-8) var(--sp-9) !important;
  display:flex !important;flex-direction:column !important;gap:var(--sp-4) !important;
  transition:transform var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut) !important;
  position:relative !important;overflow:hidden !important;
  box-shadow:inset 0 0 0 1px rgba(244,233,211,.04) !important;
}
/* Fila 2: 3 tarjetas de 2 cols cada una */
#page-home .home-feature:nth-child(3),
#page-home .home-feature:nth-child(4),
#page-home .home-feature:nth-child(5){grid-column:span 2 !important}
#page-home .home-feature:hover{transform:translateY(-2px) !important;border-color:var(--border-strong) !important;background:var(--surface-1) !important}
/* Anula la barra naranja del legacy ::after */
#page-home .home-feature::after{display:none !important}

/* Icono con fondo brand-soft */
#page-home .home-feature-ico{
  width:44px !important;height:44px !important;border-radius:var(--r-md) !important;
  background:var(--brand-soft) !important;border:1px solid rgba(232,93,47,.24) !important;
  color:var(--brand) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  margin-bottom:0 !important;
}
#page-home .home-feature-ico svg{width:22px !important;height:22px !important}

/* Titulo de cada feature: Anton uppercase 22px */
#page-home .home-feature-title{
  font-family:var(--font-display) !important;font-size:22px !important;letter-spacing:.02em !important;
  text-transform:uppercase !important;color:var(--text) !important;line-height:1.1 !important;
  font-weight:400 !important;margin:0 !important;
}

/* Descripcion */
#page-home .home-feature-desc{
  font-size:14px !important;color:var(--text-mute) !important;line-height:1.55 !important;
  max-width:36ch !important;margin:0 !important;
}

/* Numero de esquina (nuevo, no existia antes) */
#page-home .home-feature-num{
  position:absolute;top:16px;right:20px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-dim);
}

/* Responsive: tablet 2 cols, movil 1 col */
@media (max-width:900px){
  #page-home .home-features{grid-template-columns:repeat(2,1fr) !important}
  #page-home .home-feature,
  #page-home .home-feature:nth-child(n){grid-column:span 1 !important}
}
@media (max-width:520px){
  #page-home .home-features{grid-template-columns:1fr !important}
  #page-home .home-feature,
  #page-home .home-feature:nth-child(n){grid-column:span 1 !important}
}

/* ─── FIX Paso 3 (rev.2) · Centralizacion + compactacion del search-section ───
   El paso 4 forzo text-align:left y padding grande al home-section-inner para las
   secciones de features/steps/etc. Aqui revertimos SOLO en el search-section:
   contenido centrado + espacio compacto entre el buscador y las cards. */

/* Inner del search-section: sin padding vertical grande y centrado */
#page-home .bg-search-section .home-section-inner{
  padding-top:0 !important;
  padding-bottom:var(--sp-7) !important;
  text-align:center !important;
}

/* Head del search-section: centrado horizontalmente y contenido tambien centrado */
#page-home .bg-search-section .home-section-head{
  text-align:center !important;
  max-width:640px !important;
  margin:0 auto var(--sp-7) !important;
}

/* Search-sticky (input) centrado horizontal dentro del inner */
#page-home .bg-search-section .search-sticky.bg-search-sticky{
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:640px !important;
}

/* Las cards abajo, pegadas al buscador (sin margen ni padding extra arriba) */
#page-home .bg-search-section .home-content.bg-tournaments-content{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 5 · STEPS + APP DOWNLOAD (con carrusel) + TRUST STATS
   ═════════════════════════════════════════════════════════════════════════════ */

/* ─── STEPS (Cómo funciona) — grid 3 columnas con separadores verticales ─── */
#page-home .home-steps{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;
  border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;
  background:transparent !important;
}
#page-home .home-step{
  padding:var(--sp-9) var(--sp-7) !important;position:relative !important;
  border-right:1px solid var(--border) !important;
  display:flex !important;flex-direction:column !important;gap:var(--sp-3) !important;
  background:transparent !important;border-radius:0 !important;box-shadow:none !important;
  border-top:0 !important;border-bottom:0 !important;border-left:0 !important;
}
#page-home .home-step:last-child{border-right:0 !important}
#page-home .home-step-num{
  position:static !important;width:auto !important;height:auto !important;
  font-family:var(--font-display) !important;font-size:120px !important;line-height:.85 !important;
  color:var(--brand) !important;letter-spacing:-.03em !important;
  background:transparent !important;background-image:none !important;
  border-radius:0 !important;box-shadow:none !important;
  margin:0 0 var(--sp-4) !important;padding:0 !important;font-weight:400 !important;
  display:block !important;
}
#page-home .home-step-num::before{content:"0"}
#page-home .home-step-title{
  font-family:var(--font-display) !important;font-size:26px !important;letter-spacing:.02em !important;
  text-transform:uppercase !important;color:var(--text) !important;line-height:1.1 !important;
  font-weight:400 !important;margin:0 !important;
}
#page-home .home-step-desc{
  font-size:15px !important;color:var(--text-mute) !important;line-height:1.55 !important;
  max-width:36ch !important;margin:0 !important;
}
#page-home .home-step-ico{display:none !important}
@media (max-width:800px){
  #page-home .home-steps{grid-template-columns:1fr !important}
  #page-home .home-step{border-right:0 !important;border-bottom:1px solid var(--border) !important}
  #page-home .home-step:last-child{border-bottom:0 !important}
  #page-home .home-step-num{font-size:80px !important}
}

/* ─── APP DOWNLOAD ─── */
#page-home .app-download-section{
  background:linear-gradient(180deg,var(--smoke-black) 0%,#0F0C08 100%) !important;
  border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;
  padding:var(--sp-11) 0 !important;margin-top:0 !important;
}
#page-home .app-download-section .home-app-wrap{
  max-width:var(--page-max) !important;margin:0 auto !important;padding:0 var(--gutter) !important;
  position:relative !important;overflow:visible !important;
}
#page-home .home-app-glow{display:none !important}
#page-home .home-app-card{
  display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:var(--sp-11) !important;align-items:center !important;
  background:transparent !important;padding:0 !important;border:0 !important;
  box-shadow:none !important;border-radius:0 !important;text-align:left !important;
  max-width:none !important;
}
#page-home .home-app-card::after{display:none !important}
#page-home .home-app-ico{display:none !important}
#page-home .app-download-section h2{
  font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(40px,5vw,64px) !important;line-height:var(--lh-tight) !important;
  text-transform:uppercase !important;letter-spacing:var(--ls-display) !important;
  color:var(--text) !important;margin:14px 0 var(--sp-4) !important;text-align:left !important;
  background:none !important;-webkit-text-fill-color:currentColor !important;
}
#page-home .app-download-section p{
  font-size:17px !important;color:var(--text-mute) !important;line-height:1.55 !important;
  max-width:48ch !important;margin:0 0 var(--sp-7) !important;text-align:left !important;
}
#page-home #btn-app-download{
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  height:52px !important;padding:0 26px !important;
  background:var(--brand) !important;background-image:none !important;
  color:#fff !important;font-weight:600 !important;font-size:14px !important;
  border:0 !important;border-radius:var(--r-md) !important;
  box-shadow:none !important;position:relative !important;overflow:hidden !important;
  font-family:var(--font-ui) !important;letter-spacing:0 !important;text-transform:none !important;
  transition:background var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut) !important;
}
#page-home #btn-app-download:hover{background:var(--brand-hover) !important;transform:translateY(-2px) !important;color:#fff !important;filter:none !important}
#page-home #btn-app-download svg{width:16px !important;height:16px !important;flex-shrink:0}
#page-home .home-app-card > div:last-child{
  color:var(--text-dim) !important;font-family:var(--font-mono) !important;
  font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase !important;
  margin-top:14px !important;text-align:left !important;
}
#page-home .bg-app-eyebrow{
  font-family:var(--font-display);font-size:var(--fs-kicker);letter-spacing:.14em;
  text-transform:uppercase;color:var(--brand);
  display:inline-flex;align-items:baseline;gap:8px;line-height:1;margin-bottom:0;
}
#page-home .bg-app-eyebrow::before{content:"\2014";font-size:14px;line-height:1;color:currentColor}

/* Carrusel de screenshots de la app */
#page-home .bg-app-carousel{position:relative;width:min(300px,90%);margin:0 auto}
#page-home .bg-app-frame{
  position:relative;aspect-ratio:9/16;
  background:#0A0906;border:1px solid rgba(244,233,211,.12);
  border-radius:16px;overflow:hidden;
}
#page-home .bg-app-slide{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;padding:24px;
  background:linear-gradient(135deg,#14110C 0%,#1E1A13 50%,#0A0906 100%);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:0;transition:opacity 300ms var(--ease-cut);
  text-align:center;
}
#page-home .bg-app-slide::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(232,93,47,.02) 14px 28px);
}
#page-home .bg-app-slide.active{opacity:1;z-index:1}
/* Cuando hay imagen de fondo cargada, ocultamos el texto placeholder */
#page-home .bg-app-slide.has-image::before{display:none}
#page-home .bg-app-slide.has-image .bg-app-slide-kicker,
#page-home .bg-app-slide.has-image .bg-app-slide-title,
#page-home .bg-app-slide.has-image .bg-app-slide-meta{display:none}
#page-home .bg-app-slide-kicker{
  position:relative;font-family:var(--font-display);font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--brand);line-height:1;
}
#page-home .bg-app-slide-title{
  position:relative;font-family:var(--font-display);font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(185,172,143,.6);line-height:1.4;max-width:90%;
}
#page-home .bg-app-slide-meta{
  position:relative;font-family:var(--font-mono);font-size:9px;color:rgba(185,172,143,.4);
  letter-spacing:.04em;line-height:1.5;max-width:90%;
}
#page-home .bg-app-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
#page-home .bg-app-dot{
  width:6px;height:6px;border-radius:50%;background:#B9AC8F;opacity:.35;
  border:0;padding:0;cursor:pointer;
  transition:opacity var(--dur-hover) var(--ease-cut),background var(--dur-hover) var(--ease-cut),width var(--dur-hover) var(--ease-cut);
}
#page-home .bg-app-dot.active{background:var(--brand);opacity:1;width:20px;border-radius:3px}

@media (max-width:800px){
  #page-home .home-app-card{grid-template-columns:1fr !important;gap:var(--sp-9) !important}
  #page-home .bg-phone-wrap{order:2}
}

/* ─── TRUST STATS BAR (final) ─── */
#page-home .home-stats-bar,
#page-home .home-stats-final{
  background:var(--surface-1) !important;background-image:none !important;
  background-color:var(--surface-1) !important;
  border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;
  padding:var(--sp-11) 0 !important;position:relative !important;margin-top:0 !important;
}
#page-home .home-stats-title{
  display:block !important;text-align:center !important;
  font-family:var(--font-display) !important;font-size:var(--fs-kicker) !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  color:var(--brand) !important;margin:0 auto var(--sp-9) !important;
  line-height:1 !important;font-weight:400 !important;
}
#page-home .home-stats-inner{
  display:flex !important;align-items:stretch !important;justify-content:center !important;
  max-width:var(--page-max) !important;margin:0 auto !important;padding:0 var(--gutter) !important;
  gap:0 !important;grid-template-columns:none !important;
}
#page-home .home-stats-inner .hstat{
  flex:1 !important;text-align:center !important;padding:0 var(--sp-4) !important;
  display:flex !important;flex-direction:column !important;gap:12px !important;
  align-items:center !important;justify-content:center !important;
}
#page-home .home-stats-inner .hstat-n{
  display:block !important;font-family:var(--font-display) !important;font-weight:400 !important;
  font-size:clamp(56px,7vw,96px) !important;line-height:.85 !important;letter-spacing:-.02em !important;
  color:var(--text) !important;text-shadow:none !important;font-feature-settings:"tnum" 1 !important;
  margin:0 !important;
}
#page-home .home-stats-inner .hstat:first-child .hstat-n,
#page-home .home-stats-inner .hstat:nth-child(3) .hstat-n{color:var(--brand) !important}
#page-home .home-stats-inner .hstat-l{
  display:block !important;font-family:var(--font-display) !important;font-size:11px !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  color:var(--text-dim) !important;margin-top:0 !important;line-height:1 !important;font-weight:400 !important;
}
#page-home .home-stats-inner .hstat-divider{
  width:1px !important;height:80px !important;background:var(--border) !important;
  margin:0 !important;align-self:center !important;display:block !important;flex:0 0 auto !important;
}
@media (max-width:700px){
  #page-home .home-stats-inner{flex-wrap:wrap !important;gap:var(--sp-6) !important}
  #page-home .home-stats-inner .hstat{flex:0 0 calc(50% - var(--sp-4)) !important}
  #page-home .home-stats-inner .hstat-n{font-size:44px !important}
  #page-home .home-stats-inner .hstat-divider{display:none !important}
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 6 · USES (Tipos de torneo)
   Prefijado con #page-home + !important para pisar el CSS legacy del index.html.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Grid: 3 columnas en desktop, 2 en tablet, 1 en móvil */
#page-home .home-uses{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:var(--sp-4) !important;
}

/* Tarjeta base */
#page-home .home-use{
  background:var(--surface-1) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r-lg) !important;
  padding:var(--sp-7) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:var(--sp-3) !important;
  transition:transform var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut) !important;
  position:relative !important;
  overflow:hidden !important;
  text-decoration:none;color:inherit;
}

/* Hover: sube 2px + borde se aclara */
#page-home .home-use:hover{
  transform:translateY(-2px) !important;
  border-color:var(--border-strong) !important;
  background:var(--surface-1) !important;
}

/* Oculta la barrita naranja del legacy que pone ::after arriba de cada card */
#page-home .home-use::after{display:none !important}
#page-home .home-use:hover::after{display:none !important}

/* Icono en cuadro brand-soft */
#page-home .home-use .ico{
  width:44px !important;
  height:44px !important;
  border-radius:var(--r-md) !important;
  background:var(--brand-soft) !important;
  border:1px solid rgba(232,93,47,.24) !important;
  color:var(--brand) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:0 !important;
}
#page-home .home-use .ico svg{width:22px !important;height:22px !important}

/* Título Anton 22px uppercase */
#page-home .home-use h3{
  font-family:var(--font-display) !important;
  font-weight:400 !important;
  font-size:22px !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color:var(--text) !important;
  line-height:1.1 !important;
  margin:6px 0 0 !important;
}

/* Descripción */
#page-home .home-use p{
  font-size:14px !important;
  color:var(--text-mute) !important;
  line-height:1.55 !important;
  margin:0 !important;
  max-width:36ch;
}

/* Responsive */
@media (max-width:800px){
  #page-home .home-uses{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:480px){
  #page-home .home-uses{grid-template-columns:1fr !important}
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 7 · COMPARE (Comparativa FUVEV vs competencia)
   Prefijado con #page-home + !important para pisar 2 bloques legacy del index.html:
     · el override "moderno" (líneas 178-185) con !important
     · el bloque grande sin prefix con gradient de tarjeta
   Truco: ✓ del HTML se oculta con font-size:0 y se pinta ● vía ::before.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Contenedor de la tabla */
#page-home .home-compare{
  margin-top:var(--sp-8) !important;
  overflow-x:auto !important;
  background:transparent !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
  position:relative;
  -webkit-overflow-scrolling:touch;
}

/* Apagar la franja naranja global que pone el legacy encima de toda la tabla */
#page-home .home-compare::after{display:none !important}

/* Tabla */
#page-home .home-compare table{
  width:100% !important;
  border-collapse:collapse !important;
  font-family:var(--font-ui) !important;
  min-width:640px;
}

/* THEAD — cabeceras normales */
#page-home .home-compare thead th{
  font-family:var(--font-display) !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--text-dim) !important;
  font-weight:400 !important;
  text-align:center !important;
  padding:18px 16px !important;
  background:#0F0C08 !important;
  border-bottom:1px solid var(--border) !important;
  vertical-align:bottom !important;
}
#page-home .home-compare thead th:first-child{text-align:left !important}

/* THEAD — columna FUVEV destacada */
#page-home .home-compare thead th.th-fuvev{
  color:var(--brand) !important;
  background:var(--surface-1) !important;
  position:relative;
}
/* Franjita naranja SOLO arriba de la columna FUVEV */
#page-home .home-compare thead th.th-fuvev::after{
  content:"" !important;
  position:absolute !important;
  left:8px;right:8px;top:0;
  height:2px !important;
  background:var(--brand) !important;
  display:block !important;
}

/* TBODY — celdas base */
#page-home .home-compare tbody td{
  padding:16px !important;
  font-size:14px !important;
  color:var(--text) !important;
  border-bottom:1px solid var(--border) !important;
  text-align:center !important;
  font-family:var(--font-mono) !important;
  transition:background var(--dur-hover) var(--ease-cut) !important;
  background:transparent !important;
}
#page-home .home-compare tbody tr:last-child td{border-bottom:0 !important}

/* TBODY — primera columna (nombre de la característica) alineada a la izquierda */
#page-home .home-compare tbody td:first-child{
  text-align:left !important;
  color:var(--text) !important;
  font-family:var(--font-ui) !important;
  font-weight:500 !important;
}

/* Hover suave por fila */
#page-home .home-compare tbody tr:hover td{
  background:rgba(232,93,47,.03) !important;
}

/* Columna FUVEV con fondo naranja tenue permanente */
#page-home .home-compare tbody td.fuvev{
  background:rgba(232,93,47,.04) !important;
  position:relative;
}
#page-home .home-compare tbody tr:hover td.fuvev{
  background:rgba(232,93,47,.08) !important;
}

/* Truco: ocultar el ✓ del HTML en td.yes y td.fuvev, pintar ● con ::before */
#page-home .home-compare tbody td.yes,
#page-home .home-compare tbody td.fuvev{
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
}
#page-home .home-compare tbody td.yes::before,
#page-home .home-compare tbody td.fuvev::before{
  content:"●" !important;
  font-size:14px !important;
  line-height:1 !important;
  color:var(--brand) !important;
  display:inline-block !important;
  font-family:var(--font-ui);
}

/* td.no con texto (Solo ES, Solo PT, App) o con guion (—) */
#page-home .home-compare tbody td.no{
  color:var(--text-dim) !important;
  font-weight:500 !important;
  font-size:14px !important;
  line-height:1 !important;
}
/* td.no cuando tiene texto (no solo un guion), usa font-ui más chica */
#page-home .home-compare tbody td.no:not(:empty){
  font-family:var(--font-ui) !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
}

/* Responsive: en móviles la tabla scrollea horizontal */
@media (max-width:680px){
  #page-home .home-compare table{min-width:560px}
  #page-home .home-compare thead th{
    padding:12px 10px !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
  }
  #page-home .home-compare tbody td{
    padding:12px 10px !important;
    font-size:13px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 8 · TESTIMONIOS (Testimonios)
   Estrategia: prefijado con #page-home .home-section para subir especificidad
   a (1,3,1) — vence los overrides legacy (1,2,1)+!important sin conflicto.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Grid: 3 columnas fijas en desktop, 1 columna en móvil (<900px) */
#page-home .home-section .home-testim{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:var(--sp-4) !important;
  margin-top:var(--sp-8) !important;
}

/* Tarjeta base */
#page-home .home-section .home-tcard{
  position:relative !important;
  background:var(--surface-1) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r-lg) !important;
  padding:var(--sp-8) var(--sp-7) var(--sp-7) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:var(--sp-4) !important;
  overflow:hidden !important;
  isolation:isolate;
  transition:transform var(--dur-hover) var(--ease-cut),border-color var(--dur-hover) var(--ease-cut) !important;
  box-shadow:none !important;
}

/* Hover: sube 2px + borde se aclara */
#page-home .home-section .home-tcard:hover{
  transform:translateY(-2px) !important;
  border-color:var(--border-strong) !important;
}

/* Comilla decorativa gigante en la esquina */
#page-home .home-section .home-tcard::before{
  content:"\201C" !important;
  position:absolute !important;
  top:-40px;right:-10px;z-index:0;
  font-family:var(--font-display) !important;
  font-size:280px !important;
  line-height:1 !important;
  color:var(--text) !important;
  opacity:.08 !important;
  pointer-events:none;
  display:block !important;
}

/* Apagar la franjita naranja arriba del legacy */
#page-home .home-section .home-tcard::after{display:none !important}

/* Estrellas ★★★★★ del HTML pintadas en naranja brand */
#page-home .home-section .home-tcard .stars{
  position:relative !important;
  z-index:1;
  font-size:15px !important;
  line-height:1 !important;
  color:var(--brand) !important;
  letter-spacing:2px !important;
  text-shadow:none !important;
  margin-bottom:0 !important;
  display:inline-block !important;
}

/* Cita — 18px normal (no italic), color blanco protagónico */
#page-home .home-section .home-tcard p{
  position:relative !important;
  z-index:1;
  font-family:var(--font-ui) !important;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--text) !important;
  margin:0 !important;
  font-weight:400 !important;
  font-style:normal !important;
}

/* Bloque "who" (firma abajo) — con separador arriba */
#page-home .home-section .home-tcard .who{
  position:relative !important;
  z-index:1;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  margin-top:auto !important;
  padding-top:var(--sp-4) !important;
  border-top:1px solid var(--border) !important;
}

/* El div que contiene .n y .r → row baseline, no columna */
#page-home .home-section .home-tcard .who > div:not(.av){
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:8px !important;
  flex-wrap:wrap;
}

/* Avatar oculto (diseño broadcast editorial).
   ⚠️ Si prefieres mantener el avatar de iniciales, comenta esta línea
   y descomenta la siguiente. */
#page-home .home-section .home-tcard .av{display:none !important}
/* #page-home .home-section .home-tcard .av{display:inline-flex !important;width:36px !important;height:36px !important;margin-right:12px !important} */

/* Nombre en Anton uppercase */
#page-home .home-section .home-tcard .who .n{
  font-family:var(--font-display) !important;
  font-size:16px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:var(--text) !important;
  line-height:1 !important;
  font-weight:400 !important;
}

/* Ciudad/rol en font-mono con separador · antes */
#page-home .home-section .home-tcard .who .r{
  font-family:var(--font-mono) !important;
  font-size:11px !important;
  color:var(--text-dim) !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  position:relative !important;
  padding-left:14px !important;
}
#page-home .home-section .home-tcard .who .r::before{
  content:"·" !important;
  position:absolute !important;
  left:4px;
  color:var(--text-dim) !important;
}

/* Responsive: 2 columnas en tablet (600-900px), 1 columna en móvil (<600px) */
@media (max-width:900px) and (min-width:600px){
  #page-home .home-section .home-testim{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:599px){
  #page-home .home-section .home-testim{grid-template-columns:1fr !important}
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 9 · FAQ (Preguntas frecuentes)
   HTML cambia de <div class="home-faq-item"> a <details class="home-faq-item">.
   Estrategia: prefijo #page-home #faq eleva especificidad a (2,2,1) — gana al
   legacy (1,2,1)+!important. FUERZA display:block del .faq-a cuando [open].
   ═════════════════════════════════════════════════════════════════════════════ */

/* Contenedor: quitar max-width chico del legacy y usar sp-8 arriba */
#page-home #faq .home-faq{
  max-width:none !important;
  margin-top:var(--sp-8) !important;
  border-top:1px solid var(--border) !important;
}

/* Item: quitar card style del legacy, dejar plano con línea horizontal abajo */
#page-home #faq .home-faq-item{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--border) !important;
  border-radius:0 !important;
  margin-bottom:0 !important;
  position:relative !important;
  overflow:visible !important;
}

/* Ocultar los markers nativos del <summary> (triángulo del navegador) */
#page-home #faq .home-faq-item summary{
  list-style:none !important;
}
#page-home #faq .home-faq-item summary::-webkit-details-marker{
  display:none !important;
}

/* Pregunta (summary con class .faq-q) */
#page-home #faq .home-faq-item .faq-q{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:var(--sp-4) !important;
  padding:var(--sp-6) 0 !important;
  cursor:pointer !important;
  font-family:var(--font-ui) !important;
  font-size:18px !important;
  font-weight:500 !important;
  color:var(--text) !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  user-select:none;
  transition:color var(--dur-hover) var(--ease-cut) !important;
  -webkit-tap-highlight-color:transparent;
}

/* Icono + / − a la derecha de la pregunta */
#page-home #faq .home-faq-item .faq-q::after{
  content:"+" !important;
  font-family:var(--font-ui) !important;
  font-weight:500 !important;
  font-size:20px !important;
  color:#E85D2F !important;
  line-height:1 !important;
  flex-shrink:0 !important;
  transition:color var(--dur-hover) var(--ease-cut) !important;
  width:24px !important;
  text-align:center !important;
  background:transparent !important;
  transform:none !important;
}

/* Cuando el <details> está abierto → cambia + por − (U+2212 minus sign) */
#page-home #faq .home-faq-item[open] .faq-q::after{
  content:"\2212" !important;
  color:#E85D2F !important;
  transform:none !important;
}

/* Hover sobre la pregunta → color brand naranja */
#page-home #faq .home-faq-item:hover .faq-q{
  color:var(--brand) !important;
}
#page-home #faq .home-faq-item .faq-q:hover::after{
  color:#F27340 !important;
}

/* Respuesta */
#page-home #faq .home-faq-item .faq-a{
  padding:0 0 var(--sp-7) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  color:var(--text-mute) !important;
  max-width:70ch !important;
  background:transparent !important;
}

/* CRÍTICO: forzar visibilidad de la respuesta según estado [open] del details.
   Sin esto, el CSS legacy con "display:none" y ".home-faq-item.open" oculta
   la respuesta permanentemente (porque <details> usa [open], no .open). */
#page-home #faq .home-faq-item:not([open]) .faq-a{display:none !important}
#page-home #faq .home-faq-item[open] .faq-a{display:block !important}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 10 · CTA FINAL "¿Listo para crear tu torneo?"
   Estrategia: prefijo #page-home .home-cta-final.home-section eleva especificidad
   a (1,3,0) para el contenedor y (1,4,0) para hijos — vence al legacy
   (1,3,0)+!important de las líneas 202-206.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Contenedor de sección con fondo decorativo */
#page-home .home-cta-final.home-section{
  position:relative !important;
  padding:0 !important;
  background:linear-gradient(135deg,#14110C 0%,#1E1A13 50%,#0A0906 100%) !important;
  border-top:1px solid var(--border) !important;
  border-bottom:1px solid var(--border) !important;
  overflow:hidden !important;
  margin-top:0 !important;
}

/* Overlay decorativo: patrón diagonal zebra 45° muy sutil (2% opacity brand) */
#page-home .home-cta-final.home-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:
    repeating-linear-gradient(45deg,transparent 0 20px,rgba(232,93,47,.02) 20px 40px),
    radial-gradient(ellipse 80% 60% at 50% 20%,rgba(232,93,47,.06),transparent 70%) !important;
  background-size:auto,cover !important;
  background-position:center !important;
  display:block !important;
}

/* ⬇️ OPCIONAL — Imagen de tribuna de fondo.
   Cuando subas la imagen al CDN R2, descomenta este bloque completo:

#page-home .home-cta-final.home-section::before{
  background:
    repeating-linear-gradient(45deg,transparent 0 20px,rgba(232,93,47,.02) 20px 40px),
    linear-gradient(180deg,rgba(20,17,12,.85) 0%,rgba(20,17,12,.75) 100%),
    url('https://fuvev-cdn.torneoevgstream.workers.dev/general/tribuna.webp') !important;
  background-size:auto,cover,cover !important;
  background-position:center,center,center !important;
  background-repeat:no-repeat,no-repeat,no-repeat !important;
  opacity:1 !important;
}
   ⬆️ Fin del bloque opcional */

/* El inner sube por encima del ::before */
#page-home .home-cta-final.home-section .home-section-inner{
  position:relative !important;
  z-index:2 !important;
  padding:var(--sp-12) var(--gutter) !important;
  text-align:center !important;
  max-width:800px !important;
  margin:0 auto !important;
}

/* Título grande en Anton uppercase */
#page-home .home-cta-final.home-section .home-cta-title{
  font-family:var(--font-display) !important;
  font-weight:400 !important;
  font-size:clamp(48px,7vw,88px) !important;
  line-height:.95 !important;
  letter-spacing:var(--ls-display) !important;
  text-transform:uppercase !important;
  color:var(--text) !important;
  margin:0 0 var(--sp-5) 0 !important;
  text-shadow:none !important;
  text-wrap:balance;
}

/* Subtítulo más protagónico */
#page-home .home-cta-final.home-section .home-cta-sub{
  font-family:var(--font-ui) !important;
  font-size:19px !important;
  color:var(--text-mute) !important;
  max-width:520px !important;
  margin:0 auto var(--sp-8) auto !important;
  line-height:1.5 !important;
}

/* Botón naranja brand grande */
#page-home .home-cta-final.home-section .btn,
#page-home .home-cta-final.home-section .btn-lg,
#page-home .home-cta-final.home-section .btn-primary,
#page-home .home-cta-final.home-section .btn.btn-primary.btn-lg{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  position:relative !important;
  overflow:hidden !important;
  height:60px !important;
  padding:0 32px !important;
  background:#E85D2F !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  border-radius:var(--r-md) !important;
  font-family:var(--font-ui) !important;
  font-weight:600 !important;
  font-size:16px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  transition:background var(--dur-hover) var(--ease-cut),transform var(--dur-hover) var(--ease-cut) !important;
}

/* Hover del botón */
#page-home .home-cta-final.home-section .btn:hover,
#page-home .home-cta-final.home-section .btn-lg:hover,
#page-home .home-cta-final.home-section .btn-primary:hover,
#page-home .home-cta-final.home-section .btn.btn-primary.btn-lg:hover{
  background:#F27340 !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  filter:none !important;
  box-shadow:none !important;
}

/* SVG del ícono relámpago */
#page-home .home-cta-final.home-section .btn svg{
  width:16px !important;
  height:16px !important;
  flex-shrink:0 !important;
}

/* Responsive: en móvil el CTA se ajusta */
@media (max-width:560px){
  #page-home .home-cta-final.home-section .home-section-inner{
    padding:var(--sp-10) var(--gutter) !important;
  }
  #page-home .home-cta-final.home-section .home-cta-title{
    font-size:clamp(36px,10vw,52px) !important;
  }
  #page-home .home-cta-final.home-section .home-cta-sub{
    font-size:16px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 11 · FOOTER (bg-footer)
   El HTML cambia de <footer class="fuvev-footer"> a <footer class="bg-footer">.
   Los overrides legacy con .fuvev-footer ya no aplican al footer nuevo.
   Este footer es FUERA de #page-*, aplica en TODAS las páginas.
   ═════════════════════════════════════════════════════════════════════════════ */

.bg-footer{
  padding:var(--sp-9) var(--gutter) var(--sp-8);
  border-top:1px solid var(--border);
  background:var(--smoke-black);
  position:relative;
  z-index:1;
}

.bg-footer-inner{
  max-width:var(--page-max);
  margin:0 auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--sp-5);
  align-items:center;
}

/* Marca: ícono + FUVEV */
.bg-footer-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.bg-footer-brand-logo{
  width:32px;
  height:32px;
  object-fit:contain;
  border-radius:6px;
  display:block;
  flex-shrink:0;
}
.bg-footer-brand-name{
  font-family:var(--font-display);
  font-size:16px;
  letter-spacing:.14em;
  color:var(--text);
  text-transform:uppercase;
  font-weight:400;
}

/* Links legales con separador · */
.bg-footer-links{
  display:flex;
  justify-content:center;
  gap:0;
  flex-wrap:wrap;
  font-family:var(--font-ui);
  font-size:13px;
  color:var(--text-mute);
}
.bg-footer-links a{
  padding:4px 14px;
  position:relative;
  color:var(--text-mute);
  text-decoration:none;
  transition:color var(--dur-hover) var(--ease-cut);
}
.bg-footer-links a + a::before{
  content:"·";
  position:absolute;
  left:-2px;
  top:50%;
  transform:translateY(-50%);
  color:var(--text-dim);
}
.bg-footer-links a:hover{
  color:var(--brand);
}

/* Meta (copyright + descripción) */
.bg-footer-meta{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--text-dim);
  letter-spacing:.04em;
  line-height:1.7;
  max-width:640px;
}

/* Responsive */
@media (max-width:560px){
  .bg-footer{
    padding:var(--sp-8) var(--gutter) var(--sp-7);
  }
  .bg-footer-links{
    gap:4px;
    font-size:12px;
  }
  .bg-footer-links a{
    padding:4px 10px;
  }
  .bg-footer-links a + a::before{
    left:-4px;
  }
  .bg-footer-meta{
    font-size:10px;
  }
}

/* Fix: apagar cualquier ::after decorativo que quede del CSS del docx */
#page-home .home-cta-final::after,
#page-home .home-cta-final.home-section::after{
  content:none !important;
  display:none !important;
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 12 · Reduced motion (accesibilidad)
   Respeta la preferencia del sistema del usuario para reducir movimiento.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  .bg-chyron-track,
  #bg-chyron-track,
  #bg-mini-scoreboards-track{animation:none !important}
  .bg-sb-live .live-dot::after,
  .live-dot::after{animation:none !important;opacity:.4}
  #page-home *,
  #page-home *::before,
  #page-home *::after{
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   Paso 12 · Responsive extra pequeño (hasta 360px)
   Para pantallas tipo Galaxy Fold plegado o iPhone SE de 1ª gen.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width:360px){
  #page-home .home-section-inner,
  #page-home .hero-content,
  #page-home .home-app-wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  #page-home .home-section-title,
  #page-home .home-cta-title{
    font-size:32px !important;
  }
  #page-home .home-app-card h2{
    font-size:32px !important;
  }
  #page-home .home-feature,
  #page-home .home-use{
    padding:var(--sp-6) !important;
  }
  #page-home .home-tcard{
    padding:var(--sp-6) !important;
  }
  #page-home .home-cta-final .home-section-inner{
    padding:var(--sp-9) 14px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   Fix crítico · Sistema de páginas SPA
   Restaura las reglas base .page{display:none} y .page.active{display:block}
   que se perdieron en algún paso anterior. Sin esto, todas las páginas
   (#page-home, #page-torneo, #page-planes, #page-admin, etc.) aparecen
   apiladas al mismo tiempo porque los <div> son display:block por default.
   El !important protege de futuros overrides.
   ═════════════════════════════════════════════════════════════════════════════ */
.page{ display:none !important; min-height:100vh; }
.page.active{ display:block !important; animation:pageFade .2s ease; }
.page.active.no-fade{ animation:none !important; }
@keyframes pageFade{
  0%{ opacity:0; transform:translateY(4px); }
  to{ opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce){
  .page{ animation:none !important; }
}

@media (prefers-reduced-motion:reduce){
  .page{ animation:none !important; }
}

/* ═════════════════════════════════════════════════════════════════════════════
   Fix crítico · Modales flotantes
   1) A .modal-overlay le faltan position:fixed, inset:0, z-index, display:flex.
      Sin esas propiedades los modales aparecen apilados en el flujo del documento
      en vez de flotar sobre la página.
   2) .hidden{display:none} sin !important puede ser pisada por reglas de tema.
      El !important garantiza que los modales con class="hidden" queden ocultos.
   ═════════════════════════════════════════════════════════════════════════════ */
.modal-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:500 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.modal-overlay.modal-center-wrap{ align-items:center !important; }
.modal-overlay.modal-top-wrap{
  align-items:flex-start !important;
  padding-top:max(16px,env(safe-area-inset-top));
}
.modal-overlay.hidden,
.hidden{ display:none !important; }

.modal-overlay.hidden,
.hidden{ display:none !important; }

/* ═════════════════════════════════════════════════════════════════════════════
   Fix trofeo · Fondo FIJO para toda la home (desktop y móvil)
   Usa un pseudo-elemento con position:fixed que sigue el viewport.
   El ::before hereda la visibilidad de #page-home, así que solo se muestra
   cuando la home está activa. Funciona en iOS, Android y todos los desktops.
   ═════════════════════════════════════════════════════════════════════════════ */
#page-home{
  background:transparent !important;
  background-image:none !important;
  position:relative;
}
#page-home::before{
  content:"";
  position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.75) 45%, rgba(0,0,0,.85) 100%),
    url('https://fuvev-cdn.torneoevgstream.workers.dev/backgrounds/home-bg-trofeo-h34.webp') center center / cover no-repeat,
    #0A0906;
  pointer-events:none;
}

#page-home #fuvev-hero,
#page-home .search-sticky,
#page-home .home-stats-bar,
#page-home .home-stats-final,
#page-home #app-download,
#page-home .app-download-section,
#page-home #social-follow-section,
#page-home .social-follow-section,
#page-home .fuvev-footer,
#page-home .bg-footer{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

/* ═════════════════════════════════════════════════════════════════════════════
   Fix menú móvil · Refuerzo del sistema abierto/cerrado
   El JS agrega la clase .open al menú. Reforzamos con máxima especificidad
   para que ningún override lo pise. También subimos el z-index para que
   quede por encima de cualquier decoración de la navbar.
   ═════════════════════════════════════════════════════════════════════════════ */
.navbar .bg-nav-social-menu,
#bg-social-mobile-menu{
  display:none !important;
}
.navbar .bg-nav-social-menu.open,
#bg-social-mobile-menu.open{
  display:flex !important;
  flex-direction:column !important;
  z-index:1000 !important;
  position:fixed !important;
  top:calc(var(--nav-h, 56px) + 8px) !important;
  right:8px !important;
  left:auto !important;
  max-width:calc(100vw - 16px) !important;
  min-width:220px !important;
}