/* EA FC 27 · BD & Tradeo — estilo violeta neón minimalista.
   Todo color sale de estas variables; el brillo del acento solo va en lo activo. */
:root {
  color-scheme: dark;
  --fondo: #05070a;
  --panel: #0e1117;
  --panel-2: #0a0d12;
  --linea: #1c222c;
  --tinta: #e8eaed;
  --suave: #8a93a1;
  --acento: #c77dff;
  --acento-brillo: rgba(199, 125, 255, 0.5);
  --acento-suave: rgba(199, 125, 255, 0.14);
  --sube: #3ddc97;
  --baja: #ff5c7a;
  --barra: #2a313c;
  --radio: 10px;
  --fuente-titulo: "Chakra Petch", "Manrope", system-ui, sans-serif;
  --fuente-texto: "Manrope", system-ui, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: var(--fuente-texto); font-size: 14px; line-height: 1.45; padding: 0 16px 40px; }
button, input, select { font: inherit; color: inherit; }
img { max-width: 100%; }
:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; box-shadow: 0 0 10px var(--acento-brillo); }
.num { font-variant-numeric: tabular-nums; }
.etq { color: var(--suave); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.nota { color: var(--suave); font-size: 12px; }
.mensaje { color: var(--suave); padding: 36px 16px; text-align: center; display: grid; gap: 12px; justify-items: center; grid-column: 1 / -1; }
.boton { background: var(--panel); border: 1px solid var(--acento); border-radius: 8px; padding: 8px 14px; cursor: pointer; font-weight: 600; }
.boton:hover { box-shadow: 0 0 12px var(--acento-brillo); }
.btn-texto { background: none; border: none; color: var(--suave); cursor: pointer; font-size: 12px; text-decoration: underline; padding: 2px 4px; }
.btn-texto:hover { color: var(--tinta); }
.entrada { width: 100%; background: var(--panel-2); border: 1px solid var(--linea); border-radius: 8px; padding: 9px 11px; outline: none; }
.entrada:focus { border-color: var(--acento); }
.select { background: var(--panel-2); border: 1px solid var(--linea); border-radius: 8px; padding: 8px 10px; }
.sube { color: var(--sube); }
.baja { color: var(--baja); }

/* ---------- Navegación ---------- */
.nav { display: flex; gap: 8px; align-items: center; max-width: 1400px; margin: 0 auto; padding: 18px 0 14px; border-bottom: 1px solid var(--linea); }
.marca { font-family: var(--fuente-titulo); font-weight: 700; letter-spacing: 0.06em; margin-right: auto; }
.marca b { color: var(--acento); text-shadow: 0 0 10px var(--acento-brillo); }
.tab { background: none; border: 1px solid transparent; border-radius: 8px; padding: 8px 16px; color: var(--suave); font-family: var(--fuente-titulo); font-weight: 700; font-size: 15px; cursor: pointer; }
.tab:hover { color: var(--tinta); }
.tab.activa { color: var(--tinta); border-color: var(--acento); box-shadow: 0 0 12px var(--acento-brillo); }
.vista { display: none; max-width: 1400px; margin: 20px auto 0; }
.vista.activa { display: block; }

/* ---------- BD: distribución ---------- */
.bd { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.bd-barra { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.bd-total { font-family: var(--fuente-titulo); font-weight: 700; margin-right: auto; }
.chip-activo { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--acento); border-radius: 999px; padding: 4px 10px; font-size: 12px; background: var(--panel-2); cursor: pointer; }
.chip-activo:hover { box-shadow: 0 0 10px var(--acento-brillo); }
.btn-filtros-movil { display: none; }
.buscar-rapida { display: none; }
.velo-filtros { display: none; }

/* ---------- Grilla ---------- */
.grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.carta { position: relative; background: var(--panel); border: 1px solid var(--linea); border-radius: var(--radio); padding: 10px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; min-width: 0; }
.carta:hover, .carta:focus-visible { border-color: var(--acento); box-shadow: 0 0 0 1px var(--acento), 0 0 16px var(--acento-brillo); transform: translateY(-2px); outline: none; }
.carta img { display: block; width: 100%; height: auto; }
.carta .estrella { position: absolute; top: 8px; right: 10px; color: var(--acento); text-shadow: 0 0 8px var(--acento-brillo); }
.carta .estrella.auto { color: var(--suave); text-shadow: none; }
.chip-motivo { display: inline-block; font-size: 10px; border: 1px solid var(--linea); color: var(--suave); border-radius: 999px; padding: 2px 7px; margin: 3px 6px 0 0; white-space: nowrap; }
.carta .nombre { margin-top: 6px; font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pastilla { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 6px; background: var(--panel-2); border: 1px solid var(--linea); border-radius: 999px; padding: 4px 10px; font-size: 12px; }
.pastilla .pos { color: var(--suave); font-weight: 700; }
.pastilla .precio { font-family: var(--fuente-titulo); font-weight: 700; }
.pastilla .sin-precio { color: var(--suave); font-size: 11px; }
.carta .cambio { font-size: 11px; margin-top: 4px; }
.carta .cambio.sin-dato { color: var(--suave); }
.spark { display: block; width: 100%; height: 24px; margin-top: 4px; }
.paginacion { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 18px 0; }
.btn-pag { background: var(--panel); border: 1px solid var(--linea); border-radius: 8px; padding: 6px 12px; cursor: pointer; color: var(--suave); }
.btn-pag.activa { color: var(--tinta); border-color: var(--acento); box-shadow: 0 0 10px var(--acento-brillo); }
.btn-pag:disabled { opacity: 0.4; cursor: default; }
.pag-puntos { color: var(--suave); padding: 6px 2px; }

/* ---------- Panel de filtros ---------- */
.panel { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; padding: 14px; display: grid; gap: 6px; align-content: start; }
.panel-cab { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.panel-cab h2 { font-family: var(--fuente-titulo); font-size: 16px; margin: 0 auto 0 0; }
.panel-cerrar { display: none; }
.seccion { border-top: 1px solid var(--linea); padding: 10px 0 4px; }
.seccion > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; font-weight: 600; font-size: 13px; }
.seccion > summary::-webkit-details-marker { display: none; }
.seccion > summary::after { content: "▾"; color: var(--suave); }
.seccion:not([open]) > summary::after { content: "▸"; }
.seccion-cuerpo { margin-top: 10px; display: grid; gap: 8px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid var(--linea); border-radius: 8px; padding: 5px 9px; font-size: 12px; color: var(--suave); cursor: pointer; }
.chip img { width: 18px; height: 18px; object-fit: contain; }
.chip .cant { font-size: 11px; opacity: 0.75; }
.chip:hover { color: var(--tinta); }
.chip.activo { color: var(--tinta); border-color: var(--acento); box-shadow: 0 0 10px var(--acento-brillo); }
.grupo-pos { display: grid; gap: 4px; }
.histo { display: flex; align-items: flex-end; gap: 3px; height: 44px; }
.histo i { flex: 1; background: var(--barra); border-radius: 3px 3px 0 0; min-height: 2px; }
.histo i.dentro { background: var(--acento); box-shadow: 0 0 8px var(--acento-brillo); }
.doble { position: relative; height: 22px; }
.doble .riel { position: absolute; left: 0; right: 0; top: 10px; height: 3px; background: var(--barra); border-radius: 3px; }
.doble .tramo { position: absolute; top: 10px; height: 3px; background: var(--acento); box-shadow: 0 0 8px var(--acento-brillo); }
.doble input[type="range"] { position: absolute; inset: 0; width: 100%; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.doble input[type="range"]::-webkit-slider-runnable-track { background: none; }
.doble input[type="range"]::-webkit-slider-thumb { pointer-events: auto; -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--fondo); border: 2px solid var(--acento); box-shadow: 0 0 8px var(--acento-brillo); cursor: pointer; margin-top: 3px; }
.doble input[type="range"]::-moz-range-thumb { pointer-events: auto; width: 13px; height: 13px; border-radius: 50%; background: var(--fondo); border: 2px solid var(--acento); cursor: pointer; }
.rango-valores { display: flex; justify-content: space-between; font-size: 12px; color: var(--suave); }
.interruptor { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; cursor: pointer; }
.interruptor input { accent-color: var(--acento); width: 16px; height: 16px; }
.panel-pie { display: none; }

/* ---------- Ficha del jugador ---------- */
.modal-fondo { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.72); z-index: 50; overflow-y: auto; padding: 30px 16px; }
.modal-fondo.abierto { display: block; }
.modal { max-width: 860px; margin: 0 auto; background: var(--panel); border: 1px solid var(--linea); border-radius: 14px; padding: 24px; box-shadow: 0 0 40px var(--acento-suave); }
.modal-cabecera { display: flex; gap: 18px; align-items: center; }
.modal-cabecera img { width: 110px; }
.modal-cabecera h2 { margin: 0 0 6px; font-family: var(--fuente-titulo); font-size: 24px; }
.modal-sub { color: var(--suave); font-size: 13px; }
.modal-cerrar { margin-left: auto; align-self: flex-start; background: none; border: none; color: var(--suave); font-size: 22px; cursor: pointer; }
.modal-cerrar:hover { color: var(--tinta); }
.btn-seguir { margin-top: 12px; background: var(--panel-2); border: 1px solid var(--linea); border-radius: 8px; padding: 8px 14px; cursor: pointer; font-weight: 600; }
.btn-seguir.activo { border-color: var(--acento); color: var(--acento); box-shadow: 0 0 10px var(--acento-brillo); }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 22px 0; }
.stat { background: var(--panel-2); border: 1px solid var(--linea); border-radius: 10px; padding: 12px 14px; display: grid; gap: 6px; }
.stat .valor { font-family: var(--fuente-titulo); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.titulo-seccion { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin: 22px 0 10px; font-family: var(--fuente-titulo); font-weight: 700; font-size: 16px; }
.grafico { position: relative; background: var(--panel-2); border: 1px solid var(--linea); border-radius: 10px; padding: 10px; }
.grafico svg { display: block; width: 100%; height: auto; }
.tooltip { position: absolute; pointer-events: none; background: var(--fondo); border: 1px solid var(--acento); border-radius: 8px; padding: 8px 10px; font-size: 12px; white-space: nowrap; }
.tooltip b { font-size: 14px; }
.tabla { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.tabla th, .tabla td { text-align: right; padding: 6px 8px; border-bottom: 1px solid var(--linea); }
.tabla th:first-child, .tabla td:first-child { text-align: left; }
.tabla th { color: var(--suave); font-weight: 600; font-size: 12px; }
.ver-tabla summary { cursor: pointer; color: var(--suave); font-size: 13px; margin-top: 10px; }
.calc { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.calc label { display: block; margin-bottom: 6px; }
.aviso { color: var(--acento); font-size: 13px; margin-top: 8px; }

/* ---------- Tradeo ---------- */
/* PC: reloj y método del momento lado a lado; la biblioteca abajo a todo el ancho (en celular, una columna) */
.tradeo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 22px; align-items: start; }
.tradeo > section[aria-label="Biblioteca de métodos"] { grid-column: 1 / -1; }
.metodo-actual { align-self: stretch; }
.reloj { background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; padding: 20px; display: grid; gap: 16px; }
.relojes { display: flex; gap: 12px; flex-wrap: wrap; }
.hora-caja { flex: 1 1 140px; background: var(--panel-2); border: 1px solid var(--linea); border-radius: 10px; padding: 12px 14px; display: grid; gap: 4px; }
.hora-caja .hora { font-family: var(--fuente-titulo); font-size: 34px; font-weight: 700; font-variant-numeric: tabular-nums; }
.hora-caja.uk .hora { color: var(--acento); text-shadow: 0 0 12px var(--acento-brillo); }
.deslizador { width: 100%; accent-color: var(--acento); }
.reloj-controles { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.metodo-actual { background: var(--panel); border: 1px solid var(--acento); border-radius: 12px; padding: 20px 22px; box-shadow: 0 0 18px var(--acento-suave); }
.metodo-actual .franja { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--acento); border: 1px solid var(--acento); border-radius: 999px; padding: 3px 10px; margin-bottom: 10px; }
.metodo-actual h2 { font-family: var(--fuente-titulo); margin: 0 0 10px; font-size: 22px; text-wrap: balance; }
.metodo-actual p { margin: 0; color: #c9ced6; line-height: 1.6; max-width: 70ch; }
.seguidos { background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; padding: 16px; }
.seguidos-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.seguidos-cab h2 { font-family: var(--fuente-titulo); font-size: 18px; margin: 0; }
.tabla-envoltura { overflow-x: auto; }
.tabla-seguidos tbody tr { cursor: pointer; }
.tabla-seguidos tbody tr:hover, .tabla-seguidos tbody tr:focus-visible { background: var(--panel-2); }
.tabla-seguidos .jugador { display: flex; align-items: center; gap: 10px; }
.tabla-seguidos img { width: 34px; }
.tabla-seguidos .spark { width: 110px; height: 26px; margin: 0 0 0 auto; }
.chip-minimo { display: inline-block; font-size: 10px; border: 1px solid var(--sube); color: var(--sube); border-radius: 999px; padding: 2px 7px; margin: 3px 6px 0 0; white-space: nowrap; }
.biblioteca-header { font-family: var(--fuente-titulo); font-size: 18px; font-weight: 700; margin: 8px 0 12px; }
.biblio-acordeon { background: var(--panel); border: 1px solid var(--linea); border-radius: 10px; margin-bottom: 10px; }
.biblio-acordeon.abierto { border-color: var(--acento); box-shadow: 0 0 12px var(--acento-suave); }
.biblio-acordeon-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 18px; cursor: pointer; font-weight: 600; }
.biblio-title { display: flex; align-items: center; gap: 10px; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--suave); flex: none; }
.biblio-acordeon.abierto .dot { background: var(--acento); box-shadow: 0 0 8px var(--acento-brillo); }
.badge { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; border: 1px solid var(--linea); color: var(--suave); border-radius: 999px; padding: 3px 10px; }
.biblio-content { display: none; padding: 0 18px 18px; color: #aab1bc; line-height: 1.6; }
.biblio-content.abierto { display: grid; gap: 12px; border-top: 1px solid var(--linea); padding-top: 16px; }
@media (min-width: 900px) { .biblio-content.abierto { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.metodo-item { background: var(--panel-2); border: 1px solid var(--linea); border-radius: 8px; padding: 14px; }
.metodo-item h4 { margin: 0 0 8px; color: var(--tinta); font-size: 15px; }

/* ---------- Celular ---------- */
/* ---------- Cartera ---------- */
.cartera { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.bloque { background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; padding: 16px; }
.bloque h2 { font-family: var(--fuente-titulo); font-size: 18px; margin: 0 0 12px; }
.cartera-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.cartera-cab h2 { margin: 0; }
.cartera-totales { margin: 14px 0 0; }
.cartera-resultados { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.cartera-resultados img, .form-compra img, .tabla-cartera img { width: 28px; }
.cartera-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 10px; }
.cartera-form label { display: grid; gap: 4px; font-size: 12px; color: var(--suave); }
.cartera-form .entrada { width: 150px; }
.form-compra .jugador { display: flex; align-items: center; gap: 8px; }
.tabla-cartera .jugador { display: flex; align-items: center; gap: 8px; }
.tabla-cartera .acciones { display: flex; gap: 6px; justify-content: flex-end; }
.fila-venta td { background: var(--panel-2); }
.vista-previa { font-size: 13px; }
#btn-anotar { margin-left: 6px; }
#ficha-compra .cartera-form { background: var(--panel-2); border: 1px solid var(--acento); border-radius: 10px; padding: 12px; }

/* ---------- Admin ---------- */
.admin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.admin-usuarios, .admin-actividad { grid-column: 1 / -1; }
.panel-admin { background: var(--panel); border: 1px solid var(--linea); border-radius: 12px; padding: 16px; }
.panel-admin h2 { font-family: var(--fuente-titulo); font-size: 18px; margin: 0 0 12px; }
.admin-sub { font-size: 13px; color: var(--suave); font-weight: 600; margin: 16px 0 8px; }
.admin-agregar { display: grid; grid-template-columns: 2fr 1fr auto; gap: 8px; }
.tabla-admin td { vertical-align: middle; }
.tabla-admin .acciones { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.admin-numeros { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.grafico-dias { display: block; width: 100%; height: 120px; }
.grafico-dias rect { fill: var(--acento); }
.grafico-dias rect:hover { fill: var(--sube); }
.grafico-ejes { display: flex; justify-content: space-between; font-size: 11px; margin-top: 4px; }
.barra-usuario { display: grid; grid-template-columns: 110px minmax(0, 1fr) 48px; gap: 10px; align-items: center; margin: 6px 0; }
.barra-usuario span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.barra-usuario .barra { height: 10px; background: var(--panel-2); border-radius: 999px; overflow: hidden; }
.barra-usuario .barra i { display: block; height: 100%; background: var(--acento); box-shadow: 0 0 8px var(--acento-brillo); }
.barra-usuario b { text-align: right; }
.estado-fila { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--linea); }
.estado-fila span:last-child { text-align: right; }
#admin-mail-prueba { margin-top: 12px; }
.lista-pedidos { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 8px; }
.lista-pedidos li { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--panel-2); border: 1px solid var(--acento); border-radius: 10px; padding: 10px 12px; }
.lista-pedidos .acciones { display: flex; gap: 6px; }
.actividad-columnas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.lista-actividad { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; }
.lista-actividad li { display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------- Entrar y salir ---------- */
.salir { margin: 0 0 0 8px; }
.salir .btn-texto { font-size: 13px; }
.pagina-entrar { display: grid; place-items: center; min-height: 100vh; min-height: 100dvh; padding: 16px; }
.entrar { width: 100%; max-width: 380px; background: var(--panel); border: 1px solid var(--acento); border-radius: 14px; padding: 28px 24px; box-shadow: 0 0 24px var(--acento-suave); display: grid; gap: 14px; }
.entrar h1 { font-family: var(--fuente-titulo); font-size: 24px; margin: 0; }
.entrar-form { display: grid; gap: 10px; }
.entrar-form .entrada { font-size: 16px; }
.boton-principal { width: 100%; justify-content: center; }
.entrar-mensaje { margin: 0; color: var(--sube); }
.entrar-error { margin: 0; color: var(--baja); }

@media (max-width: 767px) {
  .bd { grid-template-columns: 1fr; }
  .btn-filtros-movil { display: inline-flex; }
  .buscar-rapida { display: block; width: 100%; margin-bottom: 12px; font-size: 16px; } /* 16px: iOS no hace zoom al enfocar */
  .grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .carta { padding: 6px; }
  .carta .nombre { font-size: 11px; }
  .pastilla { font-size: 10px; padding: 3px 6px; }
  .panel { position: fixed; left: 0; right: 0; bottom: 0; top: auto; max-height: 85vh; border-radius: 16px 16px 0 0; z-index: 40; transform: translateY(105%); visibility: hidden; transition: transform 0.2s, visibility 0.2s; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  body.filtros-abiertos { overflow: hidden; }
  body.filtros-abiertos .panel { transform: translateY(0); visibility: visible; }
  body.filtros-abiertos .velo-filtros { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 30; }
  .panel-cerrar { display: inline-flex; margin-left: 0; }
  .panel-pie { display: block; position: sticky; bottom: 0; background: var(--panel); padding-top: 10px; }
  .panel-pie .boton { width: 100%; }
  .modal-fondo { padding: 0; }
  .modal { border-radius: 0; min-height: 100%; padding: 0 16px 24px; border: none; }
  .modal-cabecera { position: sticky; top: 0; z-index: 2; background: var(--panel); padding: 12px 0; }
  .modal-cabecera img { width: 72px; }
  .modal-cabecera h2 { font-size: 20px; }
  .stat .valor { font-size: 18px; }
  .hora-caja .hora { font-size: 28px; }
  /* Encabezado y pestaña Tradeo más compactos */
  .nav { gap: 4px; padding: 12px 0 10px; }
  .marca { font-size: 13px; }
  .tab { padding: 6px 10px; font-size: 14px; }
  .vista { margin-top: 14px; }
  .tradeo { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .nav { flex-wrap: wrap; row-gap: 8px; }
  .marca { flex: 1 0 50%; }
  .nav::after { content: ""; order: 1; flex-basis: 100%; }   /* corta la fila: las pestañas van abajo */
  .tab { order: 2; }
  .admin, .actividad-columnas { grid-template-columns: minmax(0, 1fr); }
  .tabla-cartera th:nth-child(4), .tabla-cartera td:nth-child(4) { display: none; }   /* precio actual / compra */
  .tabla-vendidas th:nth-child(2), .tabla-vendidas td:nth-child(2) { display: none; }  /* fecha */
  .tabla-cartera th, .tabla-cartera td { padding: 6px 4px; }
  .cartera-form .entrada { width: 120px; }
  #btn-anotar { margin: 6px 0 0; }
  .admin-agregar { grid-template-columns: minmax(0, 1fr); }
  .tabla-admin th:nth-child(2), .tabla-admin td:nth-child(2) { display: none; }
  .reloj { padding: 12px; gap: 10px; }
  .hora-caja { padding: 8px 10px; }
  .metodo-actual { padding: 14px; }
  .metodo-actual h2 { font-size: 18px; }
  .metodo-actual p { font-size: 13px; line-height: 1.5; }
  /* Seguidos: sin columnas de 7 días (están en la ficha) y tendencia más angosta */
  .seguidos { padding: 12px; }
  .tabla-seguidos .col-7d { display: none; }
  .tabla-seguidos th, .tabla-seguidos td { padding: 6px 4px; }
  .tabla-seguidos .jugador { gap: 6px; }
  .tabla-seguidos img { width: 28px; }
  .tabla-seguidos .spark { width: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}