/* Variables del tema: Modo Claro (por defecto) */
:root {
   --body-bg: #f5f5dc;
   /* Fondo del cuerpo */
   --body-bg-even: #f3f3cb;
   --text-color: #212529;
   /* Color del texto */
   --card-bg: #f3f3cb;
   /* Fondo de tarjetas */
   --border-color: rgba(0, 0, 0, 0.125);
   /* Color de bordes */

   /*buscador*/
   --body-bg-b: #f3f3cb;
   --body-bg-b-even: #f5f5dc;
   --card-bg-b: #f5f5dc;
   --card-border: #e3e33d;
   --paginate-b-background: #212529;
   --paginate-b-border: #212529;
   --text-pb-color: #f5f5dc;
}

/* Variables del tema: Modo Oscuro */
.dark-mode {
   --body-bg: #212529;
   --body-bg-even: #2f353a;
   --text-color: #f8f9fa;
   --card-bg: #343a40;
   --border-color: rgba(255, 255, 255, 0.175);

   /*buscador*/
   --card-border: rgba(255, 255, 255, 0.368);
   --card-bg-b: #343a40;
   --card-border: rgba(255, 255, 255, 0.175);
   --paginate-b-background: #f8f9fa;
   --paginate-b-border: #f8f9fa;
   --text-pb-color: #2f353a;
}

/* Aplicar los estilos a elementos del DOM */
body {
   background-color: var(--body-bg);
   color: var(--text-color);
   transition: background-color 0.3s ease, color 0.3s ease;
}

.modal-content{
   color: #212529 !important;
}

.modal-content .form-control{
   border-color: #c4c9cf;
}

.container-fluid {
   background-color: var(--body-bg-even);
   color: var(--text-color);
   transition: background-color 0.3s ease, color 0.3s ease;
}

.card {
   background-color: var(--card-bg-b);
   border: 1px solid var(--card-border);
   color: var(--text-color);
}

.nav-link {
   color: var(--text-color);
}

.form-control{
   border-color: var(--card-border);
}

.field--name-field-componentes>div:nth-child(even) {
   background-color: var(--body-bg-even);
}

.footer__top,
.grilla-menus.grid-nav {
   background-color: var(--body-bg-even);
}

.field--name-field-titulo,
.field--name-field-titulo-seccion,
.node-readmore>a,
.destacado__title>a,
.date_custom_published,
.grilla-menu__link--sub-1,
.destacado__title {
   color: var(--text-color) !important;
}

.noticias-destacadas .field--name-field-noticias>div:first-child::before,
.noticias-minisitios .field--name-field-noticias>div:first-child::before,
.noticias-destacadas .field--name-field-noticias>div:first-child::after,
.noticias-minisitios .field--name-field-noticias>div:first-child::after {
   color: var(--text-color) !important;
}

#table_reg_length>label>select, td{
   color: var(--text-color);
   background-color: var(--card-bg-b);
   border-color: var(--card-border);
}

#table_reg_length>label>select, td{
   margin-bottom: 2px;
}

.table.table-sm.table-stripped tbody{
   background-color: var(--card-bg-b);
}

.paginate_button{
   color: var(--text-color);
   border-color: var(--paginate-b-border) !important;
}
.paginate_button.current{
   background-color: var(--paginate-b-background) !important;
   border-color: var(--paginate-b-border) !important;
   color: var(--text-pb-color) !important;
}

.range.day{
   background: var(--body-bg-even) !important;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
   background: var(--body-bg) !important;
}