/* =========================================
   GESTIÓN DE ESTADO DE AUTENTICACIÓN (UI)
   ========================================= */

/* Por defecto (sin JS o cargando), ocultamos los elementos de usuario logueado */
.logged-in {
    display: none !important;
}

/* Por defecto, mostramos los elementos de visitante */
.logged-out {
    display: flex !important; /* O block/inline-flex según necesites */
}

/* --- CUANDO EL USUARIO ESTÁ LOGUEADO (Clase añadida por JS al body) --- */
body.user-authenticated .logged-in {
    display: flex !important; /* Se muestran los elementos de usuario */
}

body.user-authenticated .logged-out {
    display: none !important; /* Se ocultan los botones de login/registro */
}