/* bootstrap-override.css */
ol, ul {
  padding-left: 0.6rem;
}
.table-sm p {
  font-size: 0.9em !important;
  margin-bottom: 0.2rem;
}
article p, article li {
  line-height: 2rem !important;
}
article ul {
  margin-bottom: 0.8em;
}

.table th {
  font-size: 0.9rem;
  line-height: 1.2;
  min-width: 120px;
}
@media (max-width: 768px) {
  .table th {
    white-space: nowrap;
  }
}
small {
  font-size: 66% !important;
}
.fuente {
  font-size: 75% !important;
  text-align: center;
  line-height: 1.2em !important;
}
.nav-pills {
  line-height: 1.4em !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--color-white);
  background-color: var(--color-link);
}
.sticky-top {
  z-index: 90 !important;
}
.table>thead {
  vertical-align: middle !important;
}
/* Variables de Bootstrap sobreescritas con las variables de tu tema */
:root {
    /* Colores principales */
    --bs-primary: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --color-links: var(--color-linka);
    --color-linkshover: var(--color-linka-hover);
    
    /* Colores de sistema */
    --bs-success: var(--color-success);
    --bs-info: var(--color-info);
    --bs-warning: var(--color-warning);
    --bs-danger: var(--color-error);
    
    /* Colores de fondo y texto */
    --bs-body-bg: var(--color-white);
    --bs-body-color: var(--color-black);
    
    /* Colores de enlaces */
    --bs-link-color: var(--color-link);
    --bs-link-hover-color: var(--color-link-hover);
    /*--bs-link-color-rgb: var(--color-link);*/
    
    /* Colores neutros */
    --bs-light: var(--color-gray-light);
    --bs-dark: var(--color-gray-dark);
    
    /* Tipografía */
    --bs-font-sans-serif: var(--font-family);
    --bs-body-font-family: var(--font-family);
    --bs-body-font-weight: var(--font-weight);
    
    /* Bordes y formas */
    --bs-border-radius: var(--border-radius);
    
    /* Otros ajustes */
    --bs-border-color: var(--color-gray-light);
    --bs-heading-color: var(--color-black);
    --bs-link-opacity: 1;



    /* Botones */
    --bs-link-color-rgb: var(--color-linka);
    --bs-btn-color: var(--color-link);
    --bs-btn-border-color: var(--color-link);
    --bs-link-hovercolor-rgb: var(--color-link-hover);
    --bs-btn-hover-color: var(--color-white) !important;
    --bs-btn-hover-bg: var(--color-link-hover);
    --bs-btn-hover-border-color: var(--color-linka);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-link);
    --bs-btn-active-border-color: var(--color-link);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5E686B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5E686B;
    --bs-gradient: none;


      --bs-btn-color: var(--color-link);
      --bs-btn-border-color: var(--color-link);
      --bs-btn-hover-color: var(--color-white);
      --bs-btn-hover-bg: #0d6efd;
      --bs-btn-hover-border-color: #0d6efd;
      --bs-btn-focus-shadow-rgb: 13, 110, 253;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #0d6efd;
      --bs-btn-active-border-color: #0d6efd;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #0d6efd;
      --bs-btn-disabled-bg: transparent;
      --bs-btn-disabled-border-color: #0d6efd;
      --bs-gradient: none;

  }
  
  /* Sobreescritura para el tema oscuro */
  body.dark-theme {
    --bs-primary: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --color-links: var(--color-linkb);
    --color-linkshover: var(--color-linkb-hover);
    
    /* Colores de sistema */
    --bs-success: var(--color-success);
    --bs-info: var(--color-info);
    --bs-warning: var(--color-warning);
    --bs-danger: var(--color-error);
    
    /* Colores de fondo y texto */
    --bs-body-bg: var(--color-white);
    --bs-body-color: var(--color-black);
    
    /* Colores de enlaces */
    --bs-link-color: var(--color-linkb);
    --bs-link-hover-color: var(--color-link-hover);
    --bs-link-hovercolor-rgb: var(--color-link-hover);
    
    /* Colores neutros */
    --bs-light: var(--color-gray-light);
    --bs-dark: var(--color-gray-dark);
    
    /* Bordes */
    --bs-border-color: var(--color-gray-light);
    --bs-heading-color: var(--color-black);
  }

  a {
    color: rgba(var(--color-links), var(--bs-link-opacity));
  }
  a:hover {
    color: rgb(var(--color-linkshover), var(--bs-link-opacity));
  }
  
  /* Sobreescrituras adicionales para componentes específicos */
  .btn-primary {
    --bs-btn-bg: var(--color-link);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-link-hover);
    --bs-btn-hover-border-color: var(--color-link-hover);
    --bs-btn-active-bg: var(--color-link-active);
    --bs-btn-active-border-color: var(--color-link-active);
  }
.btn:hover {
	color: --var(color-white) !important;
}
.btn-primary a:visited, .btn-primary a:hover {
	color: #fff !important;
}
  .btn-secondary {
    --bs-btn-bg: var(--color-secondary);
    --bs-btn-border-color: var(--color-secondary);
  }

.btn-outline-primary {
    --bs-btn-color: var(--color-linkss);
    --bs-btn-border-color:  var(--color-link);
    --bs-btn-hover-color:  var(--color-white);
    --bs-btn-hover-bg:  var(--color-link);
    --bs-btn-hover-border-color:  var(--color-link);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color:  var(--color-white);
    --bs-btn-active-bg:  var(--color-link);
    --bs-btn-active-border-color:  var(--color-link);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:  var(--color-link);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color:  var(--color-link);
    --bs-gradient: none;
}
.border {
  border-radius: 1em;
  background: var(--color-white-rgba);
  backdrop-filter: blur(5px);
  border: var(--bs-border-width) var(--bs-border-style) var(--color-white) !important;
  padding: 3em 2em;
}
.sombra {
  box-shadow: 0 2px 20px rgba(128,128,128,0.1);
}
  /* Tarjetas */
  .card {
    --bs-card-bg: var(--color-white);
    --bs-card-border-color: var(--color-gray-light);
    --bs-card-cap-bg: var(--color-gray-light);
  }
  
  /* Inputs y formularios */
  .form-control {
    --bs-border-color: var(--color-gray-light);
    background-color: var(--color-white);
    color: var(--color-black);
  }
  
  .form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--color-primary-rgb, 106, 159, 181), 0.25);
  }
  
  /* Tablas */
  .table {
    --bs-table-striped-bg: var(--color-gray-light);
    --bs-table-hover-bg: var(--color-gray-light);
    --bs-table-border-color: var(--color-gray-light);
  }
  
  /* Acordeones */
  .accordion {
    --bs-accordion-border-color: var(--color-gray-light);
    --bs-accordion-btn-bg: var(--color-gray-light);
    --bs-accordion-active-bg: var(--color-primary);
    --bs-accordion-active-color: var(--color-white);
  }
  
  /* Alertas */
  .alert-primary {
    --bs-alert-bg: rgba(var(--color-primary-rgb, 106, 159, 181), 0.1);
    --bs-alert-border-color: var(--color-primary);
    --bs-alert-color: var(--color-primary);
  }
  
  /* Navbars */
  .navbar {
    --bs-navbar-color: var(--color-black);
    --bs-navbar-hover-color: var(--color-primary);
    --bs-navbar-active-color: var(--color-primary);
  }
  
  /* Lista group */
  .list-group {
    --bs-list-group-color: var(--color-black);
    --bs-list-group-bg: var(--color-white);
    --bs-list-group-border-color: var(--color-gray-light);
    --bs-list-group-active-bg: var(--color-primary);
    --bs-list-group-active-color: var(--color-white);
  }
  
  /* Modales */
  .modal {
    --bs-modal-bg: var(--color-white);
    --bs-modal-border-color: var(--color-gray-light);
  }
  
  /* Adaptaciones adicionales para compatibilidad con tu sistema de temas */
  .bg-primary { background-color: var(--color-primary) !important; }
  .bg-secondary { background-color: var(--color-secondary) !important; }
  .bg-success { background-color: var(--color-success) !important; }
  .bg-danger { background-color: var(--color-error) !important; }
  .bg-warning { background-color: var(--color-warning) !important; }
  .bg-info { background-color: var(--color-info) !important; }
  .bg-light { background-color: var(--color-gray-light) !important; }
  .bg-dark { background-color: var(--color-gray-dark) !important; }
  
  .text-primary { color: var(--color-primary) !important; }
  .text-secondary { color: var(--color-secondary) !important; }
  .text-light { color: var(--color-gray-light) !important; }
  .text-dark { color: var(--color-gray-dark) !important; }

  .text-muted {color: var(--color-gray-dark) !important;}  

  .navbar {
    padding: 0;
  }
  .navbar-brand {
    padding-top: 0;
    padding-bottom: 8px;
  }