/* Línea de enlaces legales del pie — compartida por todas las páginas.
   Vive en su propio archivo (y no en el <style> de cada HTML) porque son 34
   páginas y cada una tiene su bloque de estilos propio: repetirlo ahí era
   garantía de que la próxima página nueva se olvide de los legales.

   El pie tiene tres variantes de clase según la página (.foot en 30,
   .home-foot en index.html y .nos-foot en nosotros.html), por eso los
   selectores cubren las tres. */
.foot-legal{
  margin-top: 26px;
  display: flex; flex-wrap: wrap;
  align-items: center; justify-content: center;
  gap: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.foot-legal a{
  color: rgba(0,0,0,0.45);
  transition: color .25s cubic-bezier(0.22,1,0.36,1);
}
.foot-legal a:hover{ color: var(--gold, #D99000); }
.foot-legal .sep{ color: rgba(0,0,0,0.22); }

/* Las tres variantes de pie van sobre --cream, así que el color es el mismo. */

/* productos.html no tiene pie: la línea va suelta, con su propio respiro. */
.foot-legal.standalone{
  padding: 0 8vw 56px;
  margin-top: 0;
}

@media (max-width: 640px){
  /* Es una linea de letra chica, secundaria: no tiene que competir con el
     "Pastas Pariggi - come una volta" de arriba. */
  .foot-legal{ font-size: 9.5px; letter-spacing: 0.1em; gap: 6px; margin-top: 20px; }
}