html {
        scroll-behavior: smooth;
      }
      body {
        overflow-x: hidden;
        zoom: 1.06;
      }
      /* hero overlay */
      .hero-overlay {
        background: rgba(0, 0, 0, 0.08);
      }
      /* underline gold */
      .u-underline {
        position: relative;
      }
      .u-underline::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
        height: 5px;
        background: #ac935b;
      }
      /* label bar */
      .label-bar::before {
        content: "";
        width: 64px;
        height: 3px;
        background: #ac935b;
      }
      /* card hover panel */
      .card-hover {
        background: linear-gradient(120deg, #002944 0%, #013a5e 100%);
      }
      .card-hover-wrap {
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.35s ease,
          transform 0.35s ease;
      }
      .card:hover .card-hover-wrap {
        opacity: 1;
        transform: translateY(0);
      }
      /* porque divider */
      .porque-item + .porque-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        bottom: 8px;
        width: 2px;
        background: rgba(234, 174, 113, 0.45);
      }
      /* grupo list bullet */
      .grupo-list li {
        position: relative;
        padding-left: 26px;
      }
      .grupo-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 18px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #eaae71;
      }
      /* btn shadow */
      .btn-shadow-gold {
        box-shadow: 0 10px 30px rgba(234, 174, 113, 0.35);
      }
      .btn-shadow-gold:hover {
        box-shadow: 0 16px 40px rgba(234, 174, 113, 0.45);
      }
      .btn-shadow-navy {
        box-shadow: 0 10px 30px rgba(0, 41, 68, 0.3);
      }
      .btn-shadow-navy:hover {
        box-shadow: 0 16px 40px rgba(0, 41, 68, 0.4);
      }
      /* marcas logo grayscale */
      .marca-logo {
        filter: grayscale(1) brightness(1.6);
        opacity: 0.45;
        transition:
          filter 0.35s,
          opacity 0.35s;
      }
      .marca-logo:hover {
        filter: none;
        opacity: 1;
      }
      /* final bg overlay */
      .final-overlay {
        background: linear-gradient(
          90deg,
          rgba(0, 30, 50, 0.55) 0%,
          rgba(0, 30, 50, 0.15) 100%
        );
      }
      /* responsive dividers off */
      @media (max-width: 1024px) {
        .porque-item:nth-child(3)::before {
          display: none;
        }
      }
      @media (max-width: 640px) {
        .porque-item::before {
          display: none;
        }
      }
       @font-face {
    font-display: block;
    font-family: Roboto;
    src:
      url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2)
        format("woff2"),
      url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff)
        format("woff");
  }
  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src:
      url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2)
        format("woff2"),
      url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff)
        format("woff");
  }
  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src:
      url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2)
        format("woff2"),
      url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff)
        format("woff");
  }
  :where(.sib-form-message-panel) {
    display: none;
  }
  :where(.sib-form-message-panel .sib-notification__icon) {
    width: 20px;
    height: 20px;
  }
  #sib-container input:-ms-input-placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }
  #sib-container input::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }
  #sib-container textarea::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }
  #sib-container a {
    text-decoration: underline;
    color: #2bb2fc;
  }