/* =====================================================================
   IKREAA · legal.css
   Paginas de texto. Mundo ALBARAN en su registro mas sobrio: el documento
   archivado. Aqui manda la lectura, no la expresion.
   ===================================================================== */

:root {
  --cab-fondo: rgba(243, 240, 232, .95);
  --cab-tinta: var(--tinta-70);
  --cab-solido: var(--papel-blanco);
  --cab-tinta-fuerte: var(--tinta);
}

.cabecera { backdrop-filter: blur(10px); }
.cabecera .marca { --marca-tam: 1.0625rem; }

.documento { padding-block: clamp(2.5rem, 6vw, 5rem) clamp(3.5rem, 8vw, 6rem); }

.documento__cabecera {
  padding-bottom: calc(var(--paso) * 3);
  border-bottom: 2px solid var(--tinta);
  margin-bottom: calc(var(--paso) * 5);
  display: grid;
  gap: calc(var(--paso) * 2);
}
.documento__cabecera h1 {
  font-size: clamp(1.9rem, 4.4vw, 3rem);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.02;
}
.documento__meta { display: flex; flex-wrap: wrap; gap: var(--paso) calc(var(--paso) * 4); }
.documento__meta > div { display: grid; gap: calc(var(--paso) * .75); }

.documento h2 {
  font-size: clamp(1.1rem, 1.9vw, 1.35rem);
  font-weight: 600;
  letter-spacing: -.02em;
  margin-top: calc(var(--paso) * 6);
  padding-bottom: calc(var(--paso) * 1.25);
  border-bottom: 1px solid var(--tinta-20);
}
.documento h2:first-of-type { margin-top: 0; }

.documento p,
.documento li {
  margin-top: calc(var(--paso) * 2);
  max-width: 72ch;
  color: var(--tinta-70);
  line-height: 1.68;
}
.documento p:first-of-type { margin-top: calc(var(--paso) * 2.5); }

.documento strong { color: var(--tinta); font-weight: 600; }
.documento a { border-bottom: 1px solid var(--laton-firme); color: var(--tinta); }
.documento a:hover { background: rgba(176, 133, 68, .14); }

.documento ul { margin-top: calc(var(--paso) * 1.5); }
.documento li {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: calc(var(--paso) * 1.5);
  margin-top: calc(var(--paso) * 1.5);
}
.documento li::before {
  content: '';
  width: 6px; height: 6px;
  margin-top: .6em;
  background: var(--laton);
}

/* Tabla de datos tratados: es un anexo del impreso, no una tarjeta. */
.anexo { width: 100%; border-collapse: collapse; margin-top: calc(var(--paso) * 3); }
.anexo th, .anexo td {
  text-align: left;
  padding: calc(var(--paso) * 1.75) calc(var(--paso) * 2) calc(var(--paso) * 1.75) 0;
  border-bottom: 1px solid var(--tinta-20);
  vertical-align: top;
  font-size: .9375rem;
  line-height: 1.55;
}
.anexo th {
  border-bottom: 2px solid var(--tinta);
  font-family: var(--rotulo); font-size: .625rem; font-weight: 700; font-stretch: 112%;
  letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-70);
  white-space: nowrap;
}
.anexo td { color: var(--tinta-70); }
.anexo td:first-child { color: var(--tinta); font-weight: 500; }

@media (max-width: 640px) {
  .anexo, .anexo tbody, .anexo tr, .anexo td { display: block; width: 100%; }
  .anexo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .anexo tr { padding-block: calc(var(--paso) * 2); border-bottom: 1px solid var(--tinta-20); }
  .anexo td { border: 0; padding: 0 0 calc(var(--paso) * .75); }
}

/* Aviso de contenido pendiente de revisar por un abogado. */
.revisar {
  display: grid;
  gap: calc(var(--paso) * 1.25);
  padding: calc(var(--paso) * 2.5);
  margin-bottom: calc(var(--paso) * 5);
  background: rgba(176, 133, 68, .12);
  box-shadow: inset 0 0 0 1px rgba(176, 133, 68, .5);
}
.revisar p { margin: 0; max-width: 70ch; color: var(--tinta); font-size: .9375rem; }