/* GALGRILL · base común del formulario público y de la app del equipo.
   Las fuentes van alojadas aquí mismo (no en Google Fonts) para que todo
   funcione sin red una vez cargado. */

@font-face {
  font-family: 'Big Shoulders';
  src: url(fuentes/big-shoulders-latin.woff2) format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Big Shoulders';
  src: url(fuentes/big-shoulders-latin-ext.woff2) format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url(fuentes/schibsted-latin.woff2) format('woff2');
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url(fuentes/schibsted-latin-ext.woff2) format('woff2');
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --tinta: #151a21;      /* el negro azulado de galgrill.ch */
  --tinta-2: #232a33;
  --papel: #f3f0ea;
  --papel-2: #e8e2d7;
  --acero: #7b8189;
  --acero-claro: #b9bdc2;
  --linea: #d3ccbf;
  --brasa: #d9541e;
  --brasa-viva: #ff7a2f;
  --brasa-tenue: rgba(217, 84, 30, .14);
  --ok: #2f6b4f;
  --error: #b42318;

  --f-display: 'Big Shoulders', 'Arial Narrow', 'Helvetica Neue', sans-serif;
  --f-texto: 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;

  --corte: 9px;          /* el chaflán del octógono */
  --radio-toque: 52px;   /* altura mínima de lo que se pulsa con el dedo */

  /* Grano de fundición, en SVG para no cargar ninguna imagen. */
  --grano: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; font-family: var(--f-texto); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
[hidden] { display: none !important; }

/* Octógono: el contorno del brasero y del monograma, en botones y fichas. */
.octo {
  clip-path: polygon(var(--corte) 0, calc(100% - var(--corte)) 0, 100% var(--corte), 100% calc(100% - var(--corte)),
    calc(100% - var(--corte)) 100%, var(--corte) 100%, 0 calc(100% - var(--corte)), 0 var(--corte));
}

.mono { width: 1em; height: 1em; fill: currentColor; display: inline-block; vertical-align: middle; flex: none; }

.solo-lector {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}