/**
 * Overrides de rendimiento móvil.
 * Se carga DESPUÉS de Vite para aplicar sin depender solo del rebuild.
 * No afecta desktop (>768px).
 */

@media (max-width: 768px) {
    /* Fondo: sólido, sin capas fijas ni filtros */
    html {
        scroll-behavior: auto !important;
        background: #0c1222 !important;
    }

    .landing-page {
        background: #0c1222 !important;
        overflow-x: hidden !important;
        background-attachment: scroll !important;
    }

    .landing-bg--aurora,
    .landing-bg.landing-bg--aurora,
    .landing-bg--grid,
    .landing-bg.landing-bg--grid,
    .landing-orb,
    .landing-orb--1,
    .landing-orb--2,
    .landing-orb--3 {
        display: none !important;
        animation: none !important;
        filter: none !important;
        transform: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        visibility: hidden !important;
    }

    /* Sin animaciones de entrada / flotación / glow */
    .landing-header,
    .landing-intro,
    .landing-aside,
    .landing-highlights,
    .landing-footer,
    .landing-logo__mark,
    .landing-actions-card,
    .landing-btn--login,
    .landing-highlight {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        content-visibility: visible !important;
    }

    /* Tarjeta: fondo sólido, sin blur ni borde con máscara */
    .landing-actions-card,
    .login-card,
    .register-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: #151b2e !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
        animation: none !important;
        transform: none !important;
        content-visibility: visible !important;
        contain: none !important;
    }

    .landing-actions-card::before {
        display: none !important;
        content: none !important;
    }

    .landing-btn--login {
        background: #22d3ee !important;
        background-image: none !important;
        box-shadow: none !important;
        animation: none !important;
    }

    .landing-btn--register {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .landing-logo__mark {
        box-shadow: none !important;
        animation: none !important;
    }

    .landing-logo__mark img {
        height: 40px !important;
        width: auto !important;
        max-width: 40px !important;
        object-fit: contain;
    }

    /* Inputs: sin sombras ni transition:all (bloquean teclado/foco en móvil) */
    .form-input,
    .custom-select {
        transition: border-color 0.15s ease, background-color 0.15s ease !important;
        box-shadow: none !important;
        -webkit-appearance: none;
        appearance: none;
    }

    .form-input:focus,
    .custom-select:focus {
        box-shadow: none !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .scanner-icon svg {
        filter: none !important;
    }

    body.swal2-shown .swal2-backdrop-show {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Scroll más estable */
    .landing-shell,
    .landing-page {
        -webkit-overflow-scrolling: touch;
    }

    .landing-sidebar {
        position: static !important;
        top: auto !important;
    }

    .input-uppercase {
        text-transform: uppercase;
    }

    img,
    video,
    svg {
        content-visibility: visible !important;
    }
}