/* ------------------------------------------------------------------
   Portal de transparencia — ajustes propios del acervo.
   El tema original (essentials.css + header-1.css + darkblue.css) aporta
   la identidad: blanco con morado #67105E. Aqui solo se define lo que
   ese tema no tenia: la tabla de datos y la ficha de periodo.
   ------------------------------------------------------------------ */

:root {
  --tp-morado: #67105E;
  --tp-morado-osc: #4d0c46;
  --tp-linea: #e3e1e6;
  --tp-fondo: #f7f5f8;
  --tp-tinta: #3f3f3f;
  --tp-suave: #7b7280;
}

body.ah-transp { background: #fff; color: var(--tp-tinta); }

.ah-transp-cuerpo { padding: 26px 15px 60px; }

.ah-transp-titulo {
  font-size: 30px;
  font-weight: 700;
  color: var(--tp-tinta);
  margin: 0 0 14px;
}

.ah-transp .breadcrumb {
  background: var(--tp-fondo);
  border-radius: 3px;
  padding: 10px 16px;
  font-size: 13px;
  margin-bottom: 22px;
}
.ah-transp .breadcrumb li { display: inline; color: var(--tp-suave); }
.ah-transp .breadcrumb li + li:before { content: "/"; padding: 0 8px; color: #bdb6c2; }
.ah-transp .breadcrumb a { color: var(--tp-morado); text-decoration: none; }
.ah-transp .breadcrumb a:hover { text-decoration: underline; }

/* --- aviso de acervo, en la paleta del portal --- */
.ah-transp .ah-aviso {
  background: #f9f4f8;
  border: 1px solid #ddc9da;
  border-left: 4px solid var(--tp-morado);
  color: #5a4256;
}
.ah-transp .ah-aviso strong { color: var(--tp-morado); }
.ah-transp .ah-aviso a { color: var(--tp-morado); }

/* --- ficha informativa del periodo --- */
.ah-transp .ah-ficha-periodo {
  background: var(--tp-fondo);
  border: 1px solid var(--tp-linea);
  border-left: 3px solid var(--tp-morado);
}
.ah-transp .ah-datos dt { color: var(--tp-suave); }
.ah-transp .ah-datos dd { color: var(--tp-tinta); }
.ah-transp .ah-boton { background: var(--tp-morado); }
.ah-transp .ah-boton:hover { background: var(--tp-morado-osc); }

/* --- tablas de datos --- */
.ah-transp .ah-tabla { border-color: var(--tp-linea); }
.ah-transp .ah-tabla th { background: var(--tp-morado); }
.ah-transp .ah-tabla td { color: var(--tp-tinta); border-color: var(--tp-linea); }
.ah-transp .ah-tabla tbody tr:nth-child(even) { background: var(--tp-fondo); }
.ah-transp .ah-tabla tbody tr:hover { background: #f3eef4; }
.ah-transp .ah-tabla td a { color: var(--tp-tinta); }
.ah-transp .ah-tabla td a:hover { color: var(--tp-morado); }

/* --- fichas de fraccion --- */
.ah-transp .ah-ficha { border-top-color: var(--tp-morado); }
.ah-transp .ah-ficha:hover { border-top-color: var(--tp-morado-osc); }
.ah-transp .ah-ficha a:hover { color: var(--tp-morado); }
.ah-transp .ah-destacado { border-left-color: var(--tp-morado); background: var(--tp-fondo); }

.ah-transp h2 {
  font-size: 19px;
  color: var(--tp-tinta) !important;
  border-bottom: 2px solid var(--tp-linea);
  padding-bottom: 8px;
  margin: 30px 0 14px;
  position: relative;
}
.ah-transp h2::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 52px; height: 2px;
  background: var(--tp-morado);
}

/* --- pie propio --- */
.ah-pie-transp {
  background: #2b2b2b;
  color: #cfc9d2;
  padding: 26px 0;
  margin-top: 40px;
  font-size: 13.5px;
}
.ah-pie-transp p { margin: 0 0 6px; }
.ah-pie-transp a { color: #e0c9dd; }

@media (max-width: 767px) {
  .ah-transp-titulo { font-size: 22px; }
}

/* ------------------------------------------------------------------
   El tema de transparencia mostraba y ocultaba el logotipo y el menu
   con JavaScript. En un archivo estatico no se carga ese script, asi
   que se fija su estado visible directamente.
   ------------------------------------------------------------------ */
.ah-transp #topNav .logo { display: inline-block; padding: 12px 0; }
.ah-transp #topNav .logo > img { height: 58px; width: auto; max-width: none; }
.ah-transp .nav-main-collapse.collapse { display: block !important; }
@media (min-width: 768px) {
  .ah-transp .btn-mobile { display: none !important; }
}
.ah-transp #header { border-bottom: 3px solid var(--tp-morado); background: #fff; }
.ah-transp #topNav .container { display: flex; align-items: center; justify-content: space-between; }