/* Estilos extra para complementar Tailwind sin duplicar utilidades */
.hero-digesto {
  background-image: linear-gradient(120deg, rgba(10, 31, 46, 0.35), rgba(10, 31, 46, 0.7)), url('../img/back2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Estado activo para el item de navegacion actual */
.nav-active {
  color: #0b4a6f;
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* Mensajes de validacion del formulario */
.msg-ok {
  display: block;
  background: #dcfce7;
  color: #14532d;
}

.msg-error {
  display: block;
  background: #fee2e2;
  color: #7f1d1d;
}

/* Boton de modo oscuro */
.dark-toggle {
  width: 38px;
  height: 38px;
  border-radius: 9999px;
  border: 1px solid #94a3b8;
  background: #ffffff;
  color: #0f172a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  cursor: pointer;
}

/* Modo oscuro global */
body.dark {
  background: #1e1e1e !important;
  color: #e5e7eb !important;
}

body.dark header {
  background: rgba(30, 30, 30, 0.96) !important;
  border-color: #3c3c3c !important;
  color: #e2e8f0 !important;
}

body.dark #mobileMenu {
  background: #252526 !important;
  border-color: #3c3c3c !important;
}

body.dark .nav-active {
  color: #7dd3fc;
}

body.dark .dark-toggle {
  background: #252526;
  color: #f8fafc;
  border-color: #4b4b4b;
}

body.dark .rounded-xl,
body.dark .rounded-2xl,
body.dark .admin-card,
body.dark .upload-card,
body.dark .table-card,
body.dark .search-card,
body.dark .result-item,
body.dark .card-flip,
body.dark .notification-dropdown,
body.dark .notification-item,
body.dark .file-block {
  background: #252526 !important;
  color: #e5e7eb !important;
  border-color: #3c3c3c !important;
}

body.dark input,
body.dark select,
body.dark textarea {
  background: #1e1e1e !important;
  color: #e5e7eb !important;
  border-color: #4b4b4b !important;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
  color: #94a3b8 !important;
}

body.dark section#contacto {
  background: #202020 !important;
}

body.dark .bg-white,
body.dark .bg-white\/95,
body.dark .bg-white\/80,
body.dark .bg-\[\#f3f4f6\],
body.dark .bg-\[\#f8fafc\],
body.dark .bg-\[\#dfe2e7\] {
  background: #252526 !important;
}

body.dark .text-slate-900,
body.dark .text-slate-800,
body.dark .text-slate-700,
body.dark .text-slate-600 {
  color: #e5e7eb !important;
}

body.dark .border-slate-300,
body.dark .border-slate-400 {
  border-color: #3c3c3c !important;
}

body.dark .text-brand {
  color: #7dd3fc !important;
}

body.dark .hover\:bg-slate-200:hover {
  background: #2d2d30 !important;
}

body.dark table,
body.dark th,
body.dark td,
body.dark table.dataTable thead th {
  background: #252526 !important;
  color: #e5e7eb !important;
  border-color: #3c3c3c !important;
}


/* Logos por modo (claro/oscuro) */
.logo {
  height: 2.5rem;
  width: auto;
}

.logo-light {
  display: none;
}

body.dark .logo-dark {
  display: none;
}

body.dark .logo-light {
  display: block;
}