/* =============================================================================
   Legibilidad móvil — teléfonos estrechos (~360–430px CSS px, ej. Galaxy S23).
   Sube el tamaño raíz para que todo lo definido en rem crezca; refuerza números.
   ============================================================================= */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Base ligeramente mayor que 16px en móvil: mejora lectura sin romper desktop */
@media (max-width: 600px) {
    html {
        font-size: 17px;
    }
}

@media (max-width: 420px) {
    html {
        font-size: 18px;
    }
}

/* iOS/Android: inputs ≥16px equivalente evita zoom agresivo al enfocar */
@media (max-width: 600px) {
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="date"],
    select,
    textarea,
    .form-control {
        font-size: 1rem;
        line-height: 1.45;
    }
}

@media (max-width: 600px) {
    /* Números: tabular + un poco más de aire */
    .acad-stat-num,
    .acad-kpi-num,
    .acad-stat-big,
    .acad-dash-kpi-value,
    .pts-value,
    .rank-num,
    .score-num,
    .final-score,
    .tile-score,
    .score-badge,
    .acad-pay-monto,
    .acad-fifa-ovr,
    .acad-fifa-attr .val,
    .sa-kpi-num,
    .psp-ovr-num,
    .team-kpi strong {
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
    }

    /* Píldoras / tabs: altura táctil mínima ~44px */
    .acad-tab,
    .acad-subtab,
    .lv-tab,
    .pv-tab,
    .acad-role-btn,
    .compare-mode-btn,
    .acad-btn-primary,
    .acad-btn-outline,
    .acad-logout-btn {
        min-height: 44px;
    }

    .acad-tab {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Tablas densas: cuerpo un escalón por encima del mínimo incómodo */
    .acad-table,
    .standings-table,
    .pv-table {
        font-size: 0.9rem;
    }

    .acad-table th,
    .standings-table th {
        font-size: 0.75rem;
    }

    .acad-mini-bar {
        height: 8px;
    }
}