/* ==========================================================================
   Akenco — capa institucional (aspecto gubernamental) sobre quark2
   Adaptada a modo claro y oscuro
   ========================================================================== */

:root{
  --ak-navy:#0b2545;
  --ak-navy-2:#13315c;
  --ak-gold:#c9a227;
  --q2-accent:#0b2545;
  /* colores de texto adaptativos — valores para modo CLARO */
  --ak-heading:#0b2545;
  --ak-link:#13315c;
}
/* modo OSCURO explícito */
:root[data-theme="dark"]{
  --ak-heading:#eef2f8;
  --ak-link:#e6c25a;
}
/* modo AUTO siguiendo el sistema */
@media (prefers-color-scheme: dark){
  :root[data-theme-preference="auto"]{
    --ak-heading:#eef2f8;
    --ak-link:#e6c25a;
  }
}

/* Franja dorada superior, detalle oficial */
#page-wrapper::before{
  content:"";
  display:block;
  height:4px;
  background:var(--ak-gold);
}

/* ---- Cabecera institucional (igual en ambos modos) ---------------------- */
#header{
  background:var(--ak-navy) !important;
  border-bottom:3px solid var(--ak-gold);
  backdrop-filter:none !important;
}
#header .navbar{
  background:transparent !important;
  padding-top:.35rem;
  padding-bottom:.35rem;
}
#header .navbar-brand{
  display:flex !important;
  align-items:center;
  gap:.7rem;
}
#header .navbar-brand img{
  height:52px !important;
  width:auto !important;
  border-radius:4px;
  background:#fff;
  padding:2px;
}
#header .navbar-brand::after{
  content:"República de Akenco";
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:1.35rem;
  letter-spacing:.3px;
  color:#fff;
  line-height:1.05;
}
#header .dropmenu a,
#header .navbar-section.actions,
#header .login-status-wrapper,
#header .theme-toggle{
  color:#eaf0f7 !important;
}
#header .dropmenu a:hover,
#header .dropmenu a.active,
#header .dropmenu a[aria-current]{
  color:var(--ak-gold) !important;
}
#header .dropmenu a.active,
#header .dropmenu a[aria-current]{
  border-bottom:2px solid var(--ak-gold);
}

/* ---- Titulares: serif + color adaptativo -------------------------------- */
h1,h2,h3,.content h1,.content h2,.content h3{
  font-family:Georgia,"Times New Roman",serif !important;
  color:var(--ak-heading) !important;
  letter-spacing:.2px;
}

/* Enlaces del cuerpo: color adaptativo */
main a,.content a{
  color:var(--ak-link);
  text-decoration:underline;
  text-underline-offset:2px;
}
main a:hover,.content a:hover{ color:var(--ak-gold); }

/* Filete superior de la tarjeta: navy en claro, dorado en oscuro */
main .content,#body .content,article{
  border-top:4px solid var(--ak-navy);
}
:root[data-theme="dark"] main .content,
:root[data-theme="dark"] #body .content,
:root[data-theme="dark"] article{
  border-top-color:var(--ak-gold);
}

/* Barra móvil también en azul */
.mobile-menu,.mobile-logo{ background:var(--ak-navy) !important; }