@import url('./main-layout.css');

/* =========================================================================
   COMPORTAMIENTO 100% NATIVO (PWA)
   ========================================================================= */
html, body {
    /* Desactiva el resaltado azul al tocar botones en Android/iOS */
    -webkit-tap-highlight-color: transparent !important;
    
    /* Evita la selección de texto accidental como en una página web */
    -webkit-user-select: none;
    user-select: none;
    
    /* Previene el rebote elástico del scroll en iOS */
    overscroll-behavior-y: none;
}

/* Permitir selección de texto SOLO donde tiene sentido */
input, textarea, [contenteditable="true"] {
    -webkit-user-select: text;
    user-select: text;
}

/* =========================================================================
   FIX: CAMPANITA DE NOTIFICACIONES EN MÓVIL
   ========================================================================= */
@media (max-width: 768px) {
    /* Ajusta '.header-notificaciones' al nombre de clase real de tu campanita */
    .header-notificaciones {
        display: flex !important;
        position: absolute !important;
        right: 60px; /* Al lado del menú hamburguesa */
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
    }
}