/* =====================================================================
   Ticopa Hub · rediseño «Marcador» (r17 pulido) · 6) Arranque sin saltos
   El inicio se pinta UNA sola vez: mientras se comprueba la sesión y llegan los datos se ve un esqueleto del mismo tamaño
   (#mc-esqueleto-home) y la página real se arma escondida detrás. Al terminar, el esqueleto se quita y aparece todo junto.
   El interruptor es <html data-arranque>: lo pone un script chico del <head> y lo quita js/core/08-marcador-arranque.js
   (o, como tope, a los 7 s). Sin JavaScript no existe nada de esto.
   ===================================================================== */

/* ---------- Esqueleto del inicio ---------- */
#mc-esqueleto-home { display: none; }
html[data-arranque] #mc-esqueleto-home { display: block; }
html[data-arranque] #hero-seccion { position: absolute !important; left: 0; right: 0; visibility: hidden !important; pointer-events: none; }
html[data-arranque] .ticopa-global-loader { display: none !important; }
/* el menú (barra de abajo / lateral) llega junto con la portada, no antes */
html[data-arranque] .marcador-nav-inf, html[data-arranque] .marcador-riel, html[data-arranque] [data-ticopa-idioma],
html[data-arranque] #pruebas-ver-como, html[data-arranque] body.marcador > [style*="position: fixed"][style*="bottom: 12px"] { visibility: hidden; }
html[data-arranque] #ticopa-review-shortcuts, html[data-arranque] .ticopa-account-mode, html[data-arranque] #alerta-stream-en-vivo { display: none !important; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b, :is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-t { background: rgba(151, 146, 200, .14); border-radius: 8px; color: transparent !important; border-color: transparent !important; box-shadow: none !important; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-t { display: inline-block; max-width: 100%; vertical-align: middle; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b.mc-escudo-g, :is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b.mc-escudo-p { display: block; border-radius: 50%; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b.mc-escudo-g { width: 34px; height: 34px; }
@media (min-width: 560px) { :is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b.mc-escudo-g { width: 40px; height: 40px; } }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-b.mc-escudo-p { width: 26px; height: 26px; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-btn { display: inline-flex; min-height: 44px; border: 0 !important; background: rgba(151, 146, 200, .14) !important; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-marcador { pointer-events: none; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-mini { pointer-events: none; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-ia { pointer-events: none; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-ia .mc-etq { color: transparent; }
:is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-ia h3, :is(#mc-esqueleto-home, .mc-esq-slot) .mc-esq-ia p { background: none; }
:is(#mc-esqueleto-home, .mc-esq-slot) .torneo-activo-card.mc-esq-b { display: block; min-height: 69px; }
:is(#mc-esqueleto-home, .mc-esq-slot) * { animation: none !important; transition: none !important; }

/* ---------- Botón de la cuenta mientras se comprueba la sesión ---------- */
/* Mismo tamaño que el botón final («Mi cuenta» / «Iniciar sesión»): al llegar la respuesta no se mueve nada. */
html[data-arranque] body.marcador #btn-portal-sesion, body.marcador #btn-portal-sesion[data-estado-sesion="comprobando"] { font-size: 0 !important; position: relative; pointer-events: none; }
html[data-arranque] body.marcador #btn-portal-sesion::before, body.marcador #btn-portal-sesion[data-estado-sesion="comprobando"]::before {
  content: "" !important; display: block !important; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; box-sizing: border-box;
  border-radius: 50%; border: 2px solid rgba(255, 255, 255, .28) !important; border-top-color: #fff !important; background: none !important; animation: mc-girar .8s linear infinite;
}
@keyframes mc-girar { to { transform: rotate(360deg); } }
body.marcador #btn-portal-sesion { transition: none !important; }
body.marcador #btn-portal-sesion[data-estado-sesion="comprobando"], html[data-arranque] body.marcador #btn-portal-sesion { min-width: 96px; }
@media (prefers-reduced-motion: reduce) { html[data-arranque] body.marcador #btn-portal-sesion::before, body.marcador #btn-portal-sesion[data-estado-sesion="comprobando"]::before { animation: none; border-top-color: rgba(255, 255, 255, .28); } }

/* Si el marcador destacado no llega: el hueco queda con un mensaje chico y el resto no se mueve. */
.mc-esq-slot .mc-esq-aviso { margin: 8px 0 0; text-align: center; }
.mc-esq-slot.mc-esq-fallo { opacity: .85; }
/* El lugar de «Torneos activos» se reserva desde el primer cuadro (la cabecera del celular es de la rama claude/r17-cabecera) */
#torneos-activos-home { min-height: 103px; }