/**
 * Página de encuesta cerrada (encuesta-cerrada/index.html). Solo usa los tokens de tokens.css:
 * una columna centrada con el escudo, el titular y el enlace de vuelta al inicio.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: var(--espacio-xl) var(--espacio-md);
  background: var(--superficie);
  color: var(--tinta);
  font-family: var(--familia-texto);
  font-size: var(--texto-cuerpo);
  line-height: var(--interlineado-cuerpo);
}

.cerrada {
  width: 100%;
  max-width: 34rem;
  text-align: center;
}

.cerrada__escudo {
  display: block;
  margin: 0 auto var(--espacio-lg);
}

.cerrada__etiqueta {
  margin: 0 0 var(--espacio-sm);
  font-size: var(--texto-etiqueta);
  line-height: var(--interlineado-etiqueta);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-tenue);
}

.cerrada__titulo {
  margin: 0 0 var(--espacio-md);
  font-family: var(--familia-titular);
  font-weight: var(--peso-titular);
  font-size: max(2.5rem, 32px);
  line-height: var(--interlineado-titular);
  letter-spacing: var(--tracking-titular);
  text-wrap: balance;
}

.cerrada__texto {
  margin: 0 0 var(--espacio-xl);
  color: var(--tinta-media);
  text-wrap: pretty;
}

.cerrada__volver {
  display: inline-block;
  padding: var(--espacio-sm) var(--espacio-lg);
  border-radius: var(--radio-control);
  background: var(--accion);
  color: var(--superficie);
  font-weight: var(--peso-texto-fuerte);
  text-decoration: none;
}

.cerrada__volver:hover {
  background: var(--accion-hover);
}

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