/* hero full-bleed + alinhamento robusto (v2) */

/* Valores-padrão do grid do site */
:root{
  --site-max: 1200px;
  --site-pad: 24px;
}

/* Garante que containers do tema não cortem heros full-bleed */
main, .page, .content, .sections, .page-content { overflow: visible !important; }

/* Força largura 100% da viewport – mesmo dentro de containers com largura fixa */
.full-bleed{
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  clip-path: inset(0 -100vmax); /* evita cortes laterais por overflow */
  isolation: isolate;
}

/* Hero base */
.hero-full{
  color:#fff;
  min-height: 460px;
  display:grid;
  align-items:center;
  background-image:linear-gradient(rgba(11,19,32,.72),rgba(11,19,32,.72)), var(--hero-img);
  background-size:cover;
  background-position:center;
}
.hero-full .hero-inner{
  max-width: var(--site-max);
  padding-left: var(--site-pad);
  padding-right: var(--site-pad);
  margin: 0 auto;
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Tipografia e chips */
.hero-full .kicker{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:800;background:#8c2727;color:#fff;margin-bottom:10px}
.hero-full h1{font-size: clamp(28px, 4.6vw, 48px);line-height:1.05;margin:0 0 10px}
.hero-full p.lead{max-width: 640px;font-size: clamp(15px, 2.2vw, 18px);opacity:.95;margin: 10px 0 16px}
.hero-full .chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}
.hero-full .chips .chip{background:#fff;border:1px solid #f1d1d5;border-radius:999px;padding:6px 10px;color:#111318;font-weight:800}
.hero-full .cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero-full .link-ghost{font-weight:800;color:#fff}
.hero-full .link-ghost:hover{text-decoration:underline}

/* Mobile */
@media (max-width: 760px){
  .hero-full{min-height: 420px}
  .hero-full .hero-inner{padding-top: 56px; padding-bottom: 56px}
}

/* Utilitário para alinhar com o header quando o tema usa outro container */
.align-with-header{
  padding-left: max(var(--site-pad), calc((100vw - var(--site-max)) / 2));
  padding-right: max(var(--site-pad), calc((100vw - var(--site-max)) / 2));
}