/* ==========================================================================
   Drogheda · piel Helgen para Material for MkDocs
   Los colores y las letras vienen de helgen.css (tokens --hg-*). Aquí solo se
   conectan con las variables de Material y se ajusta el diseño:
   barra lateral fija a la izquierda (como un proyecto de Notion), columna de
   lectura centrada y tableros a todo lo ancho (plantilla tablero.html).
   ========================================================================== */

/* ---- Variables de Material a partir de los tokens ------------------------ */
[data-md-color-scheme="slate"],
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--hg-fondo);
  --md-default-bg-color--light: color-mix(in srgb, var(--hg-fondo) 54%, transparent);
  --md-default-bg-color--lighter: color-mix(in srgb, var(--hg-fondo) 26%, transparent);
  --md-default-bg-color--lightest: color-mix(in srgb, var(--hg-fondo) 7%, transparent);
  --md-default-fg-color: var(--hg-texto);
  --md-default-fg-color--light: var(--hg-texto-2);
  --md-default-fg-color--lighter: var(--hg-texto-3);
  --md-default-fg-color--lightest: var(--hg-linea);

  --md-primary-fg-color: var(--hg-cabecera);
  --md-primary-fg-color--light: var(--hg-indigo);
  --md-primary-fg-color--dark: var(--hg-barra);
  --md-primary-bg-color: var(--hg-sobre-cabecera);
  --md-primary-bg-color--light: color-mix(in srgb, var(--hg-sobre-cabecera) 70%, transparent);

  --md-accent-fg-color: var(--hg-liga-hover);
  --md-accent-fg-color--transparent: var(--hg-acento-suave);
  --md-accent-bg-color: var(--hg-plano);
  --md-accent-bg-color--light: var(--hg-plano-2);

  --md-typeset-color: var(--hg-texto);
  --md-typeset-a-color: var(--hg-liga);
  --md-typeset-mark-color: color-mix(in srgb, var(--hg-aviso) 30%, transparent);
  --md-typeset-table-color: var(--hg-linea);
  --md-typeset-table-color--light: color-mix(in srgb, var(--hg-elevado) 45%, transparent);
  --md-typeset-kbd-color: var(--hg-plano);
  --md-typeset-kbd-accent-color: var(--hg-linea-2);
  --md-typeset-kbd-border-color: var(--hg-linea);

  --md-code-fg-color: var(--hg-texto);
  --md-code-bg-color: var(--hg-plano);
  --md-code-bg-color--light: var(--hg-plano-2);
  --md-code-bg-color--lighter: var(--hg-plano-2);

  --md-admonition-fg-color: var(--hg-texto);
  --md-admonition-bg-color: var(--hg-plano);

  --md-footer-fg-color: var(--hg-texto);
  --md-footer-fg-color--light: var(--hg-texto-2);
  --md-footer-fg-color--lighter: var(--hg-texto-3);
  --md-footer-bg-color: var(--hg-barra);
  --md-footer-bg-color--dark: var(--hg-barra);

  --md-shadow-z1: none;
  --md-shadow-z2: var(--hg-sombra-suave);
  --md-shadow-z3: var(--hg-sombra);
}

:root {
  --hg-ancho-barra: 14rem;
  --md-text-font: "Atkinson Hyperlegible Next";
  --md-code-font: "Atkinson Hyperlegible Mono";
}

body {
  background-color: var(--hg-fondo);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus-visible { outline: 2px solid var(--hg-foco); outline-offset: 2px; }

/* Íconos de línea: Material pinta los SVG con relleno; los nuestros son trazo. */
svg.hg-i { fill: none !important; stroke: currentColor; }

/* ---- Encabezado ---------------------------------------------------------- */
.md-header {
  background-color: var(--hg-cabecera);
  color: var(--hg-sobre-cabecera);
  border-bottom: 1px solid var(--hg-linea-suave);
  box-shadow: none;
}
[data-md-color-scheme="default"] .md-header { border-bottom-color: transparent; }
.md-header--shadow { box-shadow: none; }

.md-header__button.md-logo { margin: 0.2rem 0.1rem 0.2rem 0.35rem; padding: 0.2rem; }
.md-header__button.md-logo svg,
.md-nav__title .md-nav__button.md-logo svg { width: auto; height: 1.6rem; }

.md-header__title { margin-left: 0.3rem; }
.md-header__topic:first-child {
  font-family: var(--hg-fuente-titulo);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0;
}
.md-header__topic + .md-header__topic { font-weight: 600; font-size: 0.8rem; }

/* búsqueda */
@media screen and (min-width: 60em) {
  .md-search__form {
    height: 1.75rem;
    border-radius: 8px;
    background-color: var(--hg-plano);
    border: 1px solid var(--hg-linea);
  }
  .md-search__form:hover { background-color: var(--hg-elevado); }
  [data-md-color-scheme="default"] .md-search__form {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
  }
  [data-md-color-scheme="default"] .md-search__form:hover { background-color: rgba(255, 255, 255, 0.18); }
  [data-md-color-scheme="default"] .md-search__input,
  [data-md-color-scheme="default"] .md-search__input::placeholder,
  [data-md-color-scheme="default"] .md-search__input ~ .md-search__icon { color: rgba(255, 255, 255, 0.82); }
  [data-md-toggle="search"]:checked ~ .md-header .md-search__form {
    background-color: var(--hg-plano);
    border-color: var(--hg-linea-2);
    border-radius: 8px 8px 0 0;
  }
  [data-md-color-scheme="default"] [data-md-toggle="search"]:checked ~ .md-header .md-search__input { color: var(--hg-texto); }
  .md-search__output { border-radius: 0 0 10px 10px; }
}
.md-search__input { font-size: 0.75rem; }
.md-search__input::placeholder { color: var(--hg-texto-3); }
.md-search__output { background-color: var(--hg-plano); }
.md-search-result__meta { background-color: var(--hg-plano-2); color: var(--hg-texto-2); }
.md-search-result__item { border-top: 1px solid var(--hg-linea-suave); }
.md-search-result__link:focus,
.md-search-result__link:hover,
.md-search-result__more > summary:hover { background-color: var(--hg-elevado); }
.md-search-result mark { color: var(--hg-liga); background: none; }

/* ---- Esqueleto: barra lateral a la izquierda, columna de lectura --------- */
@media screen and (min-width: 76.25em) {
  .md-header__inner.md-grid,
  .md-main__inner.md-grid { max-width: none; margin-left: 0; margin-right: 0; }
  .md-main__inner { margin-top: 0; }

  /* la barra lateral se pinta en el fondo de .md-main: Material le da altura 0 a .md-sidebar */
  .md-main {
    background: linear-gradient(to right,
      var(--hg-barra) 0, var(--hg-barra) var(--hg-ancho-barra),
      var(--hg-linea-suave) var(--hg-ancho-barra), var(--hg-linea-suave) calc(var(--hg-ancho-barra) + 1px),
      transparent calc(var(--hg-ancho-barra) + 1px));
  }
  .md-sidebar--primary {
    padding: 0.7rem 0 1.2rem;
    width: var(--hg-ancho-barra);
  }
  .md-sidebar--primary .md-sidebar__scrollwrap { margin: 0 0.25rem; }
  [dir=ltr] .md-sidebar--primary .md-sidebar__inner { padding-right: 0.15rem; }
  /* el nombre del sitio ya está en el encabezado */
  .md-nav--primary > .md-nav__title { display: none; }
  .md-sidebar--secondary { padding-top: 1.6rem; }

  /* la columna de lectura se centra en el espacio libre */
  [dir=ltr] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner,
  [dir=ltr] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner,
  .md-content > .md-content__inner {
    margin-left: auto;
    margin-right: auto;
  }
}
.md-content__inner {
  max-width: var(--hg-ancho-contenido, 46rem);
  padding: 1.4rem 1.2rem 0;
  box-sizing: border-box;
}
@media screen and (max-width: 76.234375em) {
  .md-content__inner { padding: 1rem 0.2rem 0; }
}
.md-content__inner::before { display: none; }

/* ---- Menú lateral -------------------------------------------------------- */
.md-nav { font-size: 0.7rem; line-height: 1.35; }
.md-nav--primary .md-nav__link {
  margin-top: 1px;
  padding: 0.32rem 0.5rem;
  border-radius: var(--hg-radio-chico);
  color: var(--hg-texto-suave);
  align-items: center;
  gap: 0.5rem;
}
.md-nav--primary .md-nav__link svg.hg-i { width: 18px; height: 18px; margin: 0; color: var(--hg-texto-3); }
.md-nav--primary .md-nav__link[href]:hover,
.md-nav--primary .md-nav__link[for]:hover { color: var(--hg-texto-fuerte); background-color: color-mix(in srgb, var(--hg-elevado) 55%, transparent); }
.md-nav--primary .md-nav__item .md-nav__link--active,
.md-nav--primary .md-nav__item .md-nav__link--active code {
  color: var(--hg-texto-fuerte);
  background-color: var(--hg-elevado);
  font-weight: 600;
}
.md-nav--primary .md-nav__link--active svg.hg-i { color: var(--hg-acento); }
.md-nav--primary .md-nav__container > .md-nav__link { padding: 0; margin: 0; background: none; }
.md-nav--primary .md-nav__container { padding: 0; }
.md-nav--primary .md-nav__container > .md-nav__link:first-child { padding: 0.32rem 0.5rem; border-radius: var(--hg-radio-chico); }
.md-nav--primary .md-nav__container > .md-nav__link[for] { padding: 0.32rem 0.35rem; border-radius: var(--hg-radio-chico); }
.md-nav__icon::after { background-color: var(--hg-texto-3); }
/* lo que no tiene ícono deja el hueco del ícono, para que los nombres queden alineados */
.md-nav--primary .md-nav__link:not(.md-nav__container):not(:has(> svg))::before,
.md-nav--primary .md-nav__container > .md-nav__link:first-child:not(:has(> svg))::before {
  content: "";
  flex: none;
  width: 18px;
}
.md-nav--primary .md-nav__container > .md-nav__link[for]::before { display: none; }
@media screen and (min-width: 76.25em) {
  .md-nav--primary .md-nav__item--section > .md-nav__link::before,
  .md-nav--primary .md-nav__item--section > .md-nav__container > .md-nav__link:first-child::before { display: none; }
}

/* secciones de primer nivel (Tableros, Documentos, Cuenta): rótulo discreto, sin mayúsculas */
@media screen and (min-width: 76.25em) {
  .md-nav--primary > .md-nav__list > .md-nav__item--section { margin: 1.1rem 0 0; }
  .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__container > .md-nav__link:first-child {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--hg-texto-3);
    padding: 0 0.5rem 0.3rem;
    background: none;
  }
  .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__container > .md-nav__link:first-child svg.hg-i { display: none; }
}
.md-nav--primary .md-nav__item--nested:not(.md-nav__item--section) > .md-nav { padding-left: 0.55rem; }

/* el campo «status:» de los documentos es texto para personas, no un ícono en el menú */
.md-nav .md-status { display: none; }

/* conteo junto a «Pendientes» (js/sitio.js) */
.hg-cuenta {
  margin-left: auto;
  font-size: 0.62rem;
  font-weight: 500;
  color: var(--hg-texto-3);
  font-variant-numeric: tabular-nums;
}
.hg-cuenta--vencidos::before {
  content: "";
  display: inline-block;
  width: 6px; height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--hg-bloqueado);
  vertical-align: 0.1em;
}

/* en teléfono y tableta el menú es un cajón */
@media screen and (max-width: 76.234375em) {
  .md-nav--primary,
  .md-nav--primary .md-nav { background-color: var(--hg-barra); }
  .md-nav--primary .md-nav__title { background-color: var(--hg-cabecera); color: var(--hg-sobre-cabecera); }
  .md-nav--primary .md-nav__title .md-logo svg { height: 2rem; }
  .md-nav--primary .md-nav__item { font-size: 0.75rem; }
  .md-nav--primary .md-nav__link { padding: 0.45rem 0.6rem; margin: 1px 0.4rem; }
  .md-nav--primary .md-nav__link.md-nav__container { padding: 0; }
  .md-nav--primary .md-nav__container > .md-nav__link:first-child { padding: 0.45rem 0.6rem; }
}

/* índice de la página (derecha) */
.md-nav--secondary .md-nav__title { color: var(--hg-texto-3); font-weight: 600; font-size: 0.62rem; background: none; box-shadow: none; }
.md-nav--secondary .md-nav__link { color: var(--hg-texto-2); margin-top: 0.4em; }
.md-nav--secondary .md-nav__link--active { color: var(--hg-texto-fuerte); }
.md-nav--secondary .md-nav__link:hover { color: var(--hg-liga-hover); }

/* ---- Texto --------------------------------------------------------------- */
.md-typeset { font-size: 0.8rem; line-height: 1.62; color: var(--hg-texto); }
.md-typeset h1,
.md-typeset h2 {
  font-family: var(--hg-fuente-titulo);
  color: var(--hg-texto-fuerte);
}
.md-typeset h1 {
  font-weight: 700;
  font-size: 2.15em;
  line-height: 1.08;
  letter-spacing: -0.012em;
  margin: 0 0 0.8em;
}
.md-typeset h2 {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.18;
  letter-spacing: -0.004em;
  margin: 1.9em 0 0.6em;
}
.md-typeset h3 { font-weight: 700; font-size: 1.12em; line-height: 1.35; letter-spacing: 0; margin: 1.6em 0 0.5em; color: var(--hg-texto-fuerte); }
.md-typeset h4 { font-weight: 700; letter-spacing: 0; }
.md-typeset h5, .md-typeset h6 { text-transform: none; color: var(--hg-texto-2); }
.md-typeset .headerlink { color: var(--hg-texto-3); }

.md-typeset a { color: var(--hg-liga); text-underline-offset: 0.18em; }
.md-typeset a:hover, .md-typeset a:focus { color: var(--hg-liga-hover); text-decoration: underline; }
.md-typeset strong { font-weight: 700; color: var(--hg-texto-fuerte); }

.md-typeset hr { border-bottom: 1px solid var(--hg-linea); }
.md-typeset blockquote { border-left: 2px solid var(--hg-linea-2); color: var(--hg-texto-2); }
.md-typeset mark { color: inherit; }

/* código: la mono solo para lo que se teclea o se compara */
.md-typeset code { border-radius: 4px; font-size: 0.86em; background-color: var(--hg-elevado); }
.md-typeset pre > code { background-color: var(--hg-plano); border: 1px solid var(--hg-linea); border-radius: var(--hg-radio); }
.md-typeset kbd { font-family: var(--hg-fuente-mono); }

/* tablas */
.md-typeset table:not([class]) {
  font-size: 0.7rem;
  border: 1px solid var(--hg-linea);
  border-radius: var(--hg-radio);
  background-color: var(--hg-plano-2);
}
.md-typeset table:not([class]) th {
  background-color: var(--hg-plano);
  color: var(--hg-texto-2);
  font-weight: 600;
  min-width: 4rem;
  padding: 0.7em 1em;
}
.md-typeset table:not([class]) td { padding: 0.75em 1em; border-top: 1px solid var(--hg-linea); }
.md-typeset table:not([class]) tbody tr:hover { background-color: color-mix(in srgb, var(--hg-elevado) 35%, transparent); box-shadow: none; }

/* listas de pasos numeradas (índices de sección) */
.md-typeset ol.pasos > li { margin-bottom: 0.6em; }
.md-typeset ol.pasos > li::marker { font-weight: 700; color: var(--hg-texto-2); }

/* avisos y bloques plegables: borde completo y tenue, el color solo en el ícono */
.md-typeset .admonition,
.md-typeset details {
  --hg-av: var(--hg-texto-2);
  font-size: 0.74rem;
  border-radius: var(--hg-radio);
  box-shadow: none;
}
.md-typeset :is(.admonition, details)[class] { border: 1px solid color-mix(in srgb, var(--hg-av) 30%, var(--hg-linea)); background-color: var(--hg-plano); }
.md-typeset :is(.admonition, details)[class]:focus-within { box-shadow: 0 0 0 3px var(--hg-acento-suave); }
.md-typeset :is(.admonition, details)[class] > :is(.admonition-title, summary) {
  background-color: transparent;
  border: 0;
  font-weight: 700;
  color: var(--hg-texto-fuerte);
}
.md-typeset :is(.admonition, details)[class] > :is(.admonition-title, summary)::before { background-color: var(--hg-av); }
.md-typeset :is(.admonition, details)[class] > summary::after { background-color: var(--hg-texto-3); }
.md-typeset :is(.admonition, details):is(.info, .todo, .abstract, .summary, .tldr, .example) { --hg-av: var(--hg-info); }
.md-typeset :is(.admonition, details):is(.tip, .hint, .important, .success, .check, .done) { --hg-av: var(--hg-hecho); }
.md-typeset :is(.admonition, details):is(.warning, .caution, .attention, .question, .help, .faq) { --hg-av: var(--hg-aviso); }
.md-typeset :is(.admonition, details):is(.danger, .error, .failure, .fail, .missing, .bug) { --hg-av: var(--hg-bloqueado); }

/* tarjetas en rejilla (índices de sección) */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid var(--hg-linea);
  border-radius: var(--hg-radio);
  background-color: var(--hg-plano);
  transition: border-color 0.15s ease;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover { border-color: var(--hg-linea-2); box-shadow: none; transform: none; }
.md-typeset .grid.cards > ul > li > hr { margin: 0.6em 0; }
.md-typeset .grid.cards > ul > li h3 { margin-top: 0; }
.md-typeset .grid.cards > ul > li .md-button { margin: 0.2em 0.4em 0.2em 0; font-size: 0.78em; padding: 0.45em 1em; }

/* botones: uno principal por pantalla */
.md-typeset .md-button {
  border: 1px solid var(--hg-linea-2);
  border-radius: var(--hg-radio-campo);
  color: var(--hg-texto);
  font-weight: 600;
  padding: 0.5em 1.1em;
}
.md-typeset .md-button:hover,
.md-typeset .md-button:focus { background-color: var(--hg-elevado); border-color: var(--hg-linea-2); color: var(--hg-texto-fuerte); }
.md-typeset .md-button--primary { background-color: var(--hg-acento); border-color: var(--hg-acento); color: var(--hg-sobre-acento); }
.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus { background-color: var(--hg-acento); border-color: var(--hg-acento); color: var(--hg-sobre-acento); filter: brightness(1.08); }

/* aviso de búsqueda en la portada */
.buscar-aviso {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  background: var(--hg-plano);
  border: 1px solid var(--hg-linea);
  border-radius: var(--hg-radio);
  color: var(--hg-texto-2);
  padding: 0.7em 1em;
  margin: 1em 0 1.5em;
}
.buscar-aviso::before {
  content: "";
  flex: none;
  width: 18px; height: 18px;
  margin-top: 0.15em;
  background-color: var(--hg-texto-3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round"><path d="M11 4.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM20 20l-4.4-4.4"/></svg>') center / contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round"><path d="M11 4.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM20 20l-4.4-4.4"/></svg>') center / contain no-repeat;
}
.buscar-aviso > :first-child { margin-top: 0; }
.buscar-aviso > :last-child { margin-bottom: 0; }

/* casillas de las listas de verificación */
.md-typeset .task-list-indicator::before { background-color: var(--hg-linea-2); }
.md-typeset [type="checkbox"]:checked + .task-list-indicator::before { background-color: var(--hg-hecho); }

/* ---- Pie de página ------------------------------------------------------- */
.md-footer { border-top: 1px solid var(--hg-linea-suave); }
.md-footer__link { color: var(--hg-texto-2); }
.md-footer__link:hover { color: var(--hg-texto-fuerte); opacity: 1; }
.md-footer__title { font-size: 0.75rem; }
.md-footer__direction { color: var(--hg-texto-3); }
.md-footer-meta { background-color: var(--hg-barra); }
.md-footer-meta__inner { color: var(--hg-texto-3); }
.md-copyright { color: var(--hg-texto-3); }
.md-copyright__highlight { color: var(--hg-texto-2); }
.md-top { background-color: var(--hg-plano); color: var(--hg-texto-2); border: 1px solid var(--hg-linea); box-shadow: none; }
.md-top:hover { background-color: var(--hg-elevado); color: var(--hg-texto-fuerte); }

/* ---- Impresión (checklists y procedimientos) ----------------------------- */
@media print {
  .md-header, .md-sidebar, .md-footer, .md-top, .md-search,
  .md-content__button, .md-source-file, .md-typeset .headerlink { display: none !important; }
  body, .md-typeset { background: #fff !important; color: #000 !important; }
  .md-main__inner { margin: 0; }
  .md-content { max-width: 100%; margin: 0; }
  .md-content__inner { max-width: none; padding: 0; }
  .md-typeset { font-size: 10.5pt; line-height: 1.35; }
  .md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset strong { color: #000 !important; }
  .md-typeset h1 { font-size: 16pt; page-break-after: avoid; }
  .md-typeset h2 { font-size: 13pt; page-break-after: avoid; border-bottom: 1px solid #000; }
  .md-typeset h3 { font-size: 11.5pt; page-break-after: avoid; }
  .md-typeset table:not([class]) { background: #fff; border-color: #000; }
  .md-typeset table:not([class]) th { background: #fff; color: #000; }
  .md-typeset table { page-break-inside: avoid; font-size: 9.5pt; }
  .md-typeset .admonition, .md-typeset details { page-break-inside: avoid; border: 1px solid #000 !important; background: #fff !important; box-shadow: none; }
  .md-typeset .task-list-control .task-list-indicator { border: 1px solid #000; background: #fff; }
  .md-typeset a { color: #000; text-decoration: none; }
  .md-typeset a[href^="http"]::after { content: none; }
  .md-typeset code { background: #fff; border: 1px solid #999; color: #000; }
  .badge-v3, .badge-v4, .badge-v55, .badge-v56, .badge-v57, .badge-v6, .badge-fw { border: 1px solid #000; color: #000; }
  @page { margin: 12mm 14mm; }
}