/**
 * Layout móvil vs escritorio — no depende del build de Tailwind.
 * Breakpoint: 1024px (celular/tablet pequeña vs laptop/escritorio).
 */

/* --- Solo móvil/tablet (≤1023px) --- */
@media (max-width: 1023px) {
    .ava-sidebar {
        display: none !important;
    }

    .ava-nav-inferior {
        display: block !important;
    }

    .ava-logo-movil {
        display: flex !important;
    }

    .ava-cuenta-movil {
        display: inline-flex !important;
    }

    .ava-cuenta-escritorio {
        display: none !important;
    }

    .ava-email-escritorio {
        display: none !important;
    }

    .ava-main-con-nav-inferior {
        padding-bottom: 4.5rem !important;
    }

    .ava-monitoreo-tarjetas {
        display: block !important;
    }

    .ava-monitoreo-tabla {
        display: none !important;
    }

    .ava-solo-escritorio,
    a.ava-solo-escritorio {
        display: none !important;
    }
}

/* --- Escritorio (≥1024px) --- */
@media (min-width: 1024px) {
    .ava-sidebar {
        display: flex !important;
        flex-direction: column;
    }

    .ava-nav-inferior {
        display: none !important;
    }

    .ava-logo-movil {
        display: none !important;
    }

    .ava-cuenta-movil {
        display: none !important;
    }

    .ava-cuenta-escritorio {
        display: inline-flex !important;
    }

    .ava-email-escritorio {
        display: inline !important;
    }

    .ava-main-con-nav-inferior {
        padding-bottom: 0 !important;
    }

    .ava-monitoreo-tarjetas {
        display: none !important;
    }

    .ava-monitoreo-tabla {
        display: block !important;
    }

    a.ava-solo-escritorio {
        display: inline-flex !important;
    }

    div.ava-solo-escritorio,
    .ava-solo-escritorio.space-y-4 {
        display: block !important;
    }

    .ava-solo-escritorio.flex {
        display: flex !important;
    }

    body.ava-layout-app {
        flex-direction: row !important;
    }
}

/* Estado por defecto (antes de media queries) */
.ava-nav-inferior {
    display: none;
}

.ava-logo-movil {
    display: none;
}

.ava-cuenta-movil {
    display: none;
}