/* =========================================================
   RODAPÉ (.site-footer): sutil e simples, centralizado.
   Monograma JS · nome + "Psicólogo · Sexólogo" · atendimento e cidade ·
   ícones de WhatsApp / Instagram / Facebook · © com nome completo e CRP (Manrope) (o CFP pede
   nome completo e CRP visíveis na divulgação).
   Fontes e cores do site: Cinzel e Marcellus (como o selo do divisor),
   Cormorant no texto, creme sobre o verde mais escuro da página.
   Fica fora do <main>; o portão o deixa inerte enquanto está fechado (gate.js).
   ========================================================= */
@layer components {
  .site-footer {
    padding: clamp(44px, 7vw, 72px) 16px clamp(28px, 4vw, 40px);
    background: linear-gradient(180deg, #0f1c16, #0b1510);
    border-top: 1px solid rgba(241, 234, 216, .08);
    color: var(--c-cream-warm);
    text-align: center;
    line-height: normal;
  }
  .site-footer__inner { display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 760px; margin-inline: auto; }

  .site-footer__mark { width: 30px; height: auto; color: var(--c-cream-warm); opacity: .9; margin-bottom: 4px; }

  .site-footer__name {
    font-family: var(--ff-caps); font-weight: 600; font-size: 14px;
    letter-spacing: .28em; padding-left: .28em; text-transform: uppercase;
  }
  .site-footer__role {
    margin-top: -6px;
    font-family: var(--ff-small); font-size: 11px;
    letter-spacing: .3em; padding-left: .3em; text-transform: uppercase;
    color: rgba(241, 234, 216, .7);
  }
  .site-footer__info {
    font-family: var(--ff-garamond); font-weight: 500; font-size: clamp(16px, 1.3vw, 18px);
    color: rgba(241, 234, 216, .82);
  }
  .site-footer__info span { white-space: nowrap; }   /* no celular quebra entre as duas partes, nunca no meio da cidade */

  /* redes: ícones de traço creme (os mesmos dos cards de Redes sociais; sem as cores das marcas) */
  .site-footer__social { display: flex; justify-content: center; gap: 14px; margin-top: 4px; }
  .site-footer__social a {
    display: grid; place-items: center;
    width: 44px; height: 44px; border-radius: 50%;          /* alvo de toque mínimo */
    color: var(--c-cream-warm);
    border: 1px solid rgba(241, 234, 216, .22);
    transition: color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, transform var(--dur-fast) ease;
  }
  .site-footer__social svg { width: 19px; height: 19px; }
  .site-footer__social a:hover { color: var(--c-white); border-color: rgba(241, 234, 216, .6); background-color: rgba(241, 234, 216, .06); transform: translateY(-2px); }
  .site-footer__social a:focus-visible { outline: 1px solid var(--c-sage-light); outline-offset: 3px; }

  .site-footer__copy {
    margin-top: 12px; padding-top: 18px; width: min(100%, 520px);
    border-top: 1px solid rgba(241, 234, 216, .1);
    font-family: var(--ff-sans); font-size: 12.5px; letter-spacing: .02em;   /* Manrope: algarismos alinhados (pedido do Victor) */
    color: rgba(241, 234, 216, .55);
  }

  /* celular: a última linha não fica atrás do botão flutuante de WhatsApp */
  @media (max-width: 760px), (max-aspect-ratio: 4/5) {
    .site-footer { padding-bottom: calc(var(--wa-gap) + var(--wa-size) + 16px + env(safe-area-inset-bottom, 0px)); }
  }
}