:root {
  --inner-bg: #000b1d;
  --inner-bg-deep: #000716;
  --inner-surface: #00112c;
  --inner-surface-high: #001a43;
  --inner-cream: #f4ecd8;
  --inner-copy: #c9c7c0;
  --inner-muted: #929cab;
  --inner-gold: #b8864a;
  --inner-gold-light: #d7ad74;
  --inner-green: #25d366;
  --inner-line: rgba(184, 134, 74, .22);
  --inner-max: 1200px;
}

body:not([data-page="home"]) {
  background: var(--inner-bg);
  color: var(--inner-cream);
  font-family: Inter, system-ui, sans-serif;
}

body:not([data-page="home"]) .site-header {
  border-bottom-color: rgba(184, 134, 74, .16);
}

body[data-page="contato"] .nav-list a[href="contato.html"],
body[data-page="sobre"] .nav-list a[href="sobre.html"] {
  color: var(--inner-gold-light);
}

body:is(
  [data-page="vazamento-zero"],
  [data-page="controle-absoluto"],
  [data-page="planejamento-tributario"],
  [data-page="negociacao-de-dividas-tributarias-e-rurais"],
  [data-page="gestao-de-passivo-tributario-e-protecao-patrimonial"],
  [data-page="consultoria-estrategica"],
  [data-page="solucoes"]
) .nav-solutions__trigger {
  color: var(--inner-gold-light);
}

body:not([data-page="home"]) :where(a, button) {
  touch-action: manipulation;
}

body:not([data-page="home"]) .whatsapp-float {
  width: 58px;
  min-width: 58px;
  height: 58px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .42), 0 0 0 5px rgba(37, 211, 102, .08);
  transition: transform .2s ease, box-shadow .2s ease;
}

body:not([data-page="home"]) .whatsapp-float:active {
  transform: scale(.97);
}

body:not([data-page="home"]) .site-footer {
  background: #000716;
}

body:not([data-page="home"]) .site-footer__inner {
  border-top: 1px solid rgba(184, 134, 74, .08);
}

/* Blog */
body[data-page="blog"] .page-content {
  width: min(100% - 28px, var(--inner-max));
  padding: 64px 0 88px;
}

body[data-page="blog"] .page-content > section:first-of-type {
  position: relative;
  padding: 48px 0 64px;
  text-align: left;
}

body[data-page="blog"] .page-content > section:first-of-type::before {
  display: block;
  width: 84px;
  height: 1px;
  margin-bottom: 26px;
  content: "";
  background: linear-gradient(90deg, var(--inner-gold), transparent);
}

body[data-page="blog"] .page-content > section:first-of-type h2 {
  max-width: 12ch;
  color: var(--inner-cream);
  font: 600 clamp(2.55rem, 12vw, 4rem)/1.06 Cinzel, Georgia, serif;
  letter-spacing: -.035em;
  text-align: left;
  text-wrap: balance;
}

body[data-page="blog"] .post-grid {
  grid-template-columns: 1fr;
  gap: 18px;
}

body[data-page="blog"] .post-card {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 24px;
  overflow: hidden;
  border: 1px solid var(--inner-line);
  border-radius: 3px 22px 3px 22px;
  background: linear-gradient(145deg, rgba(0, 26, 67, .94), rgba(0, 13, 34, .98));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

body[data-page="blog"] .post-card::after {
  position: absolute;
  top: -70px;
  right: -60px;
  width: 180px;
  aspect-ratio: 1;
  border: 1px solid rgba(184, 134, 74, .15);
  border-radius: 50%;
  content: "";
}

body[data-page="blog"] .post-card h2 {
  max-width: 18ch;
  margin: 12px 0 16px;
  font: 600 clamp(1.65rem, 7vw, 2.25rem)/1.18 Cinzel, Georgia, serif;
  text-align: left;
}

body[data-page="blog"] .post-card p:not(.post-card__date) {
  max-width: 58ch;
  margin: 0 0 28px;
  color: var(--inner-copy);
  font-size: 1rem;
  line-height: 1.72;
}

body[data-page="blog"] .post-card .text-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: var(--inner-gold-light);
  font-size: .82rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

/* Single article */
body[data-page="ola-mundo"] .page-content {
  width: min(100% - 28px, 860px);
  padding: 72px 0 96px;
}

body[data-page="ola-mundo"] .post-single {
  position: relative;
  padding: 34px 24px;
  border: 1px solid var(--inner-line);
  border-radius: 3px 24px 3px 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(184, 134, 74, .1), transparent 18rem),
    var(--inner-surface);
}

body[data-page="ola-mundo"] .post-single h2 {
  margin: 16px 0 30px;
  color: var(--inner-cream);
  font: 600 clamp(2.5rem, 12vw, 4.8rem)/1.04 Cinzel, Georgia, serif;
  letter-spacing: -.035em;
  text-align: left;
}

body[data-page="ola-mundo"] .post-single__content {
  color: var(--inner-copy);
  font-size: clamp(1rem, 4.4vw, 1.14rem);
  line-height: 1.82;
}

body[data-page="ola-mundo"] .post-single__content p {
  margin: 0;
}

/* Thank-you page */
body[data-page="obrigado"] .page-content {
  width: min(100% - 28px, 920px);
  padding: 64px 0 92px;
}

body[data-page="obrigado"] .page-content > section {
  min-height: min(720px, calc(100svh - 80px));
  display: grid;
  place-items: center;
}

body[data-page="obrigado"] .thank-you-card {
  position: relative;
  width: 100%;
  padding: 48px 22px;
  overflow: hidden;
  border: 1px solid rgba(184, 134, 74, .3);
  border-radius: 3px 28px 3px 28px;
  background:
    radial-gradient(circle at 50% 0, rgba(184, 134, 74, .14), transparent 22rem),
    linear-gradient(150deg, var(--inner-surface-high), var(--inner-bg-deep));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
  text-align: center;
}

body[data-page="obrigado"] .thank-you-card > svg {
  width: 58px;
  height: 58px;
  margin: 0 auto 24px;
  color: var(--inner-gold-light);
}

body[data-page="obrigado"] .thank-you-title {
  margin: 0;
  color: var(--inner-cream);
  font: 600 clamp(2.35rem, 11vw, 4.6rem)/1.04 Cinzel, Georgia, serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}

body[data-page="obrigado"] .thank-you-text {
  max-width: 58ch;
  margin: 26px auto 0;
  color: var(--inner-copy);
  font-size: 1rem;
  line-height: 1.75;
}

body[data-page="obrigado"] .thank-you-text strong {
  color: var(--inner-gold-light);
}

body[data-page="obrigado"] .btn-container {
  display: grid;
  gap: 12px;
  margin-top: 34px;
}

body[data-page="obrigado"] .premium-btn {
  width: 100%;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  border: 1px solid var(--inner-gold);
  border-radius: 3px 14px 3px 14px;
  background: transparent;
  color: var(--inner-cream);
  font: 700 .82rem/1.2 Inter, sans-serif;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform .2s ease, color .2s ease, background .2s ease;
}

body[data-page="obrigado"] .premium-btn.solid {
  border-color: var(--inner-green);
  background: var(--inner-green);
  color: #00130a;
}

body[data-page="obrigado"] .premium-btn:active {
  transform: scale(.98);
}

@media (min-width: 700px) {
  body[data-page="blog"] .page-content {
    width: min(100% - 48px, var(--inner-max));
    padding-block: 88px 118px;
  }

  body[data-page="blog"] .post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="blog"] .post-card {
    padding: 38px;
  }

  body[data-page="ola-mundo"] .post-single {
    padding: 58px;
  }

  body[data-page="obrigado"] .thank-you-card {
    padding: 72px 64px;
  }

  body[data-page="obrigado"] .btn-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 620px;
    margin-inline: auto;
  }
}

@media (hover: hover) and (pointer: fine) {
  body:not([data-page="home"]) .whatsapp-float:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .46), 0 0 0 7px rgba(37, 211, 102, .1);
  }

  body[data-page="blog"] .post-card {
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  }

  body[data-page="blog"] .post-card:hover {
    border-color: rgba(215, 173, 116, .5);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .34);
    transform: translateY(-5px);
  }
}

@media (max-width: 640px) {
  body:not([data-page="home"]) .whatsapp-float {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    width: 58px;
    min-width: 58px;
    height: 58px;
    padding: 0;
    border-radius: 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not([data-page="home"]) .whatsapp-float,
  body[data-page="blog"] .post-card,
  body[data-page="obrigado"] .premium-btn {
    transition: none;
  }
}