/* ====== Sidebar Menu (elnacionalista.net) ====== /
/ Mostrar/ocultar submenú con .active en el opener */
#menu .opener + ul {
display: none;
}
#menu .opener.active + ul {
display: block;
}

/* Opener como fila flexible con chevron a la derecha /
#menu .opener {
display: flex;
align-items: center;
justify-content: space-between; / texto a la izquierda, chevron a la derecha /
gap: .75rem;
line-height: 1.4;
cursor: pointer;
user-select: none;
position: relative;
padding: .2rem 0; / altura del item; ajusta si quieres */
}

/* Chevron a la derecha, centrado y sin pisar el texto /
#menu .opener::after {
content: "";
flex: 0 0 auto;
width: .55rem;
height: .55rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg); / derecha (cerrado) /
transition: transform 160ms ease;
opacity: .9;
margin-left: .25rem; / separa del texto */
}

/* Chevron rotado cuando está abierto /
#menu .opener.active::after {
transform: rotate(45deg); / abajo (abierto) */
}

/* Foco accesible para teclado */
#menu .opener:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
border-radius: 2px;
}

/* Espaciado y sangría del submenú /
#menu .opener + ul {
margin-top: .35rem;
margin-bottom: .5rem;
padding-left: 1.25rem; / sangría del subnivel */
}

/* Evitar recortes inesperados */
#menu ul {
overflow: visible;
}

/* Enlaces del menú: interacción básica coherente con la plantilla */
#menu a {
text-decoration: none;
}
#menu a:hover,
#menu a:focus {
text-decoration: underline;
}

/* Responsive mínimo */
@media (max-width: 980px) {
#menu { width: 100%; }
}

/* Refuerzo por si hay estilos globales más fuertes */
#sidebar #menu .opener + ul { display: none; }
#sidebar #menu .opener.active + ul { display: block; }

/*  color del texto del opener cuando está abierto ) */
#menu .opener.active { color: inherit; }