/* ==========================================================================
   Peak Corban — folha de estilo única (site estático, sem WordPress)
   --------------------------------------------------------------------------
   Modelo de layout (reproduz fielmente a grade do site original):
     .sec        faixa/seção          .sec__row  linha centralizada (flex)
     .col        coluna               .col__in   área interna (padding 10px)
     .blk        bloco de conteúdo    (empilhado com 20px entre blocos)
     .box        contêiner flex/grid  .box__in   área interna centralizada
   Utilitários de visibilidade:
     .hide-d  oculto no desktop (>= 1025px)
     .hide-t  oculto no tablet  (768px – 1024px)
     .hide-m  oculto no mobile  (<= 767px)
   ========================================================================== */

/* ---------- Fontes (arquivos locais, subconjunto latino) ---------- */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/playfair-display-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-600-latin.woff2") format("woff2");
}

/* ---------- Tokens ---------- */
:root {
  --navy: #112E4B;
  --navy-line: #1A2C40;
  --off-white: #FBFBFB;
  --border-light: #EDEDED;
  --ink: #000000;
  --text: #2B2B2B;
  --dark: #1E1E1E;
  --grey: #808080;
  --white: #FFFFFF;

  --font-serif: "Playfair Display", sans-serif;
  --font-sans: "Montserrat", sans-serif;
  --font-footer: "Poppins", sans-serif;

  --gap: 20px;
}

/* ---------- Base ---------- */
*, *::before, *::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}
html { font-size: 62.5%; scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; border: none; }
body {
  background: #000;
  color: #000;
  font-family: var(--font-sans);
  font-size: 1.8rem;
  line-height: 1.2109;           /* mesma altura de linha "normal" do tema original */
  letter-spacing: -0.015em;
  text-align: left;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure { margin: 0; padding: 0; font-size: inherit; line-height: inherit; }
ul, ol { list-style: none; }
p { line-height: 1.5; margin: 0 0 1em 0; }
strong, b { font-weight: 700; }
a { color: inherit; text-decoration: none; transition: all .15s linear; }
img, svg { display: block; height: auto; max-width: 100%; border: none; }
button { font: inherit; }

.skip-link {
  position: absolute; left: -9999rem; top: 2.5rem; z-index: 999999999;
  background: #fff; color: #000; padding: 1rem 2rem; font-size: 1.5rem; text-decoration: underline;
}
.skip-link:focus { left: 2.5rem; }

/* Títulos: mesmo espaçamento de letras e algarismos alinhados do original */
.title {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
  letter-spacing: -0.0415625em;
}

/* ==========================================================================
   Modelo de layout
   ========================================================================== */
.sec { position: relative; width: 100%; }
.sec__row {
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
}
.sec--inner { padding: 50px 0; }
@media (min-width: 700px) { .sec--inner { padding: 80px 0; } }

.col { --cw: 100%; display: flex; position: relative; min-height: 1px; width: 100%; }
.col__in {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
  width: 100%;
  padding: 10px;
}
.col--empty > .col__in { padding: 0; }
.col__in > * { width: 100%; }

.blk {
  display: block;
  position: relative;
  width: 100%;
  --ws: 0px;
  margin-top: var(--mt, 0px);
  margin-bottom: calc(var(--ws) + var(--mb, 0px));
}
.blk:not(:last-child) { --ws: 20px; }

/* Contêiner flex/grid */
.box {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: var(--gap);
}
.box .blk { --ws: 0px; }
.box > .box__in {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: min(100%, 1140px);
}
.box--grid > .box__in { display: grid; grid-template-columns: 1fr; }

/* Blocos de imagem / texto */
.img-blk { text-align: center; line-height: 21.2px; }
.img-blk img { display: inline-block; vertical-align: middle; }
.img-blk a { display: inline-block; }
.text { font-family: var(--font-sans); }
.text--body { font-size: 15px; font-weight: 400; color: var(--text); }

/* Botões */
.btn-blk { text-align: left; }
.btn-blk--right { text-align: right; }
.btn-blk--center { text-align: center; }
.btn-blk--full .btn { width: 100%; }
.btn {
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1;
  padding: 12px 24px;
  border-radius: 4px;
  color: var(--white);
  fill: var(--white);
  text-align: center;
  transition: all .3s;
}
.btn--sm { font-size: 13px; }
.btn--outline {
  background-color: transparent;
  border: 1px solid var(--white);
  font-weight: 400;
}
.btn--outline:hover, .btn--outline:focus {
  background-color: var(--white);
  color: var(--navy);
  fill: var(--navy);
}
.btn--solid {
  background-color: var(--navy);
  border: 1px solid currentColor;
  font-weight: 600;
}
.btn--solid:hover, .btn--solid:focus { color: var(--white); }
.btn--borderless { border-width: 0; }

/* Visibilidade por dispositivo */
@media (min-width: 1025px) { .hide-d { display: none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .hide-t { display: none !important; } }
@media (max-width: 767px) { .hide-m { display: none !important; } }

/* Animação de entrada (fadeIn) */
.js [data-anim], .js [data-anim-mobile].is-anim-m { visibility: hidden; }
.js [data-anim].is-visible, .js [data-anim-mobile].is-anim-m.is-visible {
  visibility: visible;
  animation: fadeIn 1.25s both;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js [data-anim], .js [data-anim-mobile].is-anim-m { visibility: visible; animation: none !important; }
}

/* ==========================================================================
   Cabeçalho
   ========================================================================== */
.site-header {
  background-color: var(--navy);
  border-bottom: 1px solid var(--white);
}
.site-header > .box__in {
  flex-direction: row;
  gap: 0;
  max-width: min(100%, 1020px);
}
.site-header__logo {
  justify-content: center;
  flex: 0 0 auto;
  width: 16.969%;
  gap: var(--gap);
}
.site-header__logo img { width: 150px; }
.site-header__nav {
  flex: 0 1 auto;
  width: 50%;
  align-self: center;
}
.site-header__cta {
  flex: 0 1 auto;
  width: 50%;
  padding: 21px 0 0 0;
}

/* Menu */
.nav { position: relative; }
.nav__list { display: flex; flex-wrap: wrap; justify-content: center; }
.nav__list li { position: relative; display: block; }
.nav__link {
  display: flex;
  align-items: center;
  padding: 13px 20px;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: var(--white);
  fill: var(--white);
}
.nav__link:hover, .nav__link:focus { color: var(--white); }

.nav__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  padding: .25em;
  border: 0;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, .05);
  color: var(--white);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.nav__icon { width: 1em; height: 1em; fill: var(--white); }
.nav__icon--close { display: none; }
.nav__toggle[aria-expanded="true"] .nav__icon--open { display: none; }
.nav__toggle[aria-expanded="true"] .nav__icon--close { display: block; }

.nav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9997;
  width: 100vw;
  background-color: var(--white);
  overflow: hidden;
  max-height: 0;
  transform-origin: top;
  transform: scaleY(0);
  transition: max-height .3s, transform .3s;
}
.nav__dropdown[hidden] { display: block; }
.nav__dropdown.is-open { max-height: 1000vmax; transform: scaleY(1); }
.nav__dropdown-link {
  display: flex;
  padding: 10px 20px;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #33373D;
}
.nav__dropdown-link:hover, .nav__dropdown-link:focus { background-color: #3F444B; color: var(--white); }

@media (max-width: 1024px) {
  .nav__main { display: none; }
  .nav__toggle { display: flex; }
}
@media (min-width: 1025px) {
  .nav__dropdown { display: none !important; }
}

@media (max-width: 767px) {
  .site-header { z-index: 10; }
  .site-header > .box__in { flex-wrap: wrap; max-width: min(100%, 767px); }
  .site-header__logo { width: 50%; }
  .site-header__nav { width: 50%; justify-content: center; }
}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero {
  background-color: var(--navy);
  padding: 80px 0;
}
.hero > .sec__row { max-width: 1027px; min-height: 655px; }
.hero > .sec__row > .col > .col__in { margin-top: -62px; padding: 0; }
.hero__title-col { --cw: 52.921%; }
.hero__text-col { --cw: 47.079%; }
.hero__title { width: 388px; max-width: 388px; flex-shrink: 0; text-align: left; }
.hero__title .title {
  font-family: var(--font-serif);
  font-size: 41px;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--white);
}
.hero__text {
  width: 455px;
  max-width: 455px;
  --mt: 10px;
  --mb: 30px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  color: var(--white);
}
.hero__actions { margin-top: -50px; }
.hero__actions > .box__in { grid-template-columns: repeat(2, 1fr); }
.hero__media { min-height: 414px; z-index: 3; }
.hero__banner img { width: 100%; }

@media (max-width: 767px) {
  .hero { padding: 50px 0; }
  .hero > .sec__row { min-height: 265px; }
  .hero__intro { margin: 0; }
  .hero__title-col > .col__in { margin: 0; padding: 0; }
  .hero__title {
    --mt: 0px; --mb: 0px;
    padding: 0 15px;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .hero__title .title { font-size: 26px; }
  .hero__text { padding: 0 20px; text-align: center; font-size: 16px; }
  .hero__actions > .box__in { grid-template-columns: repeat(1, 1fr); }
  .hero__media { min-height: 284px; margin-top: -95px; }
  .hero__banner { --mb: 0px; align-self: center; }
}

/* ==========================================================================
   Sobre
   ========================================================================== */
.about {
  background-color: var(--off-white);
  margin-top: -215px;
  padding: 188px 0 80px;
}
.about > .sec__row { max-width: 1027px; }
.about__line-col { --cw: 2.921%; }
.about__line-col > .col__in { margin-left: -47px; }
.about__line img { width: 23%; height: 361px; }
.about__content-col { --cw: 47.72%; }
.about__content-col > .col__in { margin-left: -17px; }
.about__photo-col { --cw: 49.025%; }
.about__photo-mobile { --mt: -43px; }
.about__photo-mobile img { width: 82%; }
.about__title { --mt: 23px; text-align: left; }
.about__title .title {
  font-family: var(--font-serif);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.about__body { margin: 0; padding: 0; }
.about__body > .sec__row { max-width: 1600px; }
.about__body-col > .col__in { align-content: flex-start; align-items: flex-start; padding: 10px 10px 0 0; }
.about__text { --mb: 0px; }
.about__photo { --mt: -15px; }
.about__photo img { width: 73%; }

@media (max-width: 767px) {
  .about { margin-top: -187px; padding: 40px 0 0; }
  .about__content-col > .col__in { margin: 100px 0 0 0; }
  .about__photo-mobile { --mt: 0px; }
  .about__photo-mobile img { width: 69%; }
  .about__title { padding: 0 15px; text-align: center; }
  .about__title .title { font-size: 30px; }
  .about__body { padding: 0 12px; }
  .about__body-col > .col__in { justify-content: center; }
  .about__text { padding: 0 20px; text-align: center; font-size: 14px; }
  .about__cta { text-align: center; }
  .about__photo-col > .col__in { margin: 55px 0 0 0; }
}

/* ==========================================================================
   Diferenciais
   ========================================================================== */
.features {
  background-color: var(--off-white);
  border-top: 1px solid var(--border-light);
  padding: 80px 0;
}
.features > .sec__row { max-width: 1027px; }
.features__spacer-l { --cw: 2.921%; }
.features__spacer-l > .col__in { margin-left: -47px; }
.features__content-col { --cw: 94.456%; }
.features__content-col > .col__in { margin: -31px 0 0 -17px; }
.features__spacer-r { --cw: 2.289%; }
.features__title { --mt: 12px; text-align: center; }
.features__title .title {
  font-family: var(--font-serif);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.features__grid > .box__in { grid-template-columns: repeat(3, 1fr); }
.features__grid--2 { margin-top: -44px; }

.feature__wrap { text-align: center; }
.feature__img { display: inline-block; width: 30%; }
.feature__img img { display: block; line-height: 0; transition-duration: .3s; }
.feature__content { width: 100%; }
.feature__title {
  margin: 35px 0 66px;
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--text);
  letter-spacing: -0.0415625em;
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
}
@media (min-width: 700px) {
  .feature__title { margin-top: 60px; }
}
@media (min-width: 768px) {
  .feature__wrap { display: flex; flex-direction: row; align-items: center; text-align: start; }
  .feature__img { margin-right: 21px; }
}
.feature--2 { --mt: -15px; }
.feature--3 { --mt: -17px; }
.feature--4 { --mt: -5px; }
.feature--5 { --mt: -15px; }
.feature--6 { --mt: -27px; }

@media (max-width: 767px) {
  .features { padding: 30px 0; }
  .features__content-col > .col__in { margin: 0; padding: 0 34px; }
  .features__title { --mt: 32px; padding: 0 15px; text-align: center; }
  .features__title .title { font-size: 24px; }
  .features__grid > .box__in { grid-template-columns: repeat(1, 1fr); }
  .feature__img { margin: 0 auto !important; vertical-align: top; }
  .feature__title { margin-top: 39px; }  /* 35px + descida da linha */
}

@media (min-width: 700px) and (max-width: 767px) {
  .feature__title { margin-top: 64px; }  /* 60px + descida da linha */
}

/* ==========================================================================
   Público (cartão sobre a faixa de prédios)
   ========================================================================== */
.audience-bg {
  min-height: 380px;
  background-image: url("../img/predios-fundo.webp");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}
.audience {
  margin-top: -504px;
  background-color: transparent;
}
.audience > .box__in { max-width: min(100%, 450px); }
.audience__card {
  z-index: 10;
  border-radius: 10px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .12);
  padding: 50px 30px 0;
  background-color: var(--off-white);
}
.audience__title { --mt: -19px; text-align: center; }
.audience__title .title {
  font-family: var(--font-serif);
  font-size: 31px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.divider { padding: 15px 0; }
.divider__line { display: flex; width: 100%; border-top: 1px solid #000; }
.audience__list {
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.audience__items { width: 76%; flex: 0 1 auto; }
.audience__items > li:nth-child(2), .audience__items > li:nth-child(3) { --mt: 2px; }
.audience__items > li:nth-child(4) { --mt: 1px; }
.audience__timeline { width: 16.739%; flex: 0 0 auto; }
.audience__timeline .img-blk { --mt: 6px; }
.audience__timeline img { width: 71%; }

@media (max-width: 767px) {
  .audience { margin-top: -476px; }
  .audience > .box__in { max-width: min(100%, 400px); }
  .audience__list { flex-wrap: wrap-reverse; }
  .audience__items { width: 100%; }
  .audience__title { padding: 0 15px; }
  .audience__title .title { font-size: 19px; }
  .audience__items .text { padding: 0 20px; text-align: center; font-size: 14px; }
}

/* ==========================================================================
   Soluções
   ========================================================================== */
.solutions {
  background-color: var(--off-white);
  border-top: 1px solid var(--border-light);
  margin-top: -118px;
  padding: 180px 0 80px;
}
.solutions > .sec__row { max-width: 1027px; }
.solutions__col > .col__in { margin-left: -17px; }
.solutions__title { --mt: 23px; text-align: center; }
.solutions__title .title,
.process__title .title {
  font-family: var(--font-serif);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.solutions__row { margin-top: 22px; padding: 0; }
.solutions__row > .sec__row { max-width: 1600px; min-height: 100px; }
.solution { --cw: 50%; }
.solution > .col__in {
  align-content: flex-start;
  align-items: flex-start;
  border-left: 3px solid var(--dark);
  padding: 18px;
}
.solution__title { --mt: 18px; text-align: left; }
.solution__title--b { --mt: 15px; }
.solution__title--c { --mt: 18px; }
.solution__title .title {
  font-family: var(--font-serif);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.solution__text { --mt: -6px; }

.cta-row > .sec__row { max-width: 1600px; }
.cta-row .col__in { padding: 13px; }
.cta-row--flush { padding: 0; }

@media (max-width: 767px) {
  .solutions__col > .col__in { margin: 0; }
  .solutions__title { padding: 0 15px; }
  .solutions__title .title { font-size: 24px; }
  .solutions__row { padding: 0 12px; }
  .solution > .col__in { justify-content: center; border-width: 0; margin: 0; }
  .solution__title { padding: 0 15px; width: 100%; max-width: 100%; text-align: center; }
  .solution__title--c { --mt: 0px; }
  .solution__title .title { font-size: 20px; }
  .solution__text { padding: 0 20px; text-align: center; font-size: 14px; }
  .cta-row { padding: 0 12px; }
}

/* ==========================================================================
   Como trabalhamos
   ========================================================================== */
.process {
  background-color: var(--off-white);
  border-top: 1px solid var(--border-light);
  margin-top: -69px;
  padding: 80px 0;
}
.process > .sec__row { max-width: 1027px; }
.process__col > .col__in { margin-left: -17px; }
.process__title { --mt: 12px; text-align: center; }
.process__steps { margin-top: 25px; padding: 0; }
.process__steps > .sec__row { list-style: none; }
.step { --cw: 33.333%; }
.step > .col__in { align-content: center; align-items: center; }
.step__num { width: 49px; max-width: 49px; --mt: -9px; text-align: left; }
.step__num .title {
  font-family: var(--font-serif);
  font-size: 53px;
  font-weight: 400;
  line-height: 1.1em;
  color: var(--ink);
}
.step__text { --mb: 0px; }
.step--1 .step__text { width: 170px; max-width: 170px; --mt: 5px; }
.step--2 .step__text { width: 181px; max-width: 181px; --mt: -13px; }
.step--3 .step__text { width: 213px; max-width: 213px; --mt: -12px; }

@media (max-width: 767px) {
  .process { padding: 30px 0; }
  .process__col > .col__in { margin: 0; }
  .process__title { padding: 0 15px; }
  .process__title .title { font-size: 24px; }
  .process__steps > .sec__row { max-width: 300px; }
  .step > .col__in { justify-content: flex-start; padding: 0; }
  .step--2 > .col__in { margin: 30px 0; }
  .step__num { padding: 0 15px; text-align: center; }
  .step--1 .step__num { --mt: 27px; }
  .step--1 .step__num .title { font-size: 30px; }
  .step--2 .step__num .title { font-size: 28px; }
  .step--3 .step__num .title { font-size: 27px; }
  .step .step__text { padding: 0 0 0 20px; width: 244px; max-width: 244px; text-align: left; font-size: 14px; }
  .cta-row--flush { padding: 0 12px; }
}

/* ==========================================================================
   Chamada "Torne-se um parceiro"
   ========================================================================== */
.partner {
  background-color: var(--dark);
  border-top: 2px solid var(--navy-line);
  padding: 0;
}
.partner > .sec__row { max-width: none; min-height: 300px; align-items: flex-start; }
.partner__text-col, .partner__photo-col { --cw: 50%; }
.partner__text-col > .col__in { background-color: var(--dark); padding: 0 0 0 100px; }
.partner__inner { margin: 0; }
.partner__inner .col__in { padding: 0; }
.partner__title { width: 445px; max-width: 445px; --mt: 18px; text-align: left; }
.partner__title .title {
  font-family: var(--font-serif);
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--white);
}
.partner__cta { --mt: 15px; }
.partner__photo-col > .col__in { padding: 0; }
.partner__photo img { width: 100%; }

@media (max-width: 767px) {
  .partner { padding: 50px 0; }
  .partner > .sec__row { min-height: 230px; }
  .partner__text-col > .col__in { padding: 0; }
  .partner__inner > .sec__row { max-width: 1386px; }
  .partner__title { padding: 0 20px; text-align: center; }
  .partner__title .title { font-size: 29px; }
  .partner__cta { text-align: center; }
  .partner__photo { align-self: center; }
}

/* ==========================================================================
   Rodapé
   ========================================================================== */
.footer {
  background-color: var(--navy);
  border-bottom: 4px solid var(--grey);
  padding: 5% 7%;
}
.footer > .sec__row,
.legal > .sec__row { max-width: none; }
.footer > .sec__row > .col > .col__in,
.legal > .sec__row > .col > .col__in { padding: 0; }
.footer__inner { padding: 0 0 1% 0; }
.footer__inner > .sec__row { max-width: none; }
.footer__about { --cw: 29%; }
.footer__about > .col__in { padding: 0 40px 0 0; }
.footer__logo { text-align: left; }
.footer__logo img { width: 56%; }
.footer__about-text { --mt: 5px; font-size: 13px; font-weight: 300; color: var(--white); }
.footer__menu--peak { --cw: 17.34%; }
.footer__menu--compliance { --cw: 17.882%; }
.footer__menu > .col__in { padding: 25px 0 0 0; }
.footer__heading .title {
  font-family: var(--font-footer);
  font-size: 18px;
  font-weight: 600;
  color: var(--white);
}
.footer__links {
  --mt: 29px;
  text-align: left;
  font-size: 14px;
  line-height: 11px;
  color: var(--white);
}
.footer__seals { --cw: 19.661%; }
.footer__seals > .col__in { padding: 0; }
.footer__bc { padding: 0 15px; }
.footer__bc img { width: 112px; max-width: 136px; }
.footer__selo img { width: 97px; max-width: 115px; }
.footer__partners { --cw: 16.065%; }
.footer__partners > .col__in { align-content: flex-start; align-items: flex-start; padding: 0; }
.footer__pinheiro { --mt: 38px; padding: 0 0 20px 0; }
.footer__pinheiro img { width: 116px; max-width: 147px; }
.footer__safe img { width: 114px; max-width: 119px; }

.legal {
  background-color: var(--navy);
  border-bottom: 5px solid var(--grey);
  padding: 5% 7%;
}
.legal__mark { text-align: left; }
.legal__text { text-align: justify; font-size: 13px; font-weight: 300; color: var(--white); }

@media (max-width: 1024px) {
  .footer, .legal { padding: 2%; }
}
@media (max-width: 767px) {
  .footer, .legal { padding: 3%; }
  .footer > .sec__row > .col > .col__in { justify-content: center; }
  .footer__inner { padding: 30px 0 0 0; }
  .footer__about > .col__in { padding: 0; }
  .footer__logo { text-align: center; }
  .footer__logo img { width: 60%; }
  .footer__about-text { padding: 0 20px; text-align: center; }
  .footer__heading { text-align: center; }
  .footer__links { padding: 0 0 20px 0; text-align: center; }
  .footer__bc { --mt: 16px; --mb: 16px; margin-left: 16px; margin-right: 16px; padding: 0; text-align: center; }
  .footer__bc img { width: 56%; }
  .footer__selo { padding: 0; text-align: center; }
  .footer__selo img { width: 28%; }
  .footer__pinheiro { padding: 16px; text-align: center; }
  .footer__pinheiro img { width: 33%; }
  .footer__safe { padding: 16px 0 0 0; text-align: center; }
  .footer__safe a { width: 119px; }
  .footer__safe img { width: 56%; }
  .legal__mark { text-align: center; }
}

/* ==========================================================================
   Colunas: larguras a partir do tablet; empilhadas no mobile
   ========================================================================== */
@media (min-width: 768px) {
  .col { width: var(--cw, 100%); }
}
@media (max-width: 767px) {
  .sec__row { flex-wrap: wrap; }
  .col { width: 100%; }
}