p, h1, h2, h3 {
font-family: "Figtree", sans-serif;
}

.hero-bg {
    background: url(https://image.divulga.sebrae.al/lib/fe3011727364047f741378/m/1/d4445f9a-f035-4af2-a5a7-3688406a2fbf.jpg);
    background-repeat: no-repeat;   /* para não repetir */
    background-position: center top; /* centraliza no topo */
    background-size: cover;          /* cobre 100% da largura */
    width: 100%;                     /* garante que o container ocupe toda a tela */
    padding: 30px 0px 0px;            /* mantém o espaçamento interno */
}

.video-bg {
    background: url(https://image.divulga.sebrae.al/lib/fe3011727364047f741378/m/1/c1617af4-74db-4dfa-996d-047e50f25c46.jpg);
    background-repeat: no-repeat;   /* para não repetir */
    background-position: center top; /* centraliza no topo */
    background-size: cover;          /* cobre 100% da largura */
    width: 100%;                     /* garante que o container ocupe toda a tela */
    padding: 0px;            /* mantém o espaçamento interno */
}

/* SEÇÃO — ocupa a largura total da página */
.about {
  background-color: #ffffff;
}

/* CONTEÚDO — limitado a 1200px e centralizado */
.about .landing-section {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;

/* Reset mínimo para evitar colapso de margem e garantir pintura do fundo */
.roll {
  background: #04436c;       /* força o fundo */
  width: 100%;               /* ocupa toda a largura */
  display: block;            /* seção já é block, mas reforça */
  padding: 40px 16px;        /* evita colapso de margem do filho */
  min-height: 200px;         /* garante área visível */
}

/* Conteúdo centralizado e com largura limitada */
.roll .cta-section {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}