/* r17 botones (31/10): ningún botón cortado, tapado o fuera de pantalla, en ningún tamaño.
   Revisado con un comprobador automático en 360, 390, 768, 844 (horizontal), 1024, 1280, 1440 y 1920 px. */

/* Club › Plantilla oficial: la fila «Ver liga / Analizar rival / Posiciones / Reglamento / El 11» se salía por la derecha
   en el celular (una regla del encabezado del club la obligaba a una sola línea). Ahora baja de renglón. */
html body .perfil-wrapper div[style*="min-height: 250px"] div[style*="gap:10px"]:has(> .ia-entrada, > .el11-entrada, > button[onclick*="abrirPestana"]) {
  flex-wrap: wrap !important; max-width: 100% !important; min-width: 0;
}
html body .perfil-wrapper div[style*="min-height: 250px"] div:has(> div[style*="gap:10px"] > .ia-entrada, > div[style*="gap:10px"] > .el11-entrada) {
  flex-wrap: wrap !important; min-width: 0; row-gap: 10px;
}
html body .perfil-wrapper :is(.ia-entrada, .el11-entrada) { flex: 0 1 auto !important; min-height: 40px; white-space: normal; }

/* Admin › Torneos: entre 761 px y escritorio cada tarjeta se partía en columnas y los botones salían de la pantalla
   («Tabla y fixture» a 1.400 px en una tableta). La tarjeta vuelve a ser una fila que baja de renglón. */
@media (min-width: 761px) {
  :root[data-ticopa-portal="admin"] body .ticopa-portal-card.ticopa-tournament-card { flex-direction: row !important; flex-wrap: wrap !important; height: auto !important; }
}

/* Club (pestañas): la misma regla del encabezado apretaba otras filas con «flex-wrap:wrap» en línea.
   En «XI del club», «Generar equipo» y «Exportar flyer» quedaban de 16 px de ancho. Esas filas vuelven a bajar de renglón. */
@media (max-width: 560px) {
  html body .perfil-wrapper div[style*="min-height: 250px"] .club-tab-content div[style*="flex-wrap:wrap"] { flex-wrap: wrap !important; }
  html body .perfil-wrapper div[style*="min-height: 250px"] .club-tab-content div[style*="flex-wrap:wrap"] > :is(.hero-btn, button) { flex: 1 1 130px !important; min-width: 0 !important; max-width: 100%; white-space: normal !important; }
}

/* Admin: las cuadrículas escritas «repeat(4, minmax(160px, 1fr))» (Plantillas: Liga / Club / Guardar / Publicar)
   se salían por la derecha en el celular y en horizontal. Ahora se acomodan solas a cualquier ancho. */
@supports (display: grid) {
  :root[data-ticopa-portal="admin"] body .workspace-main div[style*="grid-template-columns:repeat("][style*="minmax("] { grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)) !important; }
  :root[data-ticopa-portal="admin"] body .workspace-main div[style*="grid-template-columns:repeat("][style*="minmax("] > :is(button, .hero-btn),
  :root[data-ticopa-portal="admin"] body .workspace-main div[style*="grid-template-columns:repeat("][style*="minmax("] > div[style*="flex-wrap:wrap"] > button { flex: 1 1 100% !important; min-width: 0 !important; width: 100% !important; white-space: normal !important; height: auto !important; min-height: 44px; }
  :root[data-ticopa-portal="admin"] body .workspace-main div[style*="grid-template-columns:repeat("][style*="minmax("] > * { min-width: 0; }
  :root[data-ticopa-portal="admin"] body .workspace-main div[style*="grid-template-columns:repeat("][style*="minmax("] :is(select, input) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
}

/* Inicio · «Torneos activos»: «1 equipo · inscripciones abiertas» se salía de la tarjeta en computadora.
   El bloque de texto no podía achicarse (min-width) y la línea de datos no bajaba de renglón. */
.torneo-activo-card { min-width: 0 !important; overflow: hidden !important; }
.torneo-activo-card .ta-texto { min-width: 0 !important; overflow: hidden !important; }
.torneo-activo-card .ta-datos { white-space: normal !important; overflow-wrap: anywhere; text-overflow: clip !important; line-height: 1.25 !important; }