/* ============================================================
   ZARTTE BRASÍLIA — paginas.css (compartilhado páginas internas)
   ============================================================ */

/* ---- HERO DE PÁGINA ---- */
.pg-hero {
  padding:160px 0 100px;
  border-bottom:1px solid var(--linha);
  position:relative; overflow:hidden;
}
/* Número decorativo gigante no fundo */
.pg-hero::before {
  content:attr(data-num);
  position:absolute; right:-2vw; bottom:-0.15em;
  font-family:'Bebas Neue', sans-serif;
  font-size:clamp(12rem,28vw,28rem);
  line-height:1; color:rgba(255,255,255,0.03);
  pointer-events:none; user-select:none;
  letter-spacing:-0.02em;
}

.pg-hero__kicker {
  font-size:0.62rem; letter-spacing:4px;
  text-transform:uppercase; color:var(--cinza);
  display:block; margin-bottom:28px;
}
.pg-hero__titulo {
  font-size:clamp(5rem,11vw,11rem);
  line-height:0.85; letter-spacing:0.01em;
}
.pg-hero__desc {
  font-size:1rem; color:var(--cinza);
  max-width:520px; line-height:1.7; margin-top:28px;
}

/* ---- DIVISOR DE SEÇÃO ---- */
.sec-divisor {
  display:flex; align-items:center;
  justify-content:space-between;
  padding:28px 0; border-bottom:1px solid var(--linha);
  margin-bottom:64px;
}
.sec-divisor__label {
  font-size:0.6rem; letter-spacing:4px;
  text-transform:uppercase; color:var(--cinza);
}
.sec-divisor__num {
  font-family:'Bebas Neue', sans-serif;
  font-size:1rem; color:rgba(255,255,255,0.15);
  letter-spacing:2px;
}