/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*================================================================================
  Paginación DataTables responsive
  En pantallas chicas los botones rompían el texto ("Sigui ente", "Ante rior",
  "3 0 8"). nowrap evita el corte; los botones envuelven como bloques enteros
  y se centran. Cubre markup BS (.page-link) y DataTables default (.paginate_button).
================================================================================*/
.dataTables_wrapper .dataTables_paginate .pagination { flex-wrap: wrap; justify-content: center; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .page-link { white-space: nowrap; }

@media (max-width: 575.98px) {
    .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
    .dataTables_wrapper .dataTables_paginate .pagination {
        flex-wrap: wrap; justify-content: center; gap: .25rem; padding-left: 0; margin-bottom: 0;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate .page-link {
        white-space: nowrap; padding: .3rem .55rem; font-size: .8rem; min-width: 0; line-height: 1.4;
    }
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info { float: none; text-align: center; }
}

/*================================================================================
  Texto del backoffice en negro
  El theme pinta el cuerpo en gris claro (#6b6f82) y se lee mal. Se fuerza negro
  solo dentro de .app-content: navbar y menú quedan como están (fondo oscuro).
  Excepciones: links, botones, badges, alerts, íconos y las utilidades de COLOR
  (.text-danger, .text-white, .bg-*), que llevan color propio a propósito.
  OJO: las excepciones .text-* se listan una por una a propósito. Con el comodín
  [class*="text-"] quedaban afuera también las utilidades de ALINEACIÓN
  (.text-center, .text-right, .text-nowrap, .text-truncate...), que no tienen
  nada que ver con el color y son las más usadas del backoffice: media pantalla
  seguía gris. No volver al comodín.
================================================================================*/
.app-content,
.app-content *:not(a):not(i):not(.btn):not([class*="btn-"]):not(.badge):not([class*="badge-"]):not(.alert):not([class*="alert-"]):not([class*="bg-"]):not(.text-primary):not(.text-secondary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info):not(.text-light):not(.text-dark):not(.text-white):not(.text-body):not(.text-black-50):not(.text-white-50) { color: #000; }
/* .text-muted es gris a propósito pero es el caso que más se quejaba: a negro. */
.app-content .text-muted { color: #000; }
/* dentro de un bloque con fondo de color el texto sigue al contenedor, si no
   queda negro sobre azul/rojo. Vale para las utilidades .bg-* y para los que
   traen el color inline (las KPI cards del dashboard: style="background-color:
   crimson; color: cornsilk"): el inline le gana a la regla de arriba en el
   contenedor, pero los hijos hay que devolverlos a heredar a mano. */
.app-content [class*="bg-"] *,
.app-content [style*="color"] * { color: inherit; }

/*================================================================================
  Texto de las DataTables en negro
  El theme pinta las celdas y los controles (buscar / mostrar N / info /
  paginación) en gris claro y se leen mal. Alcanza a todas las tablas del
  backoffice; no toca los links de acción (btn/a) para no romper los botones.
================================================================================*/
.dataTables_wrapper table.dataTable tbody td,
.dataTables_wrapper table.dataTable tbody th,
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_paginate .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button { color: #000; }
/* excepciones: el botón de página activa va sobre fondo de color y los
   deshabilitados deben seguir atenuados. */
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #fff; }
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #6b6f82; }

/*================================================================================
  Marca CETAE (manual: CETAE-marca-y-logos/). Charcoal principal, coral acento,
  Inter. El theme trae el primario violeta (#666ee8) compilado en sus .min.css:
  acá se pisan solo las reglas base de "primary"; success/info/warning/danger
  quedan como están (son semánticos, no de marca).
================================================================================*/
:root {
    --cetae-charcoal: #2D3436; --cetae-charcoal-dark: #1F2526;
    --cetae-coral: #E8563F;
    /* coral oscurecido SOLO para texto: #E8563F sobre blanco da 3.6:1, no llega a AA */
    --cetae-coral-text: #C9412B;
    --primary: #2D3436;
}

/* Tipografía: Inter en todo; JetBrains Mono para código y datos. Los íconos
   (feather, line-awesome) llevan su font-family por clase y no se tocan. */
body, .header-navbar, .breadcrumb, .navigation, .navigation .navigation-header,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
}
code, kbd, pre, samp, .text-monospace { font-family: "JetBrains Mono", Consolas, monospace; }

/* Links. Mismos selectores que el theme (components.min.css: html body a), que los pintaba celestes. */
html body a, .btn-link { color: var(--cetae-coral-text); }
html body a:hover, .btn-link:hover { color: var(--cetae-coral); }

/* Primario -> charcoal */
.btn-primary, .btn-primary.disabled, .btn-primary:disabled,
.bg-primary, .badge-primary, .badge:not([class*="badge-"]), .progress-bar:not([class*="bg-"]),
.bullet.bullet-primary,
.page-item.active .page-link,
.dropdown-item.active, .dropdown-item:active,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.list-group-item.active,
.custom-control-input:checked ~ .custom-control-label::before,
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true],
.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before,
table.dataTable tbody > tr > .selected {
    background-color: var(--cetae-charcoal) !important;
    border-color: var(--cetae-charcoal) !important;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus,
a.badge-primary:hover, a.badge-primary:focus {
    background-color: var(--cetae-charcoal-dark) !important;
    border-color: var(--cetae-charcoal-dark) !important;
    color: #fff;
}
.btn-outline-primary { color: var(--cetae-charcoal); border-color: var(--cetae-charcoal); }
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--cetae-charcoal); border-color: var(--cetae-charcoal); color: #fff !important;
}
.text-primary, .primary, td.highlight { color: var(--cetae-charcoal) !important; }
.border-primary { border-color: var(--cetae-charcoal) !important; }
.pagination .page-link { color: var(--cetae-charcoal); }
/* la regla "texto en negro" de .app-content dejaba el % ilegible sobre la barra */
.app-content .progress-bar { color: #fff !important; }

/* Acento coral: foco */
.form-control:focus { border-color: var(--cetae-coral); }
.btn-primary:focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(232, 86, 63, .3); }