/* 1. OCULTAR CÓDIGO Y ELEMENTOS NO DESEADOS */
.login-box-wrapper, .dashboard-wrapper {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Si el usuario está logueado, escondemos la caja de login por completo */
body.logged-in .login-box-wrapper {
display: none !important;
}

/* 2. ESTILOS DE LA CAJA DE LOGIN (PARA VISITANTES) */
.login-box-wrapper {
max-width: 450px;
margin: 40px auto;
background-color: #121212;
border-radius: 16px;
border: 1px solid #333;
box-shadow: 0 15px 50px rgba(0,0,0,0.6);
padding: 40px 30px;
text-align: center;
}

.login-box-wrapper h2 {
color: #ffd700 . . .