/* assets/css/estilos.css */
/* ===== FUENTE GENERAL ===== */

/* 1. Reset para todos los elementos */
* {
    font-family: inherit !important;
}

/* 2. Aplicar a todo el documento */
body, html, .login-page, .main-header, .sidebar, .content-wrapper,
.navbar, .card, .form-control, .btn, .table, .modal-content,
.dropdown-menu, .nav-tabs, .badge, .alert, .breadcrumb,
.pagination, .list-group-item {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, 
                 Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 3. Para títulos específicos */
h1, h2, h3, h4, h5, h6, 
.card-title, .content-header h1, 
.navbar-brand, .brand-link {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, 
                 Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600;
}

/* 4. Mantener Font Awesome para íconos */
.fa, .fas, .far, .fal, .fad, .fab {
    font-family: "Font Awesome 6 Free" !important;
}

/* 5. DataTables y otros */
.dataTables_wrapper, 
.select2-container, 
.icheck-primary > label {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, 
                 Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* ===== ESTILOS SIDEBAR DELTRACK ===== */
.col-lg-2-4 {
    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
}

/* ===== ESTILOS SIDEBAR DELTRACK ===== */

/* Sidebar completamente azul */
.main-sidebar {
    background-color: #0571DF !important;
    border-right: none !important;
}

/* Todo el texto en blanco */
.main-sidebar,
.main-sidebar *:not(.fa, .fas, .far, .fal, .fad, .fab) {
    color: white !important;
}

.brand-link .brand-text {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    margin-left: 10px;
}


/* Elemento activo */
.nav-sidebar .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, 0.25) !important;
    font-weight: 500;
}

/* Separadores/headers */
.nav-header {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding: 15px 15px 5px !important;
    margin-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

[class*="sidebar-dark"] .user-panel {
  border-bottom: 1px solid #ffffff52;
}
[class*="sidebar-dark"] .brand-link {
  border-bottom: 1px solid #ffffff52;
}

/* ===== TABLA LISTA_FORMULARIOS ===== */

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #8a8a8a;
}

.table-bordered td, .table-bordered th {
  border: 1px solid #bdbdbd !important;
}

.table td, .table th {
  padding: .5rem;
  vertical-align: top;
}

.badge {
  padding: 7px 15px;
  font-size: 75%;
  font-weight: 600;
}

.novedad-badge {
  font-size: 0.9rem !important;
  padding: 7px 15px !important;
}

/* ===== VER FORMULARIO ===== */

.btn-negro {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.btn-negro:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

.field-group {
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 25px;
    overflow: hidden;
}

.field-row {
    display: grid;
    grid-template-columns: 250px 1fr;
    border-bottom: 1px solid #e1e1e1;
}

.field-row:last-child {
    border-bottom: none;
}

.field-label {
    background: #f5f5f5;
    padding: 12px 15px;
    font-weight: 700;
    color: #2d2d2d;
    border-right: 1px solid #e1e1e1;
}

.field-value {
    padding: 12px 15px;
    background: #ffffff;
}

.badge-orange {
  background-color: #fd7e14 !important;
  color: white !important;
}

/* ===== NOVEDADES - ESTILOS GLOBALES ===== */

/* Cabecera de tablas (igual a lista_formularios.php) */
.table thead.thead-dark th {
    background-color: #343a40;
    color: #ffffff;
    font-weight: 600;
    border-color: #454d55;
}

/* Hover de filas */
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* ===== BADGES DE NIVEL DE NOVEDAD ===== */

/* Nivel 1 - Amarillo */
.badge-nivel-1,
.badge-warning {
    background-color: #ffc107;
    color: #212529;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* Nivel 2 - Naranja */
.badge-nivel-2 {
    background-color: #fd7e14;
    color: #ffffff;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* Nivel 3 - Rojo */
.badge-nivel-3,
.badge-danger {
    background-color: #dc3545;
    color: #ffffff;
    font-size: 0.85rem;
    padding: 6px 10px;
}

/* ===== CARDS SEGÚN NIVEL ===== */

/* Card Nivel 1 */
.card-nivel-1.card-outline {
    border-top: 3px solid #ffc107;
}

/* Card Nivel 2 */
.card-nivel-2.card-outline {
    border-top: 3px solid #fd7e14;
}

/* Card Nivel 3 */
.card-nivel-3.card-outline {
    border-top: 3px solid #dc3545;
}

/* ===== CABECERA CARD ===== */

.card-header {
    font-weight: 600;
    font-size: 1rem;
}

/* ===== FILTROS ===== */

.filtros-novedades {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.filtros-novedades label {
    font-weight: 600;
    margin-bottom: 5px;
}

.filtros-novedades .form-control {
    font-size: 0.9rem;
}

/* ===== BOTONES EXPORTACIÓN ===== */

.btn-export {
    font-size: 0.85rem;
    padding: 6px 12px;
}

.btn-export i {
    margin-right: 5px;
}