/* =====================================================================
   Estilos propios del proyecto (complementan a Bootstrap 5)
   ===================================================================== */

:root {
    --color-primario: #0d6efd;
}

body {
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* Tarjetas y formularios */
.card {
    border-radius: .75rem;
}

.card-body .form-control:focus,
.card-body .input-group-text {
    box-shadow: none;
}

.navbar-brand {
    letter-spacing: .02em;
}

/* Enlace activo en la navbar */
.navbar .nav-link.active {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: .35rem;
}

/* Pie de página */
footer a {
    color: inherit;
}

/* Botones con iconos */
.btn i {
    vertical-align: -.125em;
}

/* Tarjetas del dashboard: efecto sutil al pasar el ratón */
.dashboard-card:hover {
    transform: translateY(-2px);
    transition: transform .15s ease;
}