/* Piel de la sección Documentos para la web publicada.
   Toma su tipografía (Alegreya para los títulos, Open Sans para el texto) y sus
   colores (granate #7b1c1a y azul #286b98), para que estas páginas no parezcan
   de otro sitio. */

:root {
  --granate: #7b1c1a;
  --granate-oscuro: #5f1513;
  --azul: #286b98;
  --tinta: #23282d;
  --tenue: #5a616c;
  --linea: #dce3e8;
  --suave: #f6f3ef;
  --ancho: 76rem;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--tinta);
  background: #fff;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4 {
  font-family: Alegreya, Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--granate);
}

a { color: var(--azul); }
a:hover { color: var(--granate); }
img { max-width: 100%; height: auto; }

.salta {
  position: absolute; left: -9999px; top: 0; z-index: 99;
  padding: .8rem 1.2rem; background: var(--granate); color: #fff; text-decoration: none;
}
.salta:focus { left: 0; }

.sitio__interior { width: min(100% - 2.5rem, var(--ancho)); margin-inline: auto; }

.sitio { background: var(--granate); }
.sitio .sitio__interior {
  display: flex; flex-wrap: wrap; gap: 1rem 2rem;
  align-items: center; justify-content: space-between; padding: 1rem 0;
}
.sitio__logo img { width: 190px; height: auto; display: block; }
.sitio__menu { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.sitio__menu a {
  color: #fff; text-decoration: none; font-weight: 600; font-size: .92rem;
  letter-spacing: .02em;
}
.sitio__menu a:hover { color: #f0d9a0; text-decoration: underline; }

.sitio__titulo { background: var(--suave); border-bottom: 1px solid var(--linea); }
.sitio__titulo .sitio__interior { padding: 2.5rem 0 2rem; }
.sitio__kicker {
  margin: 0 0 .4rem; font-size: .74rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--tenue);
}
.sitio__titulo h1 { margin: 0; font-size: clamp(1.9rem, 1.4rem + 2vw, 2.9rem); }

main.sitio__interior { padding: 2.5rem 0 4rem; }

.sitio__pie {
  background: var(--granate); color: #fff; margin-top: 3rem;
}
.sitio__pie .sitio__interior { padding: 2.25rem 0; }
.sitio__pie p { margin: .4rem 0; font-size: .92rem; }
.sitio__pie a { color: #f0d9a0; }

/* Los colores que usa la hoja común de la sección */
.doc {
  --doc-acento: var(--granate);
  --doc-acento-suave: var(--granate-oscuro);
  --doc-tinta: var(--tinta);
  --doc-tenue: var(--tenue);
  --doc-linea: var(--linea);
  --doc-fondo-suave: var(--suave);
  --doc-radio: 8px;
}
.doc h2, .doc h3, .doc h4 { font-family: Alegreya, Georgia, serif; color: var(--granate); }
.doc .doc-plegable > summary {
  font-family: "Open Sans", sans-serif; color: var(--tinta);
}
.doc .entradilla { font-size: 1.1rem; color: var(--tenue); max-width: 62ch; }
.doc a { color: var(--azul); }
.doc a:hover { color: var(--granate); }
.doc-tarjeta a { color: inherit; }
.doc-boton, .doc-boton:hover { color: #fff; }
.doc-boton--claro, .doc-boton--claro:hover { color: var(--granate); }

:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}