/* =====================================================================
   Horizon Padel · ajustes de MÓVIL (oct-2026)
   Revisión en 320 / 360 / 375 / 390 / 414 / 430 px:
   · zonas táctiles de al menos 44 px en lo que se pulsa a menudo
   · ningún texto por debajo de ~11 px
   · filtros y tablas que se cortaban por la derecha
   Va al final de todas las páginas públicas: solo corrige, no cambia el diseño.
   ===================================================================== */

/* Botón del menú (hamburguesa): era 32×24 px */
@media (max-width: 1199px) {
  #site-nav .hamburger {
    min-width: 44px; min-height: 44px;
    padding: 10px; margin-right: -10px;
    align-items: center; justify-content: center;
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width: 700px) {
  /* enlaces pequeños del pie y de vuelta atrás */
  .footer-mini-link,
  footer .footer-legal a { display: inline-block; padding: 10px 2px; }
  #site-footer .footer-col li { margin-bottom: 2px; }
  #site-footer .footer-col li a { display: inline-block; padding: 7px 0; }
  .ranking-back { display: inline-flex; align-items: center; min-height: 44px; }
  .pt-mega-cta { display: inline-flex; align-items: center; min-height: 44px; }
  .eq-share--s { min-height: 36px; }

  /* filtros de americanas: antes una fila con scroll lateral que cortaba «Can Via» */
  .event-filters { overflow-x: visible !important; }
  .event-filter-groups, .event-filter-group { min-width: 0; }
  .event-filter-bar { flex-wrap: wrap !important; overflow-x: visible !important; width: auto !important; max-width: 100%; padding-bottom: 0 !important; }
  .event-filter-btn { flex: 0 0 auto !important; min-height: 38px; }

  /* textos que quedaban en 9-10 px */
  .event-filter-group-label,
  .evento-premio-estrella,
  .premios-filter-btn,
  .premio-tier,
  .historial-stat-lbl,
  .nos-stat-label,
  .cap-stat-label,
  .hz-reel-card figcaption small { font-size: 11.5px !important; }
  .pt-bar b, .pt-bar span { font-size: .7rem !important; }
  .rd-views small { font-size: 11px !important; }

  /* filas del ranking: insignias y etiquetas estaban a 8-10 px */
  /* (styles.css usa «#ranking … !important»: hacen falta selectores con #ranking para ganar) */
  html .rank-badge-top, html #ranking .rank-badge-top { font-size: .7rem !important; }
  html .rank-mobile-pill, html #ranking .rank-mobile-pill { font-size: .7rem !important; letter-spacing: .02em !important; }
  html .rank-mobile-pill strong, html #ranking .rank-mobile-pill strong { font-size: .9rem !important; }
  html .ranking-row > .rank-pts small, html #ranking .ranking-row > .rank-pts small { font-size: .7rem !important; }

  /* equipos: flechas de jornada y enlace a SummaPadel */
  .lg-gjor-head button { min-width: 40px; min-height: 40px; }
  .lg-src a { display: inline-block; padding: 8px 0; }

  /* casilla de privacidad del formulario */
  #acepto-privacidad { width: 22px; height: 22px; }

  /* tabla de puntos x1/x2/x3 del ranking: que quepa entera sin desplazarse */
  .puntos-table--mult { min-width: 0 !important; width: 100%; }
  .puntos-table-wrap { overflow-x: visible !important; }
  .puntos-table--mult th, .puntos-table--mult td { padding: 10px 6px !important; font-size: 13px !important; }
  .puntos-table--mult td:first-child { white-space: normal; }
  .puntos-table--mult td:not(:first-child) { white-space: nowrap; }

  /* botón flotante: nunca más ancho que la pantalla */
  .mo-fab { max-width: calc(100vw - 24px); }
}

@media (max-width: 700px) {
  /* «Subir» del ranking: botón redondo pequeño para no tapar la columna de puntos */
  .ranking-back-to-top { min-width: 44px !important; width: 44px; height: 44px !important; padding: 0 !important; font-size: 0 !important; letter-spacing: 0 !important; }
  .ranking-back-to-top::after { content: '\2191'; font-size: 20px; line-height: 1; font-family: system-ui, sans-serif; }
  .eventos-vertodas-btn { white-space: nowrap; }
}

@media (max-width: 360px) {
  .mo-fab { font-size: 13px !important; padding: 11px 16px !important; letter-spacing: .03em !important; }
  /* las 3 cifras de cada jugador siempre en una fila */
  html .rank-mobile-stats, html #ranking .rank-mobile-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .25rem !important; }
  html .rank-mobile-pill, html #ranking .rank-mobile-pill { font-size: .69rem !important; letter-spacing: 0 !important; padding: .3rem .1rem !important; min-width: 0 !important; }
  html .rank-mobile-pill strong, html #ranking .rank-mobile-pill strong { font-size: .85rem !important; }
  .eventos-vertodas-btn { font-size: .95rem !important; padding-left: 1.2rem !important; padding-right: 1.2rem !important; }
}

/* vídeo de cabecera en móvil: arriba un poco más oscuro (los focos del techo cruzaban las etiquetas) */
@media (max-width: 700px) {
  .hz-hero-vidov { background: linear-gradient(180deg, rgba(5,8,16,.74) 0%, rgba(5,8,16,.46) 32%, rgba(5,8,16,.46) 62%, #050810 100%) !important; }
  .trn-stat-label { color: #a9b6cf !important; }
}

/* 14-oct-2026: etiquetas de las americanas («Incluye consumición»…) legibles en móvil */
@media (max-width: 700px) { html .evento-badge { font-size: .7rem !important; } }