/* Horarios en el teléfono (web pública y app de staff). Todo a tamaño real: nada se achica para caber. */
:root { --hs-azul: #00263a; --hs-lima: #bfe000; --hs-borde: #dbe3ea; --hs-t2: #4a6070; --hs-t3: #6c7f8d; --hs-ambar: #8a5a00; --hs-ambar-f: #fff3d6; }
.hs { gap: 12px; }
.mk-canchas { padding: 0 16px; }
.mk-canchas .hd-cab { margin: 0 -16px; }

/* ---------- Filtros: día y categoría como botones que se deslizan ---------- */
.hs-barra { display: flex; flex-direction: column; gap: 8px; margin: 0 -2px; }
.hs-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px; -webkit-overflow-scrolling: touch; }
.hs-chips::-webkit-scrollbar { display: none; }
.hs-chips button { flex: none; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 15px; border-radius: 999px; border: 1px solid var(--hs-borde); background: #fff; color: #0f2233; font: inherit; font-weight: 700; font-size: 14.5px; cursor: pointer; }
.hs-chips button.activo { background: var(--hs-azul); border-color: var(--hs-azul); color: #fff; }
.hs-chips.cat button i { width: 9px; height: 9px; border-radius: 50%; background: var(--cat); }
.hs-dia-unico { font-weight: 800; font-size: 15px; color: #0f2233; padding: 2px 4px; }
.hs-titulo { margin: 8px 4px 0; font-size: 15px; }

/* ---------- Tarjeta de partido horizontal ---------- */
.hp { background: #fff; border: 1px solid var(--hs-borde); border-radius: 16px; padding: 11px 14px 12px; display: flex; flex-direction: column; gap: 5px; box-shadow: 0 1px 2px rgba(0,38,58,.05); position: relative; }
.hp.vivo { border-color: var(--hs-lima); box-shadow: 0 0 0 2px var(--hs-lima) inset, 0 6px 18px rgba(0,38,58,.08); }
.hp.mio { background: #fbfde9; border-color: #c9dd55; }
.hp.editable { cursor: pointer; }
.hp.editable:active { transform: scale(.99); }
.hp-cab { display: flex; align-items: center; gap: 8px; min-height: 26px; }
.hp-hora { font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums; color: #0f2233; }
.hp-estimada { font-weight: 800; font-size: 13px; color: var(--hs-ambar); background: var(--hs-ambar-f); border-radius: 7px; padding: 2px 7px; }
.hp-estado { font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--hs-t2); background: #eef2f5; border-radius: 7px; padding: 3px 8px; display: inline-flex; align-items: center; gap: 6px; }
.hp-estado.vivo { background: var(--hs-lima); color: var(--hs-azul); }
.hp-estado.vivo i, .hg-bloque.vivo i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: latido 1.4s ease-in-out infinite; display: inline-block; }
.hp-estado.prox { background: #e8f0fd; color: #1d4fa6; text-transform: none; letter-spacing: 0; font-size: 13px; }
.hp-cancha { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--hs-azul); background: #eef2f5; border-radius: 9px; padding: 3px 9px 3px 4px; max-width: 46%; }
.hp-cancha em, .hc-num { font-style: normal; display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 6px; background: var(--hs-azul, #00263a); color: #bfe000; font-size: 12px; font-weight: 800; flex: none; }
.hp-lapiz { margin-left: auto; width: 34px; height: 34px; border-radius: 10px; background: var(--hs-lima); color: var(--hs-azul); display: grid; place-items: center; flex: none; }
.hp-cancha + .hp-lapiz { margin-left: 6px; }
.hp-lapiz svg { width: 17px; height: 17px; }
.hp-lapiz.bloqueado { background: #e6ecf1; color: #7a8d9b; }
.hp-meta { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--hs-t2); }
.hp-meta > i { width: 8px; height: 8px; border-radius: 50%; background: var(--cat); flex: none; }
.hp-cod { font-size: 11.5px; font-weight: 800; color: var(--hs-t3); border: 1px solid var(--hs-borde); border-radius: 6px; padding: 0 5px; }
.hp-mio { margin-left: auto; font-size: 11.5px; font-weight: 800; color: #4b6800; background: #eef7b8; border-radius: 6px; padding: 1px 7px; }
.hp-lado { display: flex; align-items: center; gap: 10px; min-height: 30px; }
.hp-nombre { flex: 1; min-width: 0; font-size: 15.5px; font-weight: 650; color: #0f2233; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-nombre small { display: block; font-size: 12.5px; font-weight: 600; color: var(--hs-t3); white-space: normal; }
.hp-lado.gana .hp-nombre { font-weight: 800; }
.hp-lado.pierde .hp-nombre { color: var(--hs-t3); }
.hp-lado.vacia .hp-nombre { color: var(--hs-t2); font-style: italic; font-weight: 700; }
.hp-sets { display: flex; gap: 5px; flex: none; }
.hp-sets b { min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--hs-borde); font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--hs-t2); position: relative; }
.hp-sets b.g { background: var(--hs-lima); border-color: var(--hs-lima); color: var(--hs-azul); }
.hp-sets b.pts { background: var(--hs-azul); border-color: var(--hs-azul); color: var(--hs-lima); }
.hp-sets b.wo { padding: 0 8px; font-size: 13px; letter-spacing: .02em; }
.hp-sets sup { position: absolute; top: -6px; right: -5px; font-size: 10px; background: #fff; border-radius: 6px; padding: 0 2px; line-height: 1.3; }
.hp-lado + .hp-lado { border-top: 1px dashed #e4eaef; padding-top: 4px; }

/* ---------- A · Canchas en vivo ---------- */
.hc-lista { display: flex; flex-direction: column; gap: 14px; }
.hc { background: #fff; border: 1px solid var(--hs-borde); border-radius: 20px; padding: 6px 12px 10px; box-shadow: 0 1px 2px rgba(0,38,58,.05), 0 8px 22px rgba(0,38,58,.06); display: flex; flex-direction: column; gap: 8px; }
.hc.termino { background: #f7f9fb; }
.hc-cab { display: flex; align-items: center; gap: 9px; border: 0; background: none; padding: 8px 2px 2px; font: inherit; color: inherit; cursor: pointer; text-align: left; min-height: 44px; }
.hc-cab h3 { margin: 0; font-size: 19px; letter-spacing: -.01em; }
.hc-cab .hc-num { min-width: 26px; height: 26px; font-size: 14px; border-radius: 8px; }
.hc-atraso { font-weight: 800; font-size: 13px; color: var(--hs-ambar); background: var(--hs-ambar-f); border-radius: 8px; padding: 3px 9px; }
.hc-libre { font-weight: 800; font-size: 13px; color: var(--hs-t2); background: #eef2f5; border-radius: 8px; padding: 3px 9px; }
.hc-ir { margin-left: auto; color: var(--hs-t3); width: 20px; height: 20px; }
.hc-ir svg { width: 20px; height: 20px; }
.hc-ahora { display: flex; flex-direction: column; gap: 6px; }
.hc-etq { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--hs-t3); margin: 0 2px; }
.hc .hp { box-shadow: none; }
.hc-luego { display: flex; flex-direction: column; border-top: 1px solid #edf1f4; }
.hc-fila { display: flex; gap: 12px; align-items: flex-start; padding: 9px 2px 2px; }
.hc-hora { flex: none; width: 74px; font-weight: 800; font-size: 14.5px; font-variant-numeric: tabular-nums; display: flex; flex-direction: column; }
.hc-hora small { font-size: 12.5px; color: var(--hs-ambar); font-weight: 800; }
.hc-txt { min-width: 0; font-size: 14.5px; color: #0f2233; font-weight: 600; line-height: 1.3; }
.hc-txt b { display: block; font-size: 12.5px; color: var(--hs-t3); font-weight: 800; }
.hc-nada { margin: 0 4px 4px; color: var(--hs-t2); font-weight: 600; font-size: 14.5px; }
.hc-terminada { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 14px; border-radius: 16px; border: 1px solid var(--hs-borde); background: #f7f9fb; font: inherit; color: #0f2233; cursor: pointer; text-align: left; }
.hc-terminada b { font-size: 16px; }
.hc-terminada > span:not(.hc-num):not(.hc-ir) { color: var(--hs-t2); font-weight: 700; font-size: 13.5px; }
.hc-terminada .hc-ir { margin-left: auto; }
.hp-lado.completo .hp-nombre { white-space: normal; display: flex; flex-direction: column; }
.hp-jug { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hc-todos { align-self: stretch; min-height: 44px; border: 0; border-radius: 12px; background: #eef2f5; color: var(--hs-azul); font: inherit; font-weight: 800; font-size: 14.5px; cursor: pointer; }

.hd { display: flex; flex-direction: column; gap: 10px; }
.hd-cab { position: sticky; top: 0; z-index: 5; margin: 0 -16px; padding: 8px 16px 10px; background: rgba(238,242,245,.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; flex-direction: column; gap: 6px; border-bottom: 1px solid var(--hs-borde); }
.hd-volver { align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; color: #4b6800; font: inherit; font-weight: 800; font-size: 14.5px; padding: 6px 0; min-height: 36px; cursor: pointer; }
.hd-volver svg { width: 18px; height: 18px; }
.hd-nav { display: flex; align-items: center; gap: 8px; }
.hd-nav button { width: 44px; height: 44px; border-radius: 14px; border: 1px solid var(--hs-borde); background: #fff; color: var(--hs-azul); display: grid; place-items: center; cursor: pointer; }
.hd-nav button svg { width: 20px; height: 20px; }
.hd-nombre { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 21px; font-weight: 800; color: #0f2233; }
.hd-nombre .hc-num { min-width: 28px; height: 28px; font-size: 15px; border-radius: 9px; }
.hd-puntos { display: flex; justify-content: center; gap: 6px; }
.hd-puntos i { width: 7px; height: 7px; border-radius: 50%; background: #c6d2dc; }
.hd-puntos i.activo { background: var(--hs-azul); width: 18px; border-radius: 4px; }
.hd-lista { display: flex; flex-direction: column; gap: 10px; }
.hd-jugados { min-height: 44px; border: 1px dashed #c6d2dc; border-radius: 14px; background: transparent; color: var(--hs-t2); font: inherit; font-weight: 800; font-size: 14.5px; cursor: pointer; }
.hd-actual { display: flex; flex-direction: column; gap: 6px; }

/* ---------- B · Mis partidos ---------- */
.mp { background: var(--hs-azul); color: #fff; border-radius: 22px; padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 12px 30px rgba(0,38,58,.22); }
.mp-quien { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 15px; }
.mp-quien small { display: block; font-size: 12.5px; color: rgba(255,255,255,.7); font-weight: 700; }
.mp-estrella { color: var(--hs-lima); font-size: 20px; }
.mp-dejar { margin-left: auto; border: 0; background: rgba(255,255,255,.1); color: rgba(255,255,255,.85); border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; flex: none; }
.mp-cuando { display: flex; flex-direction: column; gap: 2px; }
.mp-etq { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--hs-lima); }
.mp-hora { font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.mp-rel { font-size: 15px; color: rgba(255,255,255,.85); font-weight: 600; }
.mp-rel b { color: #ffd166; }
.mp-donde { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 19px; }
.mp-donde .hc-num { background: var(--hs-lima); color: var(--hs-azul); min-width: 28px; height: 28px; font-size: 15px; }
.mp-donde small { flex-basis: 100%; font-size: 13.5px; color: rgba(255,255,255,.75); font-weight: 600; }
.mp-que { font-size: 15.5px; color: rgba(255,255,255,.9); line-height: 1.35; }
.mp-que b { color: #fff; }
.mp-que small { display: block; color: rgba(255,255,255,.7); font-size: 13.5px; }
.mp-acciones { display: flex; gap: 8px; }
.mp-acciones .btn { flex: 1; min-height: 46px; justify-content: center; font-weight: 800; }
.mp-acciones .btn.lima { background: var(--hs-lima); border-color: var(--hs-lima); color: var(--hs-azul); }
.mp-nombres { min-width: 0; line-height: 1.25; }
.mp-nombres b { display: block; font-weight: 800; }
.mp-ahora { display: flex; align-items: center; gap: 10px; }
.mp-donde-chico { font-weight: 800; }
.mp .hp { color: #0f2233; }
.mp-si { font-size: 14px; color: rgba(255,255,255,.85); background: rgba(255,255,255,.08); border-radius: 12px; padding: 10px 12px; line-height: 1.4; }
.mp-si b { color: var(--hs-lima); }
.mp-camino summary { cursor: pointer; font-weight: 800; font-size: 14.5px; color: var(--hs-lima); padding: 6px 2px; min-height: 36px; display: flex; align-items: center; }
.mp-camino[open] { display: flex; flex-direction: column; gap: 8px; }
.mp-fin { font-size: 16px; color: rgba(255,255,255,.85); }
.mp-buscar { background: #fff; border: 1px solid var(--hs-borde); border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.mp-buscar h3 { margin: 0; font-size: 19px; }
.mp-buscar p { margin: 0; color: var(--hs-t2); font-size: 14.5px; line-height: 1.45; }
.mp-buscar.chico h3 { font-size: 15px; }
.mp-input { display: flex; align-items: center; gap: 8px; border: 1px solid var(--hs-borde); border-radius: 14px; padding: 0 12px; min-height: 48px; background: #f7f9fb; }
.mp-input svg { width: 18px; height: 18px; color: var(--hs-t3); }
.mp-input input { flex: 1; border: 0; background: none; font: inherit; font-size: 16px; outline: none; min-width: 0; }
.mp-opcion { display: flex; align-items: center; gap: 10px; border: 1px solid var(--hs-borde); background: #fff; border-radius: 14px; padding: 10px 12px; text-align: left; font: inherit; cursor: pointer; min-height: 52px; }
.mp-opcion span { flex: 1; font-weight: 700; font-size: 15px; color: #0f2233; }
.mp-opcion small { display: block; font-size: 12.5px; color: var(--hs-t3); }
.mp-opcion b { color: var(--hs-azul); background: var(--hs-lima); border-radius: 10px; padding: 7px 12px; font-size: 13.5px; }
.mp-club { display: flex; flex-direction: column; gap: 8px; }
.hs-seguir { display: flex; flex-direction: column; gap: 8px; }
.mp-opcion.ya { cursor: default; background: #fbfde9; border-color: #c9dd55; }
.mp-opcion.ya b { background: transparent; color: #4b6800; padding: 7px 4px; }
.mp-invitar { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 14px; border-radius: 18px; border: 1px dashed #b7c6d2; background: #fff; color: #0f2233; font: inherit; text-align: left; cursor: pointer; }
.mp-invitar > span:nth-child(2) { flex: 1; font-weight: 700; font-size: 15px; }
.mp-invitar small { display: block; font-size: 13px; font-weight: 600; color: var(--hs-t2); }
.mp-invitar .mp-estrella { color: #8aa400; font-size: 22px; }
.mp-invitar svg { width: 18px; height: 18px; color: var(--hs-t3); }
/* En pantallas anchas (computadora, TV) las canchas van una al lado de la otra. */
@media (min-width: 900px) {
  .hc-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); align-items: start; }
}
.mp-club h3 { margin: 6px 4px 0; font-size: 15px; }

/* ---------- C · Guía del día ---------- */
.hg { display: flex; flex-direction: column; gap: 8px; }
.hg-caja { overflow-x: auto; margin: 0 -16px; padding: 0 0 6px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.hg-lienzo { position: relative; }
.hg-eje { position: relative; height: 28px; }
.hg-eje span { position: absolute; top: 4px; font-size: 12.5px; font-weight: 800; color: var(--hs-t3); transform: translateX(-2px); white-space: nowrap; }
.hg-esq { position: sticky !important; left: 0; width: 92px; height: 28px; background: #eef2f5; z-index: 3; display: block; top: 0 !important; transform: none !important; }
.hg-fila { position: relative; display: flex; height: 92px; border-top: 1px solid #dfe6ec; }
.hg-cancha { position: sticky; left: 0; z-index: 2; width: 92px; flex: none; background: #eef2f5; padding: 8px 8px 8px 16px; display: flex; flex-direction: column; gap: 3px; box-shadow: 6px 0 10px -8px rgba(0,38,58,.25); }
.hg-cancha b { font-size: 14px; line-height: 1.15; color: #0f2233; }
.hg-cancha small { font-size: 11.5px; font-weight: 800; color: var(--hs-ambar); }
.hg-cancha .hc-num { align-self: flex-start; }
.hg-pista { position: relative; flex: none; height: 100%; }
.hg-bloque { position: absolute; top: 6px; bottom: 6px; border: 1px solid var(--hs-borde); border-left: 4px solid var(--cat); border-radius: 11px; background: #fff; padding: 5px 7px; display: flex; flex-direction: column; gap: 2px; text-align: left; font: inherit; cursor: pointer; overflow: hidden; }
.hg-bloque.fin { background: #f6f8fa; }
.hg-bloque.vivo { border-color: var(--hs-lima); box-shadow: 0 0 0 2px var(--hs-lima) inset; }
.hg-bloque.mio { background: #fbfde9; }
.hg-b-cab { font-size: 11.5px; font-weight: 800; color: var(--hs-t3); display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.hg-b-fila { display: flex; gap: 6px; align-items: baseline; font-size: 13px; font-weight: 650; color: #0f2233; }
.hg-b-fila span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hg-b-fila b { font-variant-numeric: tabular-nums; font-size: 13px; }
.hg-bloque.fin .hg-b-fila { color: var(--hs-t3); }
.hg-bloque.fin .hg-b-fila.gana { color: #0f2233; font-weight: 800; }
.hg-ahora { position: absolute; top: 22px; bottom: 0; width: 2px; background: #e5484d; z-index: 1; pointer-events: none; }
.hg-ahora span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background: #e5484d; color: #fff; font-size: 11.5px; font-weight: 800; border-radius: 6px; padding: 1px 6px; white-space: nowrap; }
.hg-ayuda { margin: 0 4px; font-size: 13px; color: var(--hs-t3); }
.hg-hoja-fondo { position: fixed; inset: 0; z-index: 50; background: rgba(0,20,32,.45); display: flex; align-items: flex-end; animation: hg-fondo .2s ease; }
.hg-hoja { width: 100%; background: #eef2f5; border-radius: 22px 22px 0 0; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 12px; animation: hg-sube .28s cubic-bezier(.2,.8,.2,1); }
.hg-hoja .btn { min-height: 48px; justify-content: center; }
@keyframes hg-fondo { from { opacity: 0; } }
@keyframes hg-sube { from { transform: translateY(40%); opacity: .6; } }

@media (prefers-reduced-motion: reduce) { .hg-hoja, .hg-hoja-fondo { animation: none; } }

/* ---------- Franja azul más corta en el teléfono: el horario empieza más arriba ---------- */
@media (max-width: 640px) {
  .pub-hero.compacto { gap: 9px; padding: 12px 0 14px; }
  .pub-hero.compacto h1 { font-size: 25px; }
  .pub-hero.compacto .tt-datos { flex-direction: row; flex-wrap: wrap; gap: 4px 14px; }
  .pub-hero.compacto .tt-datos li { font-size: 13.5px; gap: 5px; align-items: center; }
  .pub-hero.compacto .tt-datos li svg { width: 15px; height: 15px; margin-top: 0; }
  .pub-hero.compacto a.pub-volver { font-size: 13.5px; }
  .pub-hero.compacto .pub-buscar { margin-top: 2px; }
  .pub-hero.compacto .pub-segmento { margin-top: 2px; }
  .pub-hero.compacto .pub-segmento button { padding: 9px 6px; font-size: 13.5px; }
}

/* Pestañas del torneo: todas completas en una fila, en el teléfono y en cualquier ancho en que no quepan (ej. el teléfono
   acostado con 6 pestañas). La página pone la clase "ajustar" y elige la letra (--pl) y el relleno (--pp) más grandes con
   los que caben (5 pestañas en 375 px: unos 12 px de letra); si ni así caben, van en dos filas (clase dos-filas). */
.pub-hero.compacto .pub-segmento.pestanas-torneo.ajustar { align-self: stretch; padding: 3px; gap: 0; border-radius: 13px; }
.pub-hero.compacto .pub-segmento.pestanas-torneo.ajustar button { flex: 1 0 auto; justify-content: center; padding: 10px var(--pp, 6px); font-size: var(--pl, 13.5px); letter-spacing: -.01em; border-radius: 10px; }
.pub-hero.compacto .pub-segmento.pestanas-torneo.dos-filas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; }
.pub-segmento.pestanas-torneo.dos-filas button { grid-column: span 2; justify-content: center; }
/* 4 pestañas: 2 y 2 · 5 pestañas: 3 arriba y 2 abajo · 6 pestañas: 3 y 3 */
.pub-segmento.pestanas-torneo.dos-filas button:first-child:nth-last-child(4), .pub-segmento.pestanas-torneo.dos-filas button:first-child:nth-last-child(4) ~ button,
.pub-segmento.pestanas-torneo.dos-filas button:nth-child(4):nth-last-child(2), .pub-segmento.pestanas-torneo.dos-filas button:nth-child(5):last-child { grid-column: span 3; }

/* App de staff instalada en iPhone: la cabecera de la cancha, al quedar pegada arriba, va debajo de la cabecera azul
   (62 px más el área segura de la barra de estado), así no queda debajo de la hora ni tapa el azul. */
.mk-canchas .hd-cab { top: calc(62px + env(safe-area-inset-top, 0px)); }

/* ---------- Actualización 23: área para tocar de 44 px o más (se ve igual) ----------
   Botones chicos de la web: un ::after invisible agranda la zona que recibe el toque. */
.sg-ir::after, .pi-x::after, .cp-x::after, .sg-fila .sg-estrella::after,
.pub-hero.compacto .pub-segmento.pestanas-torneo.ajustar:not(.dos-filas) button::after { content: ''; position: absolute; }
.sg-ir::after { top: -6px; bottom: -10px; left: -4px; right: -4px; }              /* "Ver cancha": 30 → 44 */
.pi-x::after, .cp-x::after { top: -4px; bottom: -4px; left: -4px; right: -4px; }   /* X del aviso para instalar y de compartir: 36 → 44 */
.sg-estrella { position: relative; }
.sg-estrella::after { content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; } /* estrella del buscador: 40 → 44 */
.sg-fila .sg-estrella::after { top: -6px; bottom: -6px; left: -6px; right: -6px; } /* estrella de "Mis partidos": 34 → 44 */
/* Pestañas del torneo cuando se ajustan en una fila: el toque llega al borde de la barra (44 px de alto en total). */
.pub-hero.compacto .pub-segmento.pestanas-torneo.ajustar:not(.dos-filas) button { position: relative; min-height: 38px; }
.pub-hero.compacto .pub-segmento.pestanas-torneo.ajustar:not(.dos-filas) button::after { top: -3px; bottom: -3px; left: 0; right: 0; }