/* --- SUBMENÚS DESPLEGABLES --- */
.dropdown > .submenu, .sub-submenu { display: none; margin-left: 10px; }
.dropdown.open > .submenu, .submenu li.open > .sub-submenu { display: block; }
.submenu li a, .sub-submenu li a {
    font-size: 0.95em;
    color: #c0c0c0;
}
.submenu li a:hover, .sub-submenu li a:hover { color: #61dafb; }

/* Flechas */
.dropdown > a::after, .submenu > li > a::after {
    content: "▸"; float: right; transition: transform 0.3s ease;
    color: rgb(113, 113, 241);
    font-size: 20px
}
.dropdown.open > a::after, .submenu li.open > a::after { transform: rotate(90deg); 
    color: rgb(191, 0, 255);
}