* { box-sizing: border-box; margin: 0; padding: 0; }

body { 
    display: flex; 
    min-height: 100vh; 
    background-color: #0f172a; 
    color: #f8fafc; 
    font-family: 'Segoe UI', sans-serif; 
}

.sidebar { 
    width: 250px; 
    background: #1e293b; 
    padding: 20px; 
    flex-shrink: 0; /* Evita que el menú se encoja */
}

.content { 
    flex-grow: 1; /* Ocupa todo el espacio restante */
    padding: 40px; 
    display: flex;
    flex-direction: column;
}

.sidebar ul { list-style: none; margin-top: 20px; }
.sidebar ul li { margin-bottom: 15px; }
.sidebar ul li a { color: #38bdf8; text-decoration: none; font-weight: bold; }

.card { 
    background: #1e293b; 
    padding: 20px; 
    border-radius: 8px; 
    border-left: 5px solid #38bdf8; 
    margin-top: 20px;
    max-width: 600px;
}

footer {
    margin-top: auto; /* Empuja el footer al final del contenedor content */
    padding: 20px 0;
    color: #64748b;
    font-size: 0.8rem;
}