/* Sitio público: en computadora se ve como página web (barra completa, portada a todo el ancho, secciones sin tarjetas) */
.sitefoot{margin-top:40px;border-top:1px solid #ffffff12;background:#08090b;padding:28px 16px calc(96px + env(safe-area-inset-bottom))}
.sitefoot .in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px;color:var(--muted);font-size:13px}
.sitefoot .fb{display:flex;align-items:center;gap:12px}.sitefoot .fb img{height:38px;width:auto}
.sitefoot .fb b{display:block;color:var(--text);font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:2px}
.sitefoot .fl{display:none}.sitefoot a{color:inherit}.sitefoot .fc b{color:var(--text)}

@media(min-width:1000px){
  body.pub{background:var(--bg)}
  body.pub .top{position:sticky;top:0;padding:0 var(--sx);height:72px;background:rgba(10,11,13,.92);border-bottom:1px solid #ffffff14;flex-wrap:nowrap}
  body.pub .top .brand img.logo{height:40px}
  body.pub #nav{position:fixed;top:0;right:var(--sx);height:72px;display:flex;align-items:stretch;gap:6px;z-index:30}
  body.pub #nav a{display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:none;border-radius:0;color:var(--muted);border-bottom:3px solid transparent;border-top:3px solid transparent}
  body.pub #nav a:hover{color:var(--text)}
  body.pub #nav a.on{background:none;color:var(--text);border-bottom-color:var(--accent)}
  body.pub #view[data-r].wrap{max-width:none;padding:0 0 0}
  body.pub #view>*{box-sizing:border-box}

  /* portada a todo el ancho */
  body.pub .phero{margin:0;border-radius:0;border:0;border-bottom:1px solid #ffffff14;box-shadow:none;padding:64px var(--sx) 56px;gap:40px;background:radial-gradient(900px 380px at 85% 0,#d6f03c2e,transparent 70%),linear-gradient(180deg,#14161a,#0a0b0d)}
  body.pub .phero .big,body.pub .phero img.big{width:150px;height:150px;border-radius:50%}
  body.pub .phero h1{font-size:104px;letter-spacing:3px}
  body.pub .phero .sub{font-size:19px;margin-top:4px}
  body.pub .phero small.eb{font-size:13px;letter-spacing:3px}
  body.pub .livebig{margin:24px var(--sx) 0}

  /* cifras en franja, sin cajas */
  body.pub .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 var(--sx);border-bottom:1px solid #ffffff14}
  body.pub .kpi{background:none;border:0;border-radius:0;box-shadow:none;text-align:left;padding:34px 8px 34px 28px;border-left:1px solid #ffffff14}
  body.pub .kpi:first-child{border-left:0;padding-left:0}
  body.pub .kpi b{font-size:72px;color:var(--text)}
  body.pub .kpi span{font-size:13px;letter-spacing:1.6px}

  /* secciones */
  body.pub .cols{margin:0 var(--sx);gap:0 64px;padding-top:12px;grid-template-columns:1.5fr 1fr}
  body.pub h2{font-size:34px;letter-spacing:3px;margin:40px 0 18px}
  body.pub h2::after{background:var(--accent);height:2px;max-width:56px;flex:none}
  body.pub .grow{margin:0;border-radius:0;background:none;border:0;border-bottom:1px solid #ffffff14;padding:20px 8px 20px 20px;transition:background .15s}
  body.pub .grow:hover{background:#ffffff08}
  body.pub .grow .mid b{font-size:19px}body.pub .grow .mid span{font-size:14px}
  body.pub .grow .sc{font-size:44px}
  body.pub .card{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0}
  body.pub .card.empty,body.pub .empty{padding:28px 0;font-size:15px}
  body.pub .leader{padding:16px 0}
  body.pub .leader b{font-size:18px}body.pub .leader .v{font-size:34px}

  /* contenido de las demás páginas con ancho de sitio */
  body.pub #view[data-r]:not([data-r="home"]){padding:8px var(--sx) 0}

  /* pie de página */
  .sitefoot{margin-top:72px;padding:48px 32px 40px}
  .sitefoot .in{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;font-size:14px}
  .sitefoot .fl{display:flex;gap:26px}.sitefoot .fl a{text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:13px}
  .sitefoot .fl a:hover{color:var(--accent)}
}

/* ===== ajustes: barra más alta, páginas interiores, pie sin choques ===== */
@media(min-width:1000px){
  body.pub .top{height:88px}
  body.pub .top .brand img.logo{height:54px}
  body.pub .top .brand .wm{height:36px}
  body.pub .top .brandtxt small{font-size:14px}
  body.pub #nav{height:88px;gap:10px}
  body.pub #nav a{padding:0 18px;font-size:15px}

  /* los bloques de la portada solo para el inicio */
  body.pub #view:not([data-r="home"]) .kpis{margin:0 0 8px;gap:14px;border:0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
  body.pub #view:not([data-r="home"]) .kpi{background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);border:1px solid #ffffff14;border-radius:14px;text-align:center;padding:22px 10px}
  body.pub #view:not([data-r="home"]) .kpi:first-child{padding-left:10px}
  body.pub #view:not([data-r="home"]) .kpi b{font-size:48px}
  body.pub #view:not([data-r="home"]) h3{font-size:22px;letter-spacing:2px;margin:28px 0 12px;color:var(--muted);text-transform:uppercase}
  body.pub #view[data-r]:not([data-r="home"]){padding-top:12px;padding-bottom:0;min-height:60vh}

  /* pestañas */
  body.pub .pills{display:flex;gap:6px;border-bottom:1px solid #ffffff14;margin:0 0 22px;padding:0;flex-wrap:wrap}
  body.pub .pill{background:none;border:0;border-radius:0;padding:12px 20px;font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
  body.pub .pill:hover{color:var(--text)}
  body.pub .pill.on{background:none;color:var(--text);border-bottom-color:var(--accent)}

  /* tablas */
  body.pub .tbl{width:100%;font-size:15px}
  body.pub .tbl th{font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:14px 10px}
  body.pub .tbl td{padding:15px 10px}
  body.pub .tbl tbody tr:hover{background:#ffffff08}

  /* jugadores en cuadrícula */
  body.pub #view[data-r="jugadores"]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}
  body.pub #view[data-r="jugadores"]>h2,body.pub #view[data-r="jugadores"]>.empty{grid-column:1/-1}
  body.pub #view[data-r="jugadores"] a.card{background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);border:1px solid #ffffff14;border-radius:16px;padding:18px 20px;margin:0;transition:border-color .15s,transform .15s}
  body.pub #view[data-r="jugadores"] a.card:hover{border-color:var(--accent);transform:translateY(-2px)}

  /* perfil del equipo */
  body.pub #view[data-r="equipo"]>.card:first-child{padding:8px 0 22px}
  body.pub #view[data-r="equipo"]>.card:first-child img,body.pub #view[data-r="equipo"]>.card:first-child .logo{width:110px;height:110px;border-radius:50%;object-fit:contain;font-size:44px}
  body.pub #view[data-r="equipo"] h1{font-size:64px;letter-spacing:2px;margin:0}
  body.pub #view[data-r="equipo"] a.card.tight{background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);border:1px solid #ffffff14;border-radius:14px;padding:16px 20px;margin:0 0 10px}
  body.pub #view[data-r="jugador"] h1,body.pub #view[data-r="juego"] h1{font-size:54px;margin:0}
  body.pub #view .card{margin:0 0 12px}
  body.pub #view .card.empty{border:1px dashed #ffffff24;border-radius:14px;padding:40px;text-align:center}

  .sitefoot .in{flex-wrap:wrap}.sitefoot .fl{flex:none;flex-wrap:wrap}.sitefoot .fl a,.sitefoot .fc{white-space:nowrap}
}

@media(min-width:1000px){
  body.pub{--sx:max(40px,calc((100vw - 1640px)/2 + 40px))}
  body.pub .top{height:100px}
  body.pub #nav{height:100px;gap:14px}
  body.pub #nav a{padding:0 22px;font-size:16px}
  body.pub .top .brand{gap:16px}
  body.pub .top .brand img.logo{height:62px}
  body.pub .top .brand .wm{height:42px}
  body.pub .top .brandtxt small{font-size:15px}
  .sitefoot .in{max-width:1640px}
}