/* ... Tus estilos previos de split-layout se mantienen igual ... */

    @media (min-width: 992px) {
        #ss-menu .ss-menu-item {
            background-color: transparent;
            border: none;
            border-bottom: 3px solid transparent; /* Borde base invisible */
            border-radius: 0px; /* Quitamos radio para que el borde luzca mejor */
            color: rgba(7, 0, 156, 1.00) !important;
            display: block;
            padding: 10px 15px; /* Espacio para que se vea el borde */
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        /* 1. Efecto Hover: Borde inferior azul */
        #ss-menu .ss-menu-item:hover {
            background-color: rgba(240, 240, 240, 1.00); 
            color: rgba(7, 0, 156, 1.00) !important;
            border-bottom: 3px solid rgba(7, 0, 156, 1.00); /* Borde azul al pasar el mouse */
        }

        /* 2. El último botón siempre azul */
        #ss-menu .nav-item:last-child .ss-menu-item {
            background-color: rgba(7, 0, 156, 1.00) !important;
            color: white !important;
            border-radius: 8px;
            border-bottom: none; /* Quitamos borde inferior al ser botón sólido */
        }

        /* Hover específico para el último botón (opcional, para que aclare un poco) */
        #ss-menu .nav-item:last-child .ss-menu-item:hover {
            background-color: rgba(5, 0, 120, 1.00) !important;
            opacity: 0.9;
        }
    }

    /* ... El resto de tus estilos @media (max-width: 991px) se mantienen igual ... */