/* Web mínima de Uinflu: los colores de la app (lib/core/design/tokens.dart). */
:root {
  --tinta: #0e0f12;
  --tinta-2: #6b6f76;
  --linea: #e7e8ea;
  --fondo: #ffffff;
  --fondo-2: #f6f6f7;
  --coral: #ff5a7a;
  --azul: #1f5cff;
  --aviso: #fff3d6;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tinta: #f3f4f6;
    --tinta-2: #a2a6ad;
    --linea: #2a2c31;
    --fondo: #0e0f12;
    --fondo-2: #17181c;
    --azul: #7c9bff;
    --aviso: #3a2f12;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fondo);
  color: var(--tinta);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header {
  display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center;
  justify-content: space-between; padding-top: 20px; padding-bottom: 20px;
  border-bottom: 1px solid var(--linea);
}
.marca { font-weight: 800; font-size: 20px; color: var(--tinta); text-decoration: none; }
.marca::after { content: "."; color: var(--coral); }
nav { display: flex; flex-wrap: wrap; gap: 4px 16px; }
nav a, footer a { color: var(--tinta-2); text-decoration: none; }
nav a[aria-current="page"] { color: var(--tinta); font-weight: 700; }
main { padding-top: 32px; padding-bottom: 48px; overflow-wrap: break-word; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 36px 0 8px; }
h3 { font-size: 17px; margin: 24px 0 4px; }
a { color: var(--azul); }
.entradilla { font-size: 19px; color: var(--tinta-2); }
.fecha { color: var(--tinta-2); font-size: 14px; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid var(--linea); }
th { background: var(--fondo-2); }
.tabla { overflow-x: auto; }
.pendiente { background: var(--aviso); color: inherit; padding: 0 3px; border-radius: 3px; }
.borrador {
  margin: 0; padding: 10px 16px; text-align: center; font-weight: 700;
  background: var(--aviso);
}
footer {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between;
  color: var(--tinta-2); font-size: 14px; padding-top: 20px; padding-bottom: 32px;
  border-top: 1px solid var(--linea);
}