/* ==============================
   Submenú vertical para Classic
   ============================== */

/* Submenú desplegable vertical */
.sf-menu li ul {
    display: block !important;   /* forzar vertical */
    position: absolute;          /* se superpone sobre otros elementos */
    top: 100%;                   /* debajo del menú padre */
    left: 0;                     /* alineado a la izquierda */
    min-width: 180px;            /* ancho mínimo */
    background-color: #ffffff;   /* fondo blanco */
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* sombra */
    z-index: 9999;               /* siempre arriba */
}

/* Cada elemento del submenú */
.sf-menu li ul li {
    width: 100%;
    float: none;                  /* evita alineación horizontal */
}

/* Links del submenú */
.sf-menu li ul li a {
    display: block;               /* bloque vertical */
    padding: 10px 15px;
    color: #333;                  /* color texto */
    text-decoration: none;
}

/* Hover del submenú */
.sf-menu li ul li a:hover {
    background-color: #1a73e8;   /* color fondo hover */
    color: #fff;                  /* color texto hover */
}