/* Aurora Visual Coherence v1
 * Ajustes editoriais exclusivos das paginas internas: replica o ritmo e o
 * enquadramento da home sem alterar seus elementos ou o layout configuravel.
 * Este arquivo entra DEPOIS da identidade Aurora carregada por brand.js.
 */
@media (min-width: 900px) {
  body.site-page {
    display: block;
    box-sizing: border-box;
    padding: 24px !important;
    background:
      radial-gradient(circle at 12% 8%, rgba(224, 204, 169, .84), transparent 30%),
      radial-gradient(circle at 90% 88%, rgba(73, 102, 83, .66), transparent 32%),
      linear-gradient(145deg, #18221c 0%, #314638 48%, #ae9165 135%) !important;
  }
  .site-page .site-frame {
    box-sizing: border-box;
    width: min(1440px, calc(100vw - 48px)) !important;
    min-height: calc(100svh - 48px) !important;
    margin: 0 auto !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 30px !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .30) !important;
    /* Nao ocultar o excedente: o Studio e a rolagem precisam continuar livres. */
  }
  .site-page .site-nav {
    border-radius: 29px 29px 0 0;
  }
}

/* Mesma margem editorial da home, sem espacos vazios exagerados. */
.site-page .inner-main section {
  margin: 16px 18px !important;
  padding: clamp(60px, 6.2vw, 94px) clamp(26px, 6.6vw, 100px) !important;
  border: 1px solid var(--aurora-border, #d9d0c5) !important;
  border-radius: 28px !important;
  box-shadow: none !important;
}
.site-page .inner-main .page-hero {
  min-height: clamp(470px, 65svh, 640px) !important;
  padding-top: clamp(76px, 8vw, 124px) !important;
  padding-bottom: clamp(70px, 7vw, 112px) !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(156, 101, 71, .13), transparent 34%),
    linear-gradient(135deg, #faf8f4 0%, var(--aurora-offwhite, #f6f2ec) 68%) !important;
}
.site-page .page-hero::before,
.site-page .page-hero::after {
  /* O bloco anterior parecia foto ausente, mas nao havia imagem cadastrada. */
  display: none !important;
}
.site-page .page-hero-copy {
  width: 100%;
  max-width: min(850px, 84%) !important;
  gap: clamp(12px, 1.6vw, 22px);
}
.site-page .page-hero h1 {
  max-width: 850px;
  font-size: clamp(48px, 5.5vw, 78px);
  line-height: 1.03;
  letter-spacing: -.033em;
}
.site-page .page-hero p {
  max-width: 660px;
  font-size: clamp(16px, 1.24vw, 18px);
  line-height: 1.7;
  font-weight: 400;
}
.site-page .page-actions {
  margin-top: 12px;
  gap: 12px;
}
.site-page .page-actions a {
  min-height: 50px;
  font-size: 12px !important;
  letter-spacing: .07em;
}

/* Cadencia compartilhada: titulos e cartoes sem colunas grudadas. */
.site-page .content-head {
  max-width: 780px;
  margin-bottom: clamp(28px, 3.5vw, 48px);
}
.site-page .content-head h2 {
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1.1;
}
.site-page :is(.site-grid, .steps, .faq, .case-grid) {
  gap: clamp(12px, 1.5vw, 20px) !important;
  background: transparent !important;
}
.site-page :is(.site-card, .step, .contact-card, .case-card, .faq details, .check-list li) {
  border: 1px solid var(--aurora-border, #d9d0c5) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.site-page .site-card {
  min-height: 0;
  padding: clamp(24px, 2.5vw, 32px);
}
.site-page :is(.site-card p, .step p, .contact-card p, .case-details p) {
  font-size: 16px !important;
  line-height: 1.7;
}
.site-page .conversion-section {
  border-color: var(--aurora-green, #2f4538) !important;
}
.site-page .site-footer {
  margin: 16px 18px 18px !important;
  border-radius: 24px !important;
}
.site-page .feature-panel { min-height: 300px; border-radius: 14px; }
.site-page .case-image { border-radius: 12px; }

/* Breakpoints seguem o modelo que ja funciona na home. */
@media (max-width: 899px) {
  .site-page .inner-main section {
    margin: 10px 12px !important;
    padding: clamp(42px, 7vw, 64px) 22px !important;
    border-radius: 24px !important;
  }
  .site-page .inner-main .page-hero {
    min-height: 0 !important;
    padding: 62px 24px 58px !important;
  }
  .site-page .page-hero-copy { max-width: 100% !important; }
  .site-page .page-hero h1 {
    font-size: clamp(40px, 9.8vw, 58px) !important;
    line-height: 1.06;
    overflow-wrap: break-word;
  }
  .site-page .page-hero p { font-size: 16px !important; }
  .site-page .page-actions { width: 100%; }
  .site-page .content-head { margin-bottom: 30px; }
  .site-page .site-footer { margin: 10px 12px 12px !important; }
  .site-page .site-card { padding: 24px 22px; }
  .site-page .case-image { min-height: 220px; }
}
@media (max-width: 399px) {
  .site-page .inner-main .page-hero { padding: 52px 20px 48px !important; }
  .site-page .page-hero h1 { font-size: clamp(37px, 10.5vw, 43px) !important; }
  .site-page .inner-main section { margin: 8px; padding-inline: 19px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .site-page .inner-main section { scroll-behavior: auto !important; }
}