/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* ===== Core tokens ===== */
:root{
  --color-primary:   #42C08B;
  --color-secondary: #11223F;

  --h1-size: 62px;
  --h2-size: 40px;
  --h3-size: 28px;
  --h4-size: 20px;
  --h7-size: 62px;
  --p-size:  16px;
  --a-size:  16px;
  --gradient-2 : background: linear-gradient(80deg, #4FAE8E 3.92%, #3AC899 25.73%, #4BADBB 45.35%, #4DB5DA 71.96%, #079 97.64%);
}

/* ===== Base ===== */

* {
box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-weight: 400; font-family: Lato;
  font-size: var(--p-size);
  line-height: 1.6;
  letter-spacing: 0.46px;
  background: #F9FAFB;
  color: #11223F;
}

input[type="checkbox"],
input[type="radio"]{
  accent-color: #079; /* sua cor */
}

/* (Opcional) Apenas quando estiver marcado */
input[type="checkbox"]:checked{
  accent-color: #079;
}

.legal-consent-container p {
color: #11223f !important;
}


html {
  scroll-behavior: smooth !important;
}

/* ===== Headings (H1–H4) ===== */
h1 {
  font-weight: 400; font-family: Lato;
  font-size: var(--h1-size);
  line-height: 1.2;
  margin: 0;
  letter-spacing: -1.26px;
  color: #11223F;
}

h2 {
  font-weight: 400; font-family: Lato;
  font-size: var(--h2-size);
  line-height: 1.2;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}

h3 {
  font-weight: 400; font-family: Lato;
  font-size: var(--h3-size);
  line-height: 1.25;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}



h4 {
  font-weight: 400; font-family: Lato;
  font-size: var(--h4-size);
  line-height: 1.3;
  margin: 0;
  color: #11223F;
}

/* Se quiser algo para h5/h6, herda a fonte do h4 como fallback */
h5 {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}

h6 {
font-size: 24px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}

.cta_button:hover {opacity: 1 !important}

.default-button-black:hover {opacity: 1 !important}

.default-button-green:hover {opacity: 1 !important}

.default-button-transparent:hover {opacity: 1 !important}

a#cta_button_533009_1a810523-4ab5-425a-9416-56bf7323cb96:hover {rgb(66, 192, 139) !important;}



h7 {
  font-weight: 300; font-family: Lato;
  color: #F9FAFB;
  opacity: 0.5;
  letter-spacing: 0.46px;
  color: #11223F;
}

/* ===== Body text ===== */
p{
  font-weight: 400; font-family: Lato;
  font-size: var(--p-size);
  font-weight: 400;
  line-height: 140%;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}

li {
  font-weight: 400; font-family: Lato;
  font-size: var(--p-size);
  line-height: 1.6;
  margin: 0;
  letter-spacing: 0.46px;
  color: #11223F;
}

/* ===== Links ===== */
a {
  font-weight: 400; font-family: Lato;
  font-size: var(--a-size);
  color: var(--color-secondary);
  text-decoration: none;
  letter-spacing: 0.46px;
}

.legal-consent-container .hs-form-booleancheckbox-display p {

font-size: 13px !important;
}

a:hover {
  opacity: 0.8;
}
.hs-blog-post .blog-post-content #hs_cos_wrapper_post_body a {
color: #007799 !important;
  text-decoration: underline !important;
}



.hs-blog-post .blog-post-content #hs_cos_wrapper_post_body .hs-cta-node a {
  color: var(--color-secondary) !important;
  text-decoration: none !important;
}

.hs-blog-post .blog-post-content #hs_cos_wrapper_post_body .post-footer a {
color: #11223f !important;
  text-decoration: none !important;
}

/* ===== Utilities ===== */
.btn-primary { background: var(--color-primary); color:#fff; }
.text-secondary { color: var(--color-secondary); }

/*
.gradient-text {
background: var(--Gradient-2, linear-gradient(80deg, #4FAE8E 3.92%, #3AC899 25.73%, #4BADBB 45.35%, #4DB5DA 71.96%, #079 97.64%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}*/

.gradient-text2 {
background: linear-gradient(80.08deg, #CCE4EB 3.92%, #E9E9E9 18.73%, #F9F9F9 32.74%, #D0EFE2 47.68%, #B7E5EC 68.22%, #E7E7E7 97.64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}





.repetitive-white-blocks a {
  z-index: 10;
}


.wrapper {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  z-index: 1;
}

.wrapper.right {
  justify-content: flex-end;
}

.page-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top:150px;
}

.wrap-1440{
  max-width: 1440px;
  margin: 0 auto;
}

/* a coluna DnD (bootstrap2) normalmente é float:left; centraliza e limita */
.wrap-1440 .dnd-module{
  max-width: 1040px !important;
  width: 100% !important;
  margin-left: auto !important;
  padding-left: 24px;
box-sizing: content-box;
}



.custom-container-2 {
  max-width: 1440px;
  width: 100%;
  padding-top: 150px;
  padding-left: 34px;
  padding-right: 34px;
  margin: 0 auto;
}


.right-side {
  max-width: 1040px;
  width: 100%;
  margin-right: 20px;
}

.glass-liquid {
  border: 0.674px solid rgba(104, 205, 162, 0.29);
  background: rgba(249, 250, 251, 0.50);
   backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}


/* Container controlado pelo JS (visibilidade global) */
.table-of-contents-container{
  max-width:1440px;
  margin:0 auto;
  opacity:0;               /* JS altera para 1 quando passar da 1ª section */
  pointer-events:none;     /* JS muda para auto quando visível */
  transition:opacity 1.3s ease;
}

/* Ambos TOCs ficam fixos e sobrepostos no mesmo lugar */
.table-of-content{
  position:fixed;
  top: calc(50%);
  transform:translateY(-50%);
  margin-left:20px;
  z-index:994;
  display:flex;
  flex-direction:column;
  gap:19px;
}

.table-of-content h4{ margin:0; font-weight:400; color:inherit; }

.table-contents{
  display:flex;
  flex-direction:column;
  gap:19px;
  list-style:none;
  margin-left:18px;
  padding:0;
}


.table-contents li{
  position:relative;
  padding-left:24px;
  color:inherit;          /* herda a cor do TOC (pedido seu) */
}

.table-contents a{
  color:inherit;          /* herda a cor do TOC (pedido seu) */
  text-decoration:none;
}

.table-contents a[aria-current="true"]{ font-weight:700; }

/* Bolinha padrão */
.table-contents li::before{
  content:"";
  position:absolute;
  left:0; top:50%;
  transform:translateY(-50%);
  width:8px; height:8px; aspect-ratio:1/1;
  border-radius:9.39px;
  display:flex; align-items:center; justify-content:center;
}

/* TOC base = #11223f */
.toc-base{
  color:#11223f;
  pointer-events:auto;    /* clicável */
}
.toc-base .table-contents li::before{
  background:rgba(249,250,251,.5);
  border:.674px solid rgba(66,192,139,.3);
  box-shadow:10px 4px 30px 0 rgba(43,182,115,.08);
}

/* TOC overlay = branco (apenas visual) */
.toc-overlay{
  color:#fff;
  z-index:995;           /* acima do base */
  pointer-events:none;    /* não intercepta cliques */
  will-change:mask-position,-webkit-mask-position;
}
.toc-overlay .table-contents li::before{
  background:rgba(255,255,255,.35);
  border:.674px solid rgba(255,255,255,.55);
  box-shadow:10px 4px 30px 0 rgba(0,0,0,.25);
}


.open-table {
    display: none;
  }

.open-categories {
    display: none;
  }

@media (max-width: 1300px){ 
  .blog-autor-container {
    display: none !important;
  }
  .open-table {
    display: none;
    width: 66px;
height: 66px;
    border-radius: 32.39px;
    border: 0.674px solid rgba(104, 205, 162, 0.22);
    background: var(--Secondary-2, #11223F);
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 999;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .table-of-contents-container {
    transition: none !important;
  }
  
  .table-of-content.toc-overlay {
  display: none !important;
  }
  
  .banner-5 .banner-img img {
      max-width: 450px;}
  
 
  
.table-of-content {
  
  
  
    backdrop-filter: blur(8px);
    top: initial;
    bottom: 80px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    padding: 16px;
    margin: 16px;
    width: calc(100% - 32px);
    box-sizing: border-box;
    transition: opacity 0.3s ease;
    transform: translateY(0) !important;
    }
  
  .blog-sidebar {
    position: fixed !important;
    opacity: 0;
    pointer-events: none;
   backdrop-filter: blur(12px);
    top: initial !important;
    bottom: 90px !important;
    left: 0 !important;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    padding: 16px;
    margin: 16px;
    width: calc(100% - 32px);
    box-sizing: border-box;
    transition: opacity 0.3s ease;
    z-index: 999;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.38);

  }
  .open-categories {
    display: flex;
    width: 66px;
height: 66px;
    border-radius: 32.39px;
    border: 0.674px solid rgba(104, 205, 162, 0.22);
    background: var(--Secondary-2, #11223F);
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 999;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  
  .open-table .open {
    display: none;
  
  }

  .open-table .close {
   color: white;
    font-size: 14px;
  }
  
  .open-categories .open {
    display: none;
  
  }

  .open-categories .close {
   color: white;
    font-size: 14px;
  }
}

@media (max-width: 1551px){ 
  .blog-post .right-side {
    max-width: 800px !important;
  }
}

@media (max-width: 768px){ 
  .industry-image-text-images img {
    width: 100%;
  }
  .position-list-option .right {
  max-width: initial !important;
  }
  
  .position-list-option .left {
  max-width: initial !important;
  }
  
  .position-list-option {
  flex-wrap: wrap;}
  
  .repetitive-white-blocks.is-first {
  margin-top: 0 !important;}
  
  
  .custom-container {
  max-width: initial;
  width: 100%;
  margin-left: auto;   /* empurra o bloco para a direita */
  margin-right: 20px;  /* respiro na borda direita */
   padding-top: 150px;
  padding-left: 24px;
   padding-left: 24px;
}

  .wrap-1440 .dnd-module{
  width: inherit !important;
}
  
    .site-header .menu-container { 
      display: none !important; 
    }
      .lang-selector {
      justify-content: flex-start !important;
        margin-left: 0 !important;
        position: absolute !important;
      bottom: 8px;
      right: 3px;
        flex-direction: column-reverse !important;
        align-items: flex-end !important;
}
      
      .page-banner {
    overflow: hidden;}


    h1 {
      font-weight: 400; font-family: Lato;
      font-size: 36px !important;
      line-height: normal;
      margin: 0;
      letter-spacing: 0.46px;
    }

    h2 {
      font-weight: 400; font-family: Lato;
      font-size: 28px !important;;
      line-height: 1.2;
      margin: 0;
      letter-spacing: 0.46px;
    } 
  
  .page-container {
  padding-top: 50px;
  }

  .page-banner {padding: 0 16px; flex-wrap: wrap; gap: 30px !important; padding-top: 100px !important; padding-bottom: 20px !important; margin-top: 0 !important;}

  .banner-1 {
     flex-wrap: initial !important;
  }
  
  .banner-3 .banner-img img {
     width: 100% !important;
  }
  .banner-2 {
    flex-wrap: initial !important;
  }
  
   .banner-5 {
    justify-content: center;
  }
  
  .banner-5 .banner-img {
    padding-right: 0 !important;
  }
  
  .banner-6 {
    flex-wrap: initial !important;
  }
  
  .banner-6 .banner-img {width: 100%}

  .banner-6 .banner-img img {width: 100%}

  .banner-2 .banner-img {width: 100%}

  .banner-2 .banner-img img {width: 100%}
  
  .page-banner .banner-texts {
    padding: 0;
  }
  
  .banner-blocks {
    flex-wrap: wrap;
  }

  .about-block {
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
    padding: 15px !important;
  }
  
  .wrapper.right {
    padding: 0 15px;
  }
  
  .about-block-image img {
  
  width: 100%}
  .key-features-blocks {
    margin: 0;
    gap: 30px !important;
    padding-bottom: 50px;
  }
  
 

  .key-features-blocks svg {
  display: none;}

  .block-inner:after {
  content: none !important;}

  .key-features-block {
    background: transparent !important;
    border:none !important;
    height: initial !important;
    
  }

  .key-features-block .block-inner {
padding: 0 !important;
    padding-left: 85px !important;
padding-top: 25px !important;
}
  .key-features-block  .block-img {
    left: 0px !important;
  }
  
  .key-features-block .block-img-container {
  left: 0px !important;
  }
   .compliance-numbers {
  margin: 0;
  }

  .radial-container {
height: calc(100vw - 50px) !important;
    width: calc(100vw - 50px) !important; 
  }

  .radial-container .radial.out {
  height: calc(100vw - 50px) !important;
    width: calc(100vw - 50px) !important;
  }

  .radial-container .radial.inner {
height: 60vw !important;
    width: 60vw !important;
  }

  .radial-container img {
    width: 100% !important;
  }

  .beyond-compliance {
  margin: 0}

  .beyond-blocks .block {
    width: 100% !important;
  }

  .testimonials {
    margin: 0 !important;
  }
  .testimonial {
    flex-direction: column-reverse;
    gap: 0 !important;
  }
  
  .testimonial-img img {
  width: 100%;}
  
  .footer-content {
  margin: 0 !important;}
  
  .footer-content {
    padding: 0 15px;
  }
  .footer-texts p {
  
    padding: 0 !important;
  }
  .footer-form {flex-wrap: wrap; flex-direction: column-reverse; }

  .footer-form img {
    width: 157px;
  }
  .footer-form .right {
    min-height: 230px;
    width: 272px !important;
    margin: 0 auto;
  }
  
    .footer-form .left {
      
    width: 100% !important;
  }

  .sub-footer-content {
  gap: 30px !important;

  flex-direction: column;
  }
  
   .footer-form .right .img_01 {
    top: 0 !important;
  }
  
  .footer-form .right .img_02 {
    bottom: 0 !important;}

  .final-links-container {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
  }

  .final-links {
    position: initial !important;
  }
  
  .repetitive-white-blocks {
    flex-wrap: wrap;
    margin: 0;
    padding: 15 0 !important;;
  }

  .repetitive-white-blocks .rw {
    padding: 15px !important;
  }
  
  .gradient-blocks-container {
    margin: 0;
  }
  
  .gradient-block {
    width: 100% !important;
  }
  
  .what-you-get-option {
    flex-direction: column;
    gap: 15px;
    padding: 215px 0px 0px !important;;
  }
  
  .what-you-get-container h2 {
    padding: 0 !important;
  }
  
  .what-you-get-option .left {
    max-width: 100% !important;
  }
  
  .what-you-get-option .right {
    max-width: 100% !important;
  }
  
  .fx-stepframes__player {
    width: 350px !important;
  }
  
  .industry-image-text {
    flex-direction: column-reverse;
    margin: 0;
  }
  
  .industry-image-text-images {
    width: 100% !important;
  }
  
  .page-container.gradient-b {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  
  .gradient-b .gradient-block {
    flex-wrap: wrap;
    margin: 0 !important;
  }
  
  .gradient-b .gb img {
    width: 100%;
  }
  
  .lang-selector {
    margin-left: 0;
    padding: 10px 0 !important;
    flex-direction: column;
    gap: 10px;
    
  }

  .lang-menu {
  position: initial !important;
  margin-right: 10px;}
  
  .mm-view {overflow: hidden;}
  
  .testimonial img {
    float:right;
    width: 167px !important;
  }
  
  .about-block {
    margin-bottom: 50px !important;
  }

  .whitepapers .wrapper {
    flex-direction: column !important;
    
  }
  
  .whitepaper-card {
    width: 100% !important;
  }
  
  .webinarevents .wrapper {
    flex-direction: column !important;
    
  }
  
  .blog-sidebar {
  }
  
  .blog-listing__body .wrapper {
    flex-direction: column !important;
  }
  
  .career-post-form.right-side {
    margin-right: 0px !important;
    }
  
  .career-post-form .apply-form {
    flex-direction: column;
  }
  
  .apply-form .right {
    width: 100%;
    
  }
  
  .apply-form .right img {
    width: 100%;
  }
  
   #banner-landing {
    padding: 212px 15px 83px !important;
  }

  #banner-landing .landing-form {
    padding: 15px;
  }
  
  .list-header {
    flex-wrap: wrap;
  }
  
  .list-header .video, .list-header .texts {
    width: 100% !important;
  }
  
  .what-you-get-container h4 {

    font-size: 22px;
    }
  
  .page-container.onboarding-3 img {
    display: none;
  }
  
  h6 {
  font-size: 20px;}
  
  .page-container-onboarding {
  padding-top: 100px !important;
  }
  .onboarding-3 .img-1 { display: none;
  }
  
  .onboarding-3 {
  padding-top: 212px !important;
  }
  
  .onboarding-3 .img-2 {
    right: -20px !important;}
  
  .blog-card {
    flex-wrap: wrap;
  }
  
  .blog-card .card-figure img {
  width: 100% !important;
  }
  
  .landing-form {
    width: 100% !important;
    
  }
  
  .whitepaper-form-container {
  flex-wrap: wrap;
  }

}

.default-button-black {
  --bw: 3px; /* espessura da borda no hover */
  --grad: linear-gradient(80deg, #4FAE8E 3.92%, #3AC899 25.73%, #4BADBB 45.35%, #4DB5DA 71.96%, #079 97.64%);

  position: relative;
  isolation: isolate;
  color: #fff !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--fontFamily, Lato);
  font-size: var(--font-size-09375-rem, 15px);
  font-style: normal;
  font-weight: var(--fontWeightMedium, 500);
  line-height: 26px;
  letter-spacing: 0.46px;

  background-color: #11223F;
  border-radius: 32px;         /* ou 40px se preferir fixo */
  border: 0;                   /* <- sem borda no elemento */
  padding: 6px 18px;
  width: max-content;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;            /* garante recorte perfeito no raio */
}

/* anel de borda gradient perfeitamente alinhado à borda externa */
.default-button-black::before {
  content: "";
  position: absolute;
  inset: -1px;                    /* ocupa TODA a caixa (sem folga) */
  border-radius: inherit;
  background: var(--grad);
  padding: var(--bw);          /* define a espessura do anel */

  /* recorta o meio para sobrar só a borda */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
          mask-composite: exclude;

  z-index: -1;
  opacity: 0;                  /* escondido por padrão */

  pointer-events: none;
}

/* HOVER: mostra a borda gradient; o miolo continua #11223F */
.default-button-black:hover::before {
  opacity: 1;
}

.default-button-green {
  --bw: 3px; /* espessura da borda no hover */
  --grad: linear-gradient(80deg, #4FAE8E 3.92%, #3AC899 25.73%, #4BADBB 45.35%, #4DB5DA 71.96%, #079 97.64%);

  position: relative;
  isolation: isolate;
  color: #11223F !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--fontFamily, Lato);
  font-size: var(--font-size-09375-rem, 15px);
  font-style: normal;
  font-weight: var(--fontWeightMedium, 500);
  line-height: 26px;
  letter-spacing: 0.46px;

  background-color: #42C08B;
  border-radius: 32px;         /* ou 40px se preferir fixo */
  border: 0;                   /* <- sem borda no elemento */
  padding: 6px 18px;
  width: max-content;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;            /* garante recorte perfeito no raio */
}

/* anel de borda gradient perfeitamente alinhado à borda externa */
.default-button-green::before {
  content: "";
  position: absolute;
  inset: -1px;                    /* ocupa TODA a caixa (sem folga) */
  border-radius: inherit;
  background: var(--grad);
  padding: var(--bw);          /* define a espessura do anel */

  /* recorta o meio para sobrar só a borda */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
          mask-composite: exclude;

  z-index: -1;
  opacity: 0;                  /* escondido por padrão */

  pointer-events: none;
}

.hs_submit {
transform: translateY(20px);
}

/* HOVER: mostra a borda gradient; o miolo continua #11223F */
.default-button-green:hover::before {
  opacity: 1;
}




.default-button-transparent {
  /* texto */
  color: #11223F !important;
  font-feature-settings: 'liga' off, 'clig' off !important;
  font-family: var(--fontFamily, Lato) !important;
  font-size: var(--font-size-09375-rem, 15px) !important;
  font-style: normal !important;
  font-weight: var(--fontWeightMedium, 500) !important;
  line-height: 26px !important;
  letter-spacing: 0.46px !important;

  /* layout/base */
  --bw: 2px; /* espessura da borda */
  --grad: linear-gradient(80deg, #4FAE8E 3.92%, #3AC899 25.73%, #4BADBB 45.35%, #4DB5DA 71.96%, #079 97.64%);
  position: relative;
  isolation: isolate;                 /* para z-index dos pseudos */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  width: max-content !important;
  cursor: pointer !important;
  box-sizing: border-box !important;

  /* raio + fundo sem cobrir a borda */
  border-radius: 40px !important;
  background-color: rgba(255,255,255) !important; /* branco 50% */
  background-clip: padding-box !important;           /* não pinta a área da borda */
  overflow: hidden !important;                       /* recorte perfeito no raio */

  /* sem borda real; a borda vem do ::before */
  border: 0 !important;
}

/* Borda em gradient (anel), recortada por máscara — FICA ATRÁS do conteúdo */
.default-button-transparent::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  background: var(--grad);
  padding: var(--bw);

  /* recorta o centro => sobra só a borda (suporte Safari e padrão) */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
          mask-composite: exclude;

  z-index: -1;
  pointer-events: none;
}

/* Preenchimento do miolo no hover (anima só opacidade) */
.default-button-transparent::after {
  content: "";
  position: absolute;
  inset: var(--bw);                       /* respeita a espessura da borda */
  border-radius: calc(40px - var(--bw));
  background: var(--grad);
  opacity: 0;                             /* estado normal: só o branco 50% */
  transition: opacity 220ms ease;
  z-index: -1;
  pointer-events: none;
}

.default-button-transparent:hover::after {
  opacity: 1;                             /* hover: fundo vira gradient total */
}

/* acessibilidade: menos animação para quem prefere */
@media (prefers-reduced-motion: reduce) {
  .default-button-transparent::after { transition: none; }
}


.default-button-transparent:hover::before {
  mask-composite: initial;
}

.hs_submit .hs-button {
  color: #11223f !important;
}

.landing-form input[type="submit"] {
color: #11223f !important;
}

.blog-post__tags {
flex-wrap: wrap;
}

.post-footer-links {
flex-wrap: wrap;
}

/* -------- Dica: se tiver um header fixo muito alto por cima do TOC,
   ajuste o z-index aqui ou no header pra garantir que o TOC fique clicável -------- */