/* ──────────────────────────────────────────────────────────────
   Jardim da Amazônia — branding sutil das páginas públicas do Listmonk
   (home, subscription/form, archive, unsubscribe, opt-in)

   Design System amazon-lodge: Montserrat + Open Sans
   Verde #3a4e3f · Terracota #c05025 · Areia #d9d2ab · Ink #333

   Onde aplicar: Listmonk Admin → Settings → Appearance → aba "Public"
   → campo "Custom CSS" → colar tudo → Save. Reversível (basta limpar).
   ────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Open+Sans:wght@400;600;700&display=swap');

:root {
  --jda-verde: #3a4e3f;
  --jda-verde-dark: #2a3e2f;
  --jda-terracota: #c05025;
  --jda-terracota-dark: #b04015;
  --jda-areia: #d9d2ab;
  --jda-ink: #333333;
}

/* Fundo com leve tom de areia, corpo em Open Sans */
body {
  background: #f6f3ea;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: var(--jda-ink);
}

/* Títulos em Montserrat, cor verde da marca */
h1, h2, h3, h4 {
  font-family: "Montserrat", sans-serif;
  color: var(--jda-verde);
  letter-spacing: 0.2px;
}

/* Cartão central com sombra suave e cantos arredondados */
.wrap {
  background: #ffffff;
  border: 1px solid #e7e1cf;
  box-shadow: 0 8px 30px rgba(58, 78, 63, 0.08);
  border-radius: 10px;
}

/* Logo do Jardim no header (substitui o logo padrão do Listmonk) */
.header {
  border-bottom: 1px solid #ece6d4;
  text-align: center;
}
.header .logo img {
  content: url("https://res.cloudinary.com/dxlhv2mji/image/upload/Logo_Jardim_Amazonia_FULL_si8vyk.png");
  width: auto !important;
  max-width: 150px;
  max-height: 130px;
}

/* Links em verde, hover terracota */
a {
  color: var(--jda-verde);
  text-decoration-color: rgba(58, 78, 63, 0.35);
}
a:hover {
  color: var(--jda-terracota);
}

/* Botão primário terracota */
.button {
  background: var(--jda-terracota);
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.button:hover {
  background: var(--jda-terracota-dark);
  color: #fff;
}

/* Botão outline em verde */
.button.button-outline {
  background: #fff;
  border: 1px solid var(--jda-verde);
  color: var(--jda-verde);
}
.button.button-outline:hover {
  background: var(--jda-verde);
  border-color: var(--jda-verde);
  color: #fff;
}

/* Inputs com foco verde */
input:focus,
select:focus {
  border-color: var(--jda-verde) !important;
}

/* Rodapé discreto */
.footer {
  color: #8a8a7d;
  font-size: 0.8em;
  margin-top: 20px;
}
.footer a {
  color: #8a8a7d;
}