﻿/* =========================================================
   TEMA Original INTransport
   Primary:     #1C76B0
   Background:  #FFFFFF
   Cell:        #F8F9FA
   Secondary:   #6C757D
   Hover:       #E9ECEF
   Info:        #0DCAF0
   Success:     #198754
   Danger:      #DC3545
========================================================= */

:root, [data-bs-theme="light"] {
  /* Colores base */
  --bs-primary: #1C76B0;
  --bs-primary-rgb: 28, 118, 176;
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success: #198754;
  --bs-success-rgb: 25, 135, 84;
  --bs-info: #0dcaf0;
  --bs-info-rgb: 13, 202, 240;
  --bs-danger: #dc3545;
  --bs-danger-rgb: 220, 53, 69;

  /* Fondo general y celdas */
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-tertiary-bg: #f8f9fa;

  /* Tipografía/enlaces/foco */
  --bs-link-color: #1C76B0;
  --bs-link-color-rgb: 28, 118, 176;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-focus-ring-color: rgba(28, 118, 176, 0.25);

  /* BG y bordes sutiles */
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-primary-border-subtle: #A2D0F0;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-bg-subtle: #cff4fc;
  --bs-info-border-subtle: #9eeaf9;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-secondary-bg: #e9ecef;
}

/* Bootstrap Botones */
.btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#1C76B0;
  --bs-btn-border-color:#1C76B0;
  --bs-btn-hover-bg:#155f8d;
  --bs-btn-hover-border-color:#155f8d;
  --bs-btn-active-bg:#0e4668;
  --bs-btn-active-border-color:#0e4668;
  --bs-btn-disabled-bg:#1C76B0;
  --bs-btn-disabled-border-color:#1C76B0;
}
.btn-outline-primary{
  --bs-btn-color:#1C76B0;
  --bs-btn-border-color:#1C76B0;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#1C76B0;
  --bs-btn-hover-border-color:#1C76B0;
  --bs-btn-active-bg:#0e4668;
  --bs-btn-active-border-color:#0e4668;
}
.btn-secondary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-bg:#5a6268;
  --bs-btn-hover-border-color:#5a6268;
}
.btn-success{
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#157347;
}
.btn-info{
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#31d2f2;
}
.btn-danger{
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#bb2d3b;
}

/* Bootstrap Alerts (con tokens del tema) */
.alert-primary{
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
}
.alert-success{
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
}
.alert-info{
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
}
.alert-danger{
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
}

/* Paginación */

:root,
[data-bs-theme="light"]{
  --bs-pagination-color: #1C76B0;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-hover-color: #0a58ca;
  --bs-pagination-hover-bg: #f8f9fa;
  --bs-pagination-hover-border-color: #A2D0F0;
  --bs-pagination-focus-color: #0a58ca;
  --bs-pagination-focus-bg: #f8f9fa;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #1C76B0;
  --bs-pagination-active-border-color: #1C76B0;
  --bs-pagination-disabled-color: #9E9E9E;
}
[data-bs-theme="dark"]{
  --bs-pagination-color: #1C76B0;
  --bs-pagination-hover-color: #0a58ca;
  --bs-pagination-hover-bg: #f8f9fa;
  --bs-pagination-hover-border-color: #A2D0F0;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #1C76B0;
  --bs-pagination-active-border-color: #1C76B0;
  --bs-pagination-disabled-color: #9E9E9E;
}

/* Bootstrap pagination */
.pagination{ gap:0 !important; justify-content:flex-end; }
.pagination .page-item{ margin:0 !important; }
.pagination .page-link{
  font-weight:600;
  min-width:2.25rem;
  text-align:center;
  border-radius:.5rem;
  margin:0 !important;
}
.pagination .page-item + .page-item .page-link{ margin-left:0 !important; }
.pagination .page-item.active .page-link,
.pagination .page-link.active{
  color:#fff !important;
  background-color:#1C76B0 !important;
  border-color:#1C76B0 !important;
}
.pagination .page-link:hover{
  color:#0a58ca !important;
  background-color:#f8f9fa !important;
  border-color:#A2D0F0 !important;
}
.pagination .page-link:focus{
  box-shadow:0 0 0 .2rem rgba(28,118,176,.25) !important;
}

/* DataTables */

.dataTables_wrapper .dataTables_paginate{
  float:right !important;
  text-align:right !important;
  display:block !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  color:#1C76B0 !important;
  border:1px solid transparent !important;
  background:transparent !important;
  border-radius:.5rem !important;
  margin:0 !important;
  font-weight:600 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  color:#0a58ca !important;
  background:#f8f9fa !important;
  border-color:#A2D0F0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color:#fff !important;
  background:#1C76B0 !important;
  border-color:#1C76B0 !important;
  box-shadow:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
  color:#9E9E9E !important;
  background:transparent !important;
  border-color:transparent !important;
  cursor:default !important;
}
.dataTables_wrapper .dataTables_paginate .pagination{
  justify-content:flex-end !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item{ margin:0 !important; }
.dataTables_wrapper .dataTables_paginate .pagination .page-link{ margin:0 !important; }

/* Bootstrap Badges */
.badge.bg-primary{ background-color:#1C76B0 !important; }
.badge.bg-secondary{ background-color:#6c757d !important; }
.badge.bg-success{ background-color:#198754 !important; }
.badge.bg-info{ background-color:#0dcaf0 !important; }
.badge.bg-danger{ background-color:#dc3545 !important; }

/* Bootstrap background helpers */
.bg-primary{ background-color:#1C76B0 !important; }
.bg-secondary{ background-color:#6c757d !important; }
.bg-success{ background-color:#198754 !important; }
.bg-info{ background-color:#0dcaf0 !important; }
.bg-danger{ background-color:#dc3545 !important; }

/* Bootstrap texto de enlaces y focos */
a{ color:#1C76B0; }
a:hover{ color:#0a58ca; }

/* Bootstrap hovers en tablas/listas */
.table-hover > tbody > tr:hover > *{ --bs-table-bg-state:#e9ecef; }
.list-group-item-action:hover, .list-group-item-action:focus{ background-color:#e9ecef; }

/* Bootstrap tarjetas, tablas y superficies blancas (“Cell”) */
.card, .table, .modal-content{ background-color:#ffffff; }

/* Bootstrap  inputs: borde/foco acorde al primary */
.form-control:focus{ box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem rgba(28,118,176,.25); border-color:#1C76B0;}

/* Bootstrap navbar/sidebar si usas variantes “-primary” */
.navbar-primary, .bg-gradient-primary{ background-color:#1C76B0 !important; }

/* Sidebar Logotipo */
.brand-text{ color:#FFF !important; }

/* Sidebar fondo personalizado */
.siderbar-background-custom{ background-image: linear-gradient(180deg, rgb(0,70,100) 0%, #2C93DD 90%) !important }

/* Sidebar claro */
.app-sidebar {
    /* Texto */
    --lte-sidebar-color:#343a40;
    --lte-sidebar-hover-color:#212529;
    --lte-sidebar-active-color:#000000;
    --lte-sidebar-menu-active-color:#000000;
    --lte-sidebar-header-color:#31373d;
    --lte-sidebar-submenu-color:#777;
    --lte-sidebar-submenu-hover-color:#000;
    --lte-sidebar-submenu-active-color:#212529;

    /* Fondos */
    --lte-sidebar-hover-bg: rgba(0,0,0,0.1);
    --lte-sidebar-active-bg: rgba(0,0,0,0.1);
    --lte-sidebar-menu-active-bg: rgba(0,0,0,0.1);
    --lte-sidebar-submenu-hover-bg: rgba(0,0,0,0.1);
    --lte-sidebar-submenu-active-bg: rgba(0,0,0,0.1);
}

/* Sidebar dark */
[data-bs-theme="dark"] .app-sidebar {
    /* Texto */
    --lte-sidebar-color: #343a40;
    --lte-sidebar-hover-color: #212529;
    --lte-sidebar-active-color: #000000;
    --lte-sidebar-menu-active-color: #000000;
    --lte-sidebar-header-color: #31373d;
    --lte-sidebar-submenu-color: #777;
    --lte-sidebar-submenu-hover-color: #000;
    --lte-sidebar-submenu-active-color: #212529;

    /* Fondos */
    --lte-sidebar-hover-bg: rgba(0,0,0,0.1);
    --lte-sidebar-active-bg: rgba(0,0,0,0.1);
    --lte-sidebar-menu-active-bg: rgba(0,0,0,0.1);
    --lte-sidebar-submenu-hover-bg: rgba(0,0,0,0.1);
    --lte-sidebar-submenu-active-bg: rgba(0,0,0,0.1);
}