/* ============================================================
   RODAPE UNICO DO SITE · The Soul Journeys
   Modelo: o rodape da home (fundo claro, marca dourada,
   linha de contato em maiusculas pequenas).

   O fundo veste a cor da pagina: cada uma pode definir no seu :root
     --rodape-fundo  e  --rodape-linha
   Sem isso, vale o creme da home. Os dourados sao escuros de proposito:
   o #C7A95C da marca nao passa em contraste num corpo de 14px.

   Um arquivo so: mudou aqui, mudou em todas as paginas que
   carregam este css. Nao repita estilo de rodape dentro das
   paginas — se precisar de uma linha extra, use <span class="fnota">.

   Marcacao esperada em toda pagina:
     <footer>
       <img src="/images/home-06.png" alt="">
       <span class="fw">The Soul Journeys</span>
       <span class="fmeta">
         <a href="/home">the-soul-journeys.com</a> ·
         <a href="https://www.instagram.com/_the_soul_journeys/"
            target="_blank" rel="noopener">@_the_soul_journeys</a>
       </span>
       <span class="fnota">linha extra da pagina, opcional</span>
     </footer>
   ============================================================ */

footer{
  margin:0;padding:1.6rem 6vw;text-align:center;
  background:var(--rodape-fundo,#FDFBF5);color:#6B4A1E;
  border-top:1px solid var(--rodape-linha,#EADFC8);
  font-family:'Jost',sans-serif;font-weight:300;font-size:1rem;line-height:1.7;
  letter-spacing:normal;text-transform:none;
}
footer img{
  width:26px;height:26px;display:inline-block;vertical-align:middle;
  margin:0 .55rem 0 0;opacity:1;border-radius:0;
}
footer .fw{
  display:inline-block;vertical-align:middle;margin:0;
  font-family:'Playfair Display',serif;font-weight:600;font-size:.9rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rodape-marca,#7A5A24);
}
footer .fmeta{
  display:block;margin-top:.55rem;font-family:'Jost',sans-serif;font-weight:400;
  font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rodape-marca,#7A5A24);
}
footer .fmeta a{
  color:inherit;text-decoration:none;border-bottom:1px solid transparent;
  padding-bottom:1px;transition:border-color .3s ease,color .3s ease;
}
footer .fmeta a:hover,footer .fmeta a:focus-visible{color:#5E4419;border-bottom-color:#5E4419}

/* linha extra da pagina (tagline, aviso, creditos) */
footer .fnota{
  display:block;max-width:56ch;margin:.8rem auto 0;
  font-family:'Jost',sans-serif;font-weight:300;font-size:.8rem;line-height:1.85;
  letter-spacing:.02em;text-transform:none;color:#6B4A1E;
}
footer .fnota a{color:var(--rodape-marca,#7A5A24);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
footer .fnota a:hover,footer .fnota a:focus-visible{border-bottom-color:currentColor}

@media(max-width:600px){
  footer{padding:1.4rem 7vw}
  footer .fw{font-size:.85rem}
  footer .fmeta{font-size:.62rem;letter-spacing:.18em}
}