/* Estilos generales */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* Navbar personalizada */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Cards con sombra */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    transition: box-shadow 0.3s ease;
}

.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

/* Tablas responsivas */
.table-responsive {
    overflow-x: auto;
}

/* Botones con iconos */
.btn i {
    margin-right: 5px;
}

/* Formularios */
.form-label.required:after {
    content: " *";
    color: #dc3545;
}

/* Footer pegajoso */
footer {
    margin-top: auto;
    position: relative;
}

/* Dashboard cards */
.dashboard-card {
    transition: transform 0.3s ease;
}

.dashboard-card:hover {
    transform: translateY(-5px);
}

/* Dark mode toggle */
.dark-mode-toggle {
    cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1rem;
    }
}