/* Ticopa Hub r17 · celular en vertical (≤ 560 px) y barra de abajo (≤ 1023 px). Mantiene el diseño «Marcador»; solo acomoda tamaños y lo que tapaba. */

/* Botón «Volver» arriba de cada sección (lo pone js/modules/42-movil-volver.js). En computadora está el menú lateral. */
.mc-volver { display: none; }
@media (max-width: 1023px) {
  body.marcador .mc-volver:not([hidden]) {
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 12px 16px 0; padding: 0 14px 0 10px;
    background: var(--sup-1, rgba(255,255,255,.04)); color: var(--suave, #d9d6ff); border: 1px solid var(--linea, rgba(255,255,255,.14));
    border-radius: 999px; font: 700 14px var(--f-datos, system-ui, sans-serif); cursor: pointer;
  }
  body.marcador .mc-volver .mc-volver-flecha { font-size: 22px; line-height: 1; margin-top: -2px; }
  body.marcador .mc-volver:active { background: var(--sup-2, rgba(255,255,255,.08)); }
  body.marcador .mc-volver + #tabla-contenedor { padding-top: 12px !important; }
}

/* Avisos de pruebas («Ticopa · PRUEBAS», «En vivo», barra «Ver como…»): por encima de la barra de abajo, nunca sobre ella. */
@media (max-width: 1023px) {
  body.marcador #ticopa-ambiente { bottom: calc(env(safe-area-inset-bottom, 0px) + 78px) !important; right: 8px !important; padding: 4px 8px !important; font-size: 11px !important; opacity: .92; pointer-events: none; }
  body.marcador > div[style*="right: 12px"][style*="bottom: 12px"] { bottom: calc(env(safe-area-inset-bottom, 0px) + 78px) !important; right: 132px !important; pointer-events: none; }
  /* Con la barra «Ver como…» puesta, las dos etiquetas se acomodan en apps/hub/pruebas/pruebas.css (también vale en el portal de administración). */
  body.marcador .pruebas-barra { bottom: calc(env(safe-area-inset-bottom, 0px) + 80px) !important; }
}

/* Celular en vertical: botones de al menos 40 px de alto. */
@media (max-width: 560px) {
  body.marcador .nav-actions [data-ticopa-idioma] button,
  body.marcador .nav-actions .ticopa-dt-action,
  body.marcador .nav-actions .tar-header-button,
  body.marcador .navbar .ticopa-review-shortcuts .tar-header-button[class] { min-height: 40px !important; height: auto !important; }
  body.marcador .mc-btn, body.marcador .hs-play, body.marcador .hero-btn, body.marcador .tab-btn, body.marcador .filtro-select { min-height: 40px !important; }
  /* Noticias: los filtros van uno debajo del otro (el buscador se cortaba). */
  body.marcador .editorial-filtros { display: grid !important; grid-template-columns: 1fr !important; }
  body.marcador .editorial-filtros > * { width: 100% !important; max-width: none !important; }
}