/* PC: campana debajo del header. Móvil: vuelve arriba como antes. */
    @media (min-width: 769px) {
        .notification-bell {
            top: 70px !important;
            right: 14px !important;
            left: auto !important;
            bottom: auto !important;
        }
        .notification-panel {
            top: 112px !important;
            right: 10px !important;
            left: auto !important;
            bottom: auto !important;
        }
    }
    @media (max-width: 768px) {
        .notification-bell {
            top: 10px !important;
            right: 10px !important;
            left: auto !important;
            bottom: auto !important;
            width: 32px !important;
            height: 32px !important;
            font-size: .86rem !important;
            z-index: 1700 !important;
        }
        .notification-panel {
            top: 50px !important;
            right: 8px !important;
            left: auto !important;
            bottom: auto !important;
            width: calc(100vw - 16px) !important;
            max-height: min(70vh, 520px) !important;
        }
    }
    @media (max-width: 480px) {
        .notification-bell {
            top: 8px !important;
            right: 8px !important;
            width: 30px !important;
            height: 30px !important;
            font-size: .82rem !important;
        }
        .notification-panel {
            top: 46px !important;
            right: 6px !important;
            width: calc(100vw - 12px) !important;
        }
    }