body {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    background-color: #f5f7fb;
    color: #1f2937;
}

.navbar,
.navbar-default,
.navbar.navbar-default {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #111827 !important;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #374151 !important;
    background: transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #374151 !important;
}

.navbar-form .form-control,
input,
select,
textarea {
    border-radius: 8px !important;
    border: 1px solid #d1d5db !important;
    padding: 8px 10px !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37,99,235,0.15) !important;
}

.btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    border-radius: 8px !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

.sidebar {
    background-color: #ffffff;
    border-right: 1px solid #e5e7eb;
}

.sidebar a {
    color: #374151;
}

.sidebar a:hover {
    background-color: #f1f5f9;
}

table {
    background: white;
    border-radius: 10px;
    overflow: hidden;
}

table thead {
    background-color: #f3f4f6;
}

table th {
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
}

table td {
    border-bottom: 1px solid #f1f5f9;
}

table tr:hover {
    background-color: #f9fafb;
}

.card {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

a {
    color: #2563eb;
}

a:hover {
    color: #1d4ed8;
}

.label,
.badge {
    border-radius: 6px;
}

h1, h2, h3 {
    font-weight: 600;
}
/* ===== MENÚ LATERAL IZQUIERDO ===== */
#menu-main,
#menu-main .nav,
#menu-main .nav-stacked,
#menu-main .sidebar,
#menu-main .panel,
#menu-main .panel-body,
#menu-main .list-group,
#menu-main .list-group-item,
#menu-main .well,
#menu-main .menu-item,
#menu-main .dropdown-menu,
#menu-main li,
#menu-main ul {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

#menu-main a,
#menu-main li a,
#menu-main .list-group-item,
#menu-main .list-group-item-text,
#menu-main .list-group-item-heading,
#menu-main .nav > li > a {
    color: #374151 !important;
}

#menu-main a:hover,
#menu-main li a:hover,
#menu-main .nav > li > a:hover,
#menu-main .list-group-item:hover {
    background: #f1f5f9 !important;
    color: #111827 !important;
}

#menu-main .nav > li.active > a,
#menu-main .nav > li.active > a:hover,
#menu-main .nav > li.active > a:focus,
#menu-main .list-group-item.active {
    background: #eef2ff !important;
    color: #1d4ed8 !important;
    border-color: #c7d2fe !important;
}

#menu-main i,
#menu-main .fa,
#menu-main .mayan-icon,
#menu-main .icon {
    color: inherit !important;
}
/* ===== CABECERAS DEL MENÚ LATERAL ===== */

#menu-main .panel-heading,
#menu-main .nav-header,
#menu-main .panel-title,
#menu-main .panel,
#menu-main .panel-default > .panel-heading {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #374151 !important;
    border-color: #e5e7eb !important;
}

/* eliminar azul oscuro de bloques */
#menu-main .panel,
#menu-main .panel-default,
#menu-main .panel-default > .panel-heading {
    background-image: none !important;
}

/* hover */
#menu-main .panel-heading:hover {
    background: #f1f5f9 !important;
}
/* ===== FOOTER INFERIOR IZQUIERDO ===== */
#menu-main .text-center,
#menu-main .well,
#menu-main .small,
#menu-main footer,
#menu-main .footer,
#menu-main .copyright,
#menu-main [class*="copyright"] {
    background: #2563eb !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

#menu-main .text-center a,
#menu-main .well a,
#menu-main .small a,
#menu-main footer a,
#menu-main .footer a,
#menu-main .copyright a,
#menu-main [class*="copyright"] a {
    color: #ffffff !important;
}