/*
 * Ajustes para respetar el "safe area" del dispositivo (notch/Dynamic
 * Island/barra de estado en iPhone) cuando la web se carga dentro de la
 * app nativa de Capacitor. env(safe-area-inset-*) vale 0 en cualquier
 * otro contexto (navegador de escritorio, Android, Safari normal), así
 * que estas reglas no afectan a la web fuera de la app.
 */
:root {
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

.topbar-custom {
    padding-top: var(--safe-area-top);
    height: calc(70px + var(--safe-area-top));
}

.logo-box {
    padding-top: var(--safe-area-top);
    height: calc(70px + var(--safe-area-top));
}

.app-sidebar-menu {
    padding-top: calc(70px + var(--safe-area-top));
}

.content-page {
    margin-top: calc(70px + var(--safe-area-top));
}

#notif-toast-container {
    top: calc(80px + var(--safe-area-top)) !important;
}

.app-tabs {
    padding-bottom: var(--safe-area-bottom);
}