/* Estilos base PWA DGE */
@layer base {
    html {
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        scroll-behavior: smooth;
    }

    body {
        font-family: 'Outfit', sans-serif;
        background-color: #0b1e36;
        user-select: none;
        -webkit-user-select: none;
    }
}

/* Soporte para Notch y Safe Areas de iOS / Android */
.safe-top {
    padding-top: env(safe-area-inset-top, 0px);
}

.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Ocultar barras de desplazamiento manteniendo scroll nativo */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animaciones sutiles */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}