/* Compartit · La política de privacitat (estil sobri, sense accents visuals).
 *
 * Germà de `privacy.html`: el text el serveix aquell fitxer als dos llocs i
 * els colors són els literals que ja fan servir les dues aplicacions per al
 * text secundari. No depèn de cap variable de tema justament perquè les dues
 * el carreguin tal com és.
 *
 * Qui el carrega decideix quant espai li dona; aquí dins la columna es
 * limita a l'amplada d'una lectura llarga.
 */

.politica{
  max-width:680px;margin:0 auto;
  color:rgba(245,242,236,.72);
  font-family:'Space Grotesk',sans-serif;line-height:1.7;
}
.politica h1{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:1.35rem;text-transform:none;letter-spacing:0;
  color:rgba(245,242,236,.9);
  margin-bottom:24px;padding-bottom:14px;
  border-bottom:1px solid rgba(245,242,236,.15);
}
.politica h2{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:1rem;text-transform:none;letter-spacing:0;
  color:rgba(245,242,236,.85);
  margin:24px 0 8px;
}
.politica p{margin-bottom:14px;text-align:justify;hyphens:auto}
.politica a{color:rgba(245,242,236,.72);text-decoration:underline;text-underline-offset:3px}
.politica a:hover{color:rgba(245,242,236,.95)}

/* Mentre arriba el text (la porra se'l baixa quan s'obre la vista). */
.politica-carregant{color:rgba(245,242,236,.45);text-align:center;padding:40px 0}