backend/cuentas.py: restablece en bloque (todos menos leo y claude) y da de alta a varios desde backend/cuentas/2026-10-23_alta-sitios.json (jesush, miguel, joel, antonio, danielg); la contraseña la pide en la terminal. Miembros con sitio, correo y correo_alt; marca contrasena_inicial con aviso en el sitio hasta que la persona la cambie. Los ids de responsable se recalculan con el equipo de hoy. Lote 2026-10-23_usuarios-campo. Pruebas: tests-cuentas.sh (47). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016X4CAujMuib2tDqt9JRg6X
450 lines
21 KiB
CSS
450 lines
21 KiB
CSS
/* ==========================================================================
|
|
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; }
|
|
}
|
|
|
|
/* Aviso de contraseña inicial (23-oct-2026, js/sitio.js): franja bajo el encabezado hasta que la persona la cambie */
|
|
.hg-pass-inicial { background: var(--hg-aviso-bg); color: var(--hg-texto-fuerte); font-size: 14px; line-height: 1.45;
|
|
padding: 9px 16px; text-align: center; border-bottom: 1px solid color-mix(in srgb, var(--hg-aviso) 45%, transparent); }
|
|
.hg-pass-inicial a { color: var(--hg-aviso); font-weight: 700; text-decoration: underline; }
|
|
@media print { .hg-pass-inicial { display: none; } }
|