@import url('brand-vars.css');

/* Fontes */
@font-face {
  font-family: 'BureauVeritasExtBdUltraCond';
  src: url('/sites/default/files/fonts/1722614566_11abbb_bureauveritasextbdultracond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BureauVeritasThinUltraCond';
  src: url('/sites/default/files/fonts/1722614566_d306b2_bureauveritasthinultracond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Página (escapa do container do tema) */
.bv-page{
  position: relative;
  background:#fff;
  color:#111;
  overflow-x:hidden;
  overflow-x:clip;

  width: 100vw;
  margin-left: calc(50% - 50vw);

  font-family: 'BureauVeritasThinUltraCond', sans-serif;
  font-weight: 400;
  font-synthesis: none;
}

.bv-page *{ box-sizing:border-box; }

/* força texto NORMAL (tira herança bold do tema) */
.bv-page p,
.bv-page li,
.bv-page span,
.bv-page a,
.bv-page .bv-p,
.bv-page .bv-bullets li,
.bv-page .bv-ol li{
  font-family: 'BureauVeritasThinUltraCond', sans-serif;
  font-weight: 400;
}

/* Bold só onde tem <strong> */
.bv-page strong,
.bv-page b{
  font-family: 'BureauVeritasExtBdUltraCond', sans-serif;
  font-weight: 700;
}

/* Títulos continuam “bold” */
.bv-page h1,
.bv-page h2,
.bv-page h3,
.bv-page .bv-h2,
.bv-page .bv-q,
.bv-page .bv-hero-title__strong{
  font-family:'BureauVeritasExtBdUltraCond', sans-serif;
  font-weight: 700;
}

/* marcador do OL em negrito e texto normal */
.bv-page .bv-ol li::marker{
  font-family:'BureauVeritasExtBdUltraCond', sans-serif;
  font-weight: 700;
}

/* Linhas verticais */
.bv-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: repeating-linear-gradient(
    to right,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,0) 260px,
    rgba(0,0,0,0.06) 261px,
    rgba(0,0,0,0.06) 262px
  );
  z-index:0;
}
.bv-page > *{ position:relative; z-index:1; }

/* Container central */
.bv-container{
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}

/* HERO */
.bv-hero{ padding:0; }

.bv-hero__row{
  display:flex;
  width:100%;
  align-items:stretch;
}

.bv-hero__media{
  position:relative;
  width:50%;
  height:520px;
  overflow:hidden;
  background:#ddd;
}
.bv-hero__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.bv-hero__corner-logo{
  position:absolute;
  top:0;
  left:76px;
  background:#fff;
  padding:12px 10px;
  box-shadow:0 10px 24px rgba(0,0,0,0.18);
}
.bv-hero__corner-logo img{
  width:140px;
  height:auto;
  display:block;
}

.bv-hero__content{
  width:50%;
  min-height:520px;
  padding:0 72px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Breadcrumbs */
.bv-breadcrumbs{
  font-size:12px;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#444;
  margin-bottom:22px;
  white-space:nowrap;
}
.bv-breadcrumbs a{
  color:#444;
  text-decoration:none;
  font-weight: 400;
}
.bv-breadcrumbs__sep{
  margin:0 6px;
  opacity:.8;
}

/* Título do hero */
.bv-hero-title{
  margin:0;
  text-transform:uppercase;
  line-height:1;
  letter-spacing:1px;
}

.bv-hero-title--stack{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap: 26px;
}

.bv-hero-title__thin{
  font-family:'BureauVeritasThinUltraCond', sans-serif;
  font-weight: 400;
  font-size: clamp(44px, 4vw, 66px);
  color:#2a2a2a;
  white-space:nowrap;
  flex:0 0 auto;
}

.bv-hero-title__strong{
  font-size: clamp(44px, 4vw, 66px);
  color:#2a2a2a;
  white-space:nowrap;
  flex:0 0 auto;
}

.bv-hero-title__strong--block{
  flex-basis:100%;
  white-space:normal;
}

/* Conteúdo */
.bv-main{
  padding: 38px 0 110px;
}

.bv-section{ padding:26px 0; }

.bv-h2{
  margin:0 0 16px;
  font-size:28px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#1f1f1f;
}
.bv-h2--center{ text-align:center; }

.bv-p{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.65;
  color:#2a2a2a;
}

/* Lista numerada */
.bv-ol{
  margin:10px 0 0 22px;
  padding:0;
  font-size:18px;
  line-height:1.65;
  color:#2a2a2a;
}
.bv-ol li{ margin:2px 0; }

/* Bullets */
.bv-bullets{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.bv-bullets li{
  position:relative;
  padding-left:24px;
  margin:14px 0;
  font-size:18px;
  line-height:1.65;
  color:#2a2a2a;
  font-weight: 400;
}
.bv-bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#1f1f1f;
  transform:translateY(-50%);
}
.bv-bullets--lead li strong{
  font-weight:700;
}

/* Perguntas */
.bv-q{
  margin:18px 0 10px;
  font-size:18px;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#1f1f1f;
}

/* CTA */
.bv-cta-wrap{ padding-top:18px; text-align:center; }
.bv-cta{
  display:inline-block;
  border:2px solid var(--azul-escuro);
  color:var(--azul-escuro);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:22px;
  padding:14px 30px;
  font-family:'BureauVeritasExtBdUltraCond', sans-serif;
  font-weight: 700;
}

/* Botão INÍCIO */
.bv-backtop{
  position:fixed;
  right:30px;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  text-decoration:none;
  color:var(--azul-escuro);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition: opacity 200ms ease, visibility 200ms ease;
}
.bv-backtop.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.bv-backtop__icon{ font-size:24px; line-height:1; }
.bv-backtop__text{
  font-family:'BureauVeritasExtBdUltraCond', sans-serif;
  font-size:12px;
  letter-spacing:1px;
  font-weight:700;
}

/* Responsivo */
@media (max-width: 1100px){
  .bv-breadcrumbs{ white-space:normal; }
}

@media (max-width: 992px){
  .bv-hero__row{ flex-direction:column; }
  .bv-hero__media{ width:100%; height:360px; }
  .bv-hero__content{
    width:100%;
    min-height:auto;
    padding:22px 24px 0 24px;
  }
  .bv-backtop{ right:14px; }
}

@media (max-width: 480px){
  .bv-hero__media{ height:300px; }
  .bv-hero__corner-logo{ left:16px; }
}
