/* ==========================================================
   PÁGINAS INTERNAS - PADRÃO COMPARTILHADO
   Salvar como /assets/css/pagina.css
   Banner com foto + véu bege, fundo bege claro, cartões e faixa final.
   Páginas novas usam este arquivo + um CSS próprio só com o que é específico.
   ========================================================== */

.pg {
  --pg-bg: #f8f0e6;       /* bege claro */
  --pg-card: #fffaf4;
  --pg-band: #f1e3d1;
  --pg-line: #e6d3bd;
  --pg-ink: #4a3426;
  --pg-title: #4d3424;
  --pg-gold: #8a6238;
  background: var(--pg-bg);
  color: var(--pg-ink);
  font-family: var(--fonte-corpo);
}

/* Banner: foto grande ao fundo, véu bege à esquerda e dissolve no bege da página */
/* Banner compartilhado das páginas internas */
.pg-banner {
  --hero-img: url('/assets/images/banner-orcamento.jpg');

  position: relative;
  box-sizing: border-box;
  min-height: 540px;
  padding: 58px max(7vw, 32px) 260px;
  color: var(--pg-title);

  background:
    linear-gradient(180deg, transparent 50%, var(--pg-bg) 98%),
    linear-gradient(90deg, #f8f0e6f2 0%, #f8f0e6d9 34%, #f8f0e68c 58%, #f8f0e61a 100%),
    var(--hero-img) right top / 60% auto no-repeat;
}
.pg-banner__conteudo { max-width: 620px; }
.pg-banner h1 {
  margin: 20px 0 16px;
  color: var(--pg-title);
  font: normal clamp(36px, 4.4vw, 54px)/1.05 var(--fonte-titulo);
}
.pg-banner p {     max-width: 520px;
    margin: 0;
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.55; }

    .pg-banner__acoes {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 24px;
}

.pg-banner__acoes .pill {
    white-space: nowrap;
}

/* Bloco que sobe sobre a base do banner */
.pg-over {
  position: relative;
  z-index: 5;
  width: min(1100px, 92%);
  margin: -200px auto 40px;
}

/* Seção comum, no mesmo alinhamento */
.pg-secao { width: min(1100px, 92%); margin: 0 auto; padding: 60px 0 0; }
.pg-secao > h2 { margin: 0 0 6px; color: var(--pg-title); font: normal clamp(26px, 3vw, 42px)/1.1 var(--fonte-titulo); }
.pg-secao > .pg-sub { margin: 0 0 24px; font-size: 16px; }

.pg-banner--curto { padding-bottom: 150px; }
.pg-over--curto { margin-top: 50px; }
 

/* Cartão */
.pg-card {
  overflow: hidden;
  background: var(--pg-card);
  border: 5px solid #fffdf9;
  border-radius: 14px;
  box-shadow: 0 14px 34px #7a5a3a26;
}

/* Faixa final */
.pg-cta { margin-top: 72px; padding: 56px 22px 72px; text-align: center; background: var(--pg-band); border-top: 1px solid var(--pg-line); }
.pg-cta h2 { margin: 0 0 8px; color: var(--pg-title); font: normal clamp(26px, 3vw, 34px)/1.1 var(--fonte-titulo); }
.pg-cta p { margin: 0 0 22px; font-size: 17px; }
.pg-cta a:not(.pill) { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 620px) {
.pg-banner {
  min-height: 0;
  padding: 42px 22px 190px;
  background-position: 68% top;
}
  .pg-over { margin-top: -150px; }
  .pg-secao { padding-top: 44px; }
}