/* =========================================================
   INDEX | INSPIRE+
========================================================= */

*{box-sizing:border-box;margin:0;padding:0;}

:root{
  --color-dark:#1c1e2b;
  --color-dark-2:#11131d;
  --color-yellow:#fab117;
  --color-white:#ffffff;
  --color-gray:#8b8fa3;
  --color-light:#f3f4f7;
  --container-width:1280px;
  --layout-max:1440px;
  --layout-gutter:clamp(18px,4vw,64px);
  --header-offset:84px;
  --border:rgba(28,30,43,.12);
}

body{
  font-family:"Poppins",sans-serif;
  background-color:#f3f4f7;
  color:#1c1e2b;
  overflow-x:hidden;
}

img,video{max-width:100%;}

::-webkit-scrollbar{width:20px;}
::-webkit-scrollbar-track{background:#13131b;}
::-webkit-scrollbar-thumb{background:#fab117;border-radius:20px;border:2px solid #13131b;}
::-webkit-scrollbar-thumb:hover{background:#e09b00;}

html{scrollbar-width:thin;scrollbar-color:#1c1e2b5b #fab117;}
::selection{background-color:#fab117;color:#1c1e2b;}

/* =========================================================
   EXIT POPUP
========================================================= */

.exit-popup-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:rgba(17,19,29,.78);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}

.exit-popup-overlay.ativo{opacity:1;visibility:visible;pointer-events:auto;}

.exit-popup{
  position:relative;
  width:90%;
  max-width:780px;
  padding:56px;
  color:var(--color-dark);
  background-color:var(--color-white);
  border:1px solid var(--color-dark);
  border-radius:18px;
  box-shadow:12px 18px var(--color-yellow);
  transform:translateY(25px);
  transition:transform .3s ease;
}

.exit-popup-overlay.ativo .exit-popup{transform:translateY(0);}

.exit-popup-close{
  position:absolute;
  top:16px;
  right:18px;
  width:40px;
  height:40px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color-dark);
  background:transparent;
  border:0;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
}

.exit-popup-tag{
  display:inline-flex;
  margin-bottom:20px;
  padding:8px 14px;
  color:var(--color-dark);
  background-color:rgba(250,177,23,.15);
  border:1px solid var(--color-yellow);
  border-radius:999px;
  font-size:.8rem;
  font-weight:600;
}

.exit-popup h2{
  max-width:650px;
  margin:0;
  color:var(--color-dark);
  font-size:48px;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:600;
}

.exit-popup p{
  max-width:630px;
  margin:22px 0 32px;
  color:var(--color-gray);
  font-size:16px;
  line-height:1.65;
}

.exit-popup-cta{
  min-height:54px;
  padding:16px 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--color-dark);
  background-color:var(--color-yellow);
  border:1px solid var(--color-dark);
  border-radius:14px;
  box-shadow:5px 9px var(--color-dark);
  font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
}

.exit-popup-cta:hover{box-shadow:none;transform:translateY(3px);}

.exit-popup-secondary{
  margin-left:18px;
  padding:12px;
  color:var(--color-gray);
  background:transparent;
  border:0;
  font-family:inherit;
  font-size:.9rem;
  cursor:pointer;
}

body.popup-aberto{overflow:hidden;}

/* =========================================================
   HOME
========================================================= */

.home-inspire{
  width:100%;
  overflow-x:clip;
  overflow-y:visible;
  background-color:var(--color-light);
  color:var(--color-dark);
  font-family:"Poppins",sans-serif;
}

/* =========================================================
   HERO
========================================================= */

.hero-inspire{
  width:100%;
  max-width:var(--layout-max);
  min-height:750px;
  height:auto;
  margin:var(--header-offset) auto 0;
  display:flex;
  align-items:center;
}

.container-home{
  width:100%;
  max-width:var(--layout-max);
  margin-inline:auto;
  padding:20px var(--layout-gutter) 60px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
}

.marca-mini,.tag-secao{
  display:inline-flex;
  width:fit-content;
  margin-bottom:18px;
  color:var(--color-yellow);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.titulo-contexto h2,.cabecalho-marcas h2{
  width:60%;
  margin:0;
  color:var(--color-dark);
  font-size:clamp(2.4rem,3.5vw,4rem);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:500;
}

.hero-copy{max-width:100%;}

.hero-copy h1{
  color:var(--color-dark);
  font-weight:600;
  letter-spacing:-.04em;
  font-size:clamp(2.2rem,5vw,4.6rem);
  line-height:.96;
}

.hero-copy h1 span{font-style:italic;font-weight:400;}

.hero-copy p{
  margin:28px 0 0;
  color:rgba(28,30,43,.72);
  font-size:18px;
  line-height:1.7;
}

.hero-cta{
  display:flex;
  align-items:center;
  margin-top:34px;
}

.botao-principal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:50px;
  padding:20px 40px;
  border-radius:20px;
  border:1px solid var(--color-dark);
  background-color:var(--color-yellow);
  color:var(--color-dark);
  font-size:1.05rem;
  font-weight:800;
  text-decoration:none;
  transition:all .25s ease;
  box-shadow:4px 10px 0 var(--color-dark);
}

.botao-principal:hover{transform:translateY(-5px);box-shadow:0 0 0 var(--color-dark);}

.card-diagnostico{
  width:100%;
  max-width:620px;
  height:clamp(460px,46vw,620px);
  margin-left:auto;
  padding:90px 25px;
  position:relative;
  display:block;
  overflow:hidden;
  background-color:var(--color-white);
  border:1px solid var(--color-dark);
  border-radius:28px;
  box-shadow:8px 14px 0 var(--color-yellow);
}

.diagnostico-imagem{
  width:100%;
  height:100%;
  margin:0;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* =========================================================
   NÚMEROS
========================================================= */

.container-numeros{
  width:100%;
  max-width:var(--layout-max);
  height:auto;
  margin:0 auto 200px;
  padding-inline:var(--layout-gutter);
  display:flex;
  justify-content:center;
}

.hero-numeros{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.hero-numeros div{
  width:95%;
  min-height:238px;
  margin:0 auto;
  padding:28px;
  display:flex;
  align-items:center;
  border:1px solid var(--border);
  border-radius:15px;
  background-color:rgba(255,255,255,.72);
  transition:all .25s ease;
}

.hero-numeros div:nth-child(1),.hero-numeros div:nth-child(2),.hero-numeros div:nth-child(3){
  background-color:var(--color-white);
  border:1px solid var(--color-dark);
  box-shadow:4px 8px 0 var(--color-dark);
}

.hero-numeros div:nth-child(1):hover,.hero-numeros div:nth-child(2):hover,.hero-numeros div:nth-child(3):hover{
  border-color:var(--color-yellow);
  box-shadow:8px 13px 0 var(--color-yellow);
  transform:translateY(3px);
}

.hero-numeros h3{
  display:block;
  width:80%;
  margin-right:12px;
  color:var(--color-dark);
  font-size:36px;
  line-height:1;
  letter-spacing:-.04em;
  text-align:left;
}

.hero-numeros p{
  color:rgba(28,30,43,.68);
  font-size:16px;
  line-height:1.45;
}

/* =========================================================
   REALIDADE
========================================================= */

.secao-realidade{
  padding:110px 0;
  background-color:var(--color-light);
}

.cabecalho-secao{margin-bottom:42px;}

.secao-realidade-inspire{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding-bottom:120px;
  background:var(--color-light);
  overflow:hidden;
}

.realidade-container{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding-inline:var(--layout-gutter);
}

.realidade-topo{
  max-width:980px;
  margin-bottom:36px;
}

.realidade-topo h2{
  margin:0;
  color:var(--color-dark);
  font-size:48px;
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:600;
}

.realidade-topo h2 span{
  font-weight:400;
  letter-spacing:-.04em;
  font-style:italic;
}

.realidade-topo p{
  max-width:100%;
  margin:30px 0 100px;
  color:var(--color-gray);
  font-size:18px;
  line-height:1.55;
}

.realidade-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:18px;
}

.realidade-card{
  width:100%;
  height:100%;
  min-height:255px;
  padding:34px 32px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(28,30,43,.06);
  border-radius:10px;
  background:rgba(255,255,255,.86);
  transition:transform .35s ease,box-shadow .35s ease;
}

.realidade-card:hover{transform:translateY(-6px);box-shadow:0 10px 0 var(--color-dark);}

.realidade-card h3{
  max-width:520px;
  margin:0 0 14px;
  color:var(--color-dark);
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:500;
}

.realidade-card p{
  max-width:540px;
  margin:0;
  color:var(--color-gray);
  font-size:16px;
  line-height:1.48;
  font-weight:400;
}

.realidade-card-destaque{
  background:var(--color-dark);
  color:var(--color-white);
  border:none;
  isolation:isolate;
}

.brilho{
  width:50px;
  height:50px;
  position:relative;
  display:block;
  margin-bottom:48px;
}

.icone-cruz{
  width:30px;
  height:30px;
  position:relative;
  display:block;
  margin-bottom:48px;
}

.realidade-card-destaque h3{max-width:440px;color:var(--color-white);}
.realidade-card-destaque p{margin-bottom:24px;color:rgba(255,255,255,.76);}

.v2b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:50px;
  padding:20px 60px;
  border-radius:20px;
  border:1px solid var(--color-white);
  background-color:var(--color-dark);
  color:var(--color-white);
  font-size:1.05rem;
  font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
}

.v2b:hover{
  transform:translateY(-5px);
  color:var(--color-dark);
  background-color:var(--color-white);
  box-shadow:0 0 0 var(--color-white);
}

/* =========================================================
   MÉTODO
========================================================= */

.metodo{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding:90px var(--layout-gutter) 120px;
  background-color:var(--color-light);
}

.head-metodo{
  width:100%;
  max-width:820px;
  margin-bottom:50px;
}

.head-metodo h3{
  margin:0 0 20px;
  color:var(--color-dark);
  font-size:48px;
  line-height:1.05;
  letter-spacing:-.05em;
  font-weight:600;
}

.head-metodo h3 span{font-style:italic;font-weight:400;}

.head-metodo p{
  max-width:760px;
  margin:0;
  color:var(--color-gray);
  font-size:18px;
  line-height:1.6;
}

.metodo-grid{
  width:100%;
  display:flex;
  align-items:stretch;
  gap:20px;
}

.card-metodo{
  flex:1 1 0;
  min-width:0;
  min-height:520px;
  padding:32px 28px;
  position:relative;
  display:flex;
  flex-direction:column;
  background-color:var(--color-white);
  border:1px solid var(--color-dark);
  border-radius:22px;
  box-shadow:0 10px 0 var(--color-dark);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.card-metodo:hover{
  transform:translateY(-5px);
  border-color:var(--color-yellow);
  box-shadow:0 14px 0 var(--color-yellow);
}

.metodo-icone{
  width:88px;
  height:88px;
  margin:0 auto 32px;
  flex:0 0 88px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background-color:var(--color-yellow);
  border:1px solid var(--color-dark);
  border-radius:50%;
}

.metodo-icone img,.metodo-icone svg{
  width:42px;
  height:42px;
  display:block;
  object-fit:contain;
}

.card-metodo h3{
  margin:0 0 18px;
  color:var(--color-dark);
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:600;
}

.card-metodo>p{
  margin:0;
  color:var(--color-gray);
  font-size:15px;
  line-height:1.55;
}

.metodo-lista{
  width:100%;
  margin:auto 0 0;
  padding:28px 0 0;
  list-style:none;
}

.metodo-lista li{
  width:100%;
  border-bottom:1px solid rgba(139,143,163,.55);
}

.metodo-lista a{
  width:100%;
  padding:11px 4px;
  display:block;
  color:var(--color-gray);
  font-size:14px;
  line-height:1.4;
  text-decoration:none;
  transition:padding .25s ease,color .25s ease,background-color .25s ease;
}

.metodo-lista a:hover{
  padding-left:10px;
  color:var(--color-dark);
  background-color:var(--color-yellow);
}

/* =========================================================
   DEPOIMENTOS
========================================================= */

.depoimentos{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding-bottom:120px;
  overflow:hidden;
  background-color:var(--color-light);
  color:#1c1e2b;
  font-family:"Poppins",sans-serif;
}

.depoimentos-container{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding-inline:var(--layout-gutter);
}

.depoimentos-titulos{
  max-width:60%;
  margin:0 auto 70px;
  text-align:center;
}

.depoimentos-titulos>span{
  display:block;
  margin-bottom:14px;
  color:#8b8fa3;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.depoimentos-titulos h2{
  margin:0;
  color:#1c1e2b;
  font-size:36px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
}

.depoimentos-titulos p{
  max-width:100%;
  margin:24px auto 0;
  color:#666a78;
  font-size:18px;
  line-height:1.7;
}

.depoimentos-carrossel{position:relative;}

.depoimentos-janela{
  width:100%;
  overflow:hidden;
  padding:42px 2px 20px;
}

.depoimentos-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 48px)/3);
  gap:24px;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}

.depoimento-card{
  position:relative;
  min-height:390px;
  padding:72px 34px 34px;
  display:flex;
  flex-direction:column;
  border:1px solid #e4e6eb;
  border-radius:22px;
  background-color:#f3f4f7;
}

.depoimento-avatar{
  position:absolute;
  top:-40px;
  left:50%;
  width:80px;
  height:80px;
  padding:5px;
  overflow:hidden;
  transform:translateX(-50%);
  border-radius:50%;
  background-color:#ffffff;
  box-shadow:0 10px 25px rgba(28,30,43,.14);
}

.depoimento-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:inherit;
  object-fit:cover;
}

.depoimento-aspas{
  color:#fab117;
  font-size:3.5rem;
  line-height:.7;
  font-family:Georgia,serif;
  font-weight:700;
}

.depoimento-texto{
  margin:15px 0 0;
  color:#454854;
  font-size:.95rem;
  line-height:1.7;
}

.depoimento-autor{
  margin-top:auto;
  padding-top:34px;
  text-align:center;
}

.depoimento-autor strong{
  display:block;
  color:#1c1e2b;
  font-size:1rem;
  font-weight:700;
}

.depoimento-autor span{
  display:block;
  margin-top:6px;
  color:#8b8fa3;
  font-size:.8rem;
}

.depoimentos-seta{
  position:absolute;
  z-index:5;
  top:54%;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid #dfe1e6;
  border-radius:50%;
  background-color:#ffffff;
  color:#1c1e2b;
  font-size:1.3rem;
  cursor:pointer;
  transition:transform .25s ease,background-color .25s ease,opacity .25s ease;
}

.depoimentos-seta:hover{background-color:#fab117;transform:translateY(-50%) scale(1.07);}
.depoimentos-seta:disabled{opacity:.3;cursor:not-allowed;}
.depoimentos-seta-anterior{left:-24px;}
.depoimentos-seta-proxima{right:-24px;}

/* =========================================================
   MARCAS
========================================================= */

.secao-marcas{
  padding:90px 0;
  background-color:var(--color-light);
}

/* =========================================================
   CONTEÚDOS
========================================================= */

.secao-conteudos{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  background-color:var(--color-light);
  color:var(--color-dark);
}

.conteudo-cta{
  width:100%;
  max-width:var(--layout-max);
  height:auto;
  margin-inline:auto;
  padding:0 var(--layout-gutter) 120px;
  display:flex;
  justify-content:center;
  background-color:var(--color-light);
}

.conteudo-card{
  width:100%;
  height:auto;
  padding:50px;
  text-align:center;
  color:var(--color-dark);
  background-color:var(--color-white);
  border:1px solid var(--color-dark);
  border-radius:15px;
  box-shadow:10px 25px var(--color-yellow);
}

.conteudo-card h3{
  font-size:3rem;
  line-height:1.08;
  letter-spacing:-.03em;
  text-align:center;
  font-weight:600;
}

.conteudo-card h3 span{
  color:var(--color-yellow);
  font-style:italic;
  font-weight:400;
}

.conteudo-card p{
  margin:22px auto 0;
  color:var(--color-gray);
  font-size:1rem;
  line-height:1.65;
  text-align:center;
}

.cards{
  width:100%;
  margin:36px 0 42px;
}

.cards ul{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

.cards ul a{
  margin:5px;
  color:var(--color-dark);
  text-decoration:none;
}

.cards ul li a{
  width:100%;
  display:flex;
  align-items:center;
  gap:20px;
  color:inherit;
  text-decoration:none;
}

@media(max-width:760px){
  .cards ul li a{gap:14px;}
}

@media(max-width:450px){
  .cards ul li a{gap:12px;}
}

.cards ul li{
  margin-bottom:18px;
  padding:20px 30px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  color:var(--color-dark);
  background-color:rgba(232,233,236,.18);
  border:1px solid rgba(28,30,43,.06);
  border-radius:10px;
  text-align:left;
  transition:all .3s ease;
}

.cards ul li:last-child{margin-bottom:0;}

.cards svg,.arrow-circle-down{
  width:25px;
  height:25px;
  flex:0 0 25px;
  fill:var(--color-yellow);
  transition:fill .3s ease;
}

.cards ul li:hover{
  color:var(--color-dark);
  background-color:var(--color-yellow);
  border-color:var(--color-dark);
  box-shadow:5px 10px var(--color-dark);
  transform:translateY(-6px);
}

.cards ul li:hover svg,.cards ul li:hover .arrow-circle-down{fill:var(--color-dark);}

.btn-conteudo{
  width:fit-content;
  min-height:52px;
  padding:15px 50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--color-dark);
  background-color:var(--color-yellow);
  border:1px solid var(--color-dark);
  border-radius:999px;
  box-shadow:6px 15px var(--color-dark);
  transform:translateY(-6px);
  font-size:1.1rem;
  font-weight:600;
  letter-spacing:-.03em;
  line-height:1;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:all .3s ease;
}

.btn-conteudo:hover{
  color:var(--color-dark);
  background-color:var(--color-white);
  border-color:var(--color-dark);
  box-shadow:0 0 var(--color-yellow);
  transform:translateY(0);
}

/* =========================================================
   FOOTER
========================================================= */

footer{
  width:100%;
  padding:90px 0 40px;
  background:#1c1e2b;
  border-top:1px solid rgba(255,255,255,.1);
  font-family:"Poppins",sans-serif;
}

.footer-top,.footer-bottom{
  width:100%;
  max-width:var(--layout-max);
  margin:0 auto;
  padding-inline:var(--layout-gutter);
}

.footer-top{
  margin-bottom:54px;
  padding-bottom:54px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.15fr;
  gap:clamp(36px,5vw,72px);
  border-bottom:1px solid rgba(255,255,255,.1);
}

.footer-brand-name{margin-bottom:18px;}
.footer-brand-name span{color:#fab117;}
.footer-logo{display:block;width:100px;height:auto;}

.footer-desc{
  max-width:330px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.82rem;
  line-height:1.7;
  font-weight:500;
}

.footer-col-title{
  margin-bottom:20px;
  color:#ffffff;
  font-size:1rem;
  line-height:1.2;
  font-family:"Poppins",sans-serif;
  font-weight:700;
  letter-spacing:.02em;
}

.footer-links{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  list-style:none;
  font-weight:400;
}

.footer-links a{
  color:rgba(255,255,255,.76);
  font-size:.88rem;
  line-height:1.45;
  text-decoration:none;
  font-weight:400;
  letter-spacing:.01em;
  transition:color .2s ease,transform .2s ease;
}

.footer-links a:hover{color:#fab117;transform:translateX(3px);}

.footer-address{
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:.84rem;
  line-height:1.7;
  font-weight:400;
}

.footer-email{margin-top:16px;}

.footer-email a,.footer-address a{
  color:#fab117;
  text-decoration:none;
  transition:color .2s ease;
}

.footer-email a:hover,.footer-address a:hover{color:#ffffff;}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.footer-copy{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
  line-height:1.6;
  font-weight:400;
}

/* =========================================================
   AJUSTES GERAIS
========================================================= */

.container-home,.container-numeros,.realidade-container,.depoimentos-container,.conteudo-cta,.footer-top,.footer-bottom{
  width:100%;
  max-width:var(--layout-max);
}

.hero-inspire,.secao-realidade-inspire,.depoimentos,.secao-conteudos{
  width:100%;
  max-width:var(--layout-max);
}

.conteudo-card,.realidade-card,.depoimento-card{min-width:0;}
.hero-copy,.depoimentos-carrossel{min-width:0;}

.botao-principal,.v2b,.btn-conteudo{
  max-width:100%;
  white-space:normal;
  text-align:center;
}

/* =========================================================
   1440PX
========================================================= */

@media(max-width:1440px){
  :root{--layout-gutter:clamp(28px,3.3vw,48px);}

  .hero-grid{gap:60px;}

  .card-diagnostico{
    max-width:600px;
    height:580px;
    padding:70px 25px;
  }

  .metodo{padding:80px var(--layout-gutter) 110px;}
  .head-metodo{margin-bottom:44px;}
  .metodo-grid{gap:18px;}

  .card-metodo{
    min-height:500px;
    padding:30px 26px;
  }

  .metodo-icone{
    width:82px;
    height:82px;
    flex-basis:82px;
    margin-bottom:28px;
  }

  .card-metodo h3{font-size:28px;}

  .footer-top{gap:clamp(30px,4vw,56px);}
}

/* =========================================================
   1280PX
========================================================= */

@media(max-width:1280px){
  :root{
    --layout-gutter:clamp(24px,3vw,40px);
    --header-offset:76px;
  }

  .hero-inspire{
    min-height:700px;
    margin-top:var(--header-offset);
  }

  .hero-grid{
    grid-template-columns:1fr .9fr;
    gap:48px;
  }

  .hero-copy h1{font-size:clamp(3rem,5.2vw,4.15rem);}
  .hero-copy p{font-size:17px;}

  .card-diagnostico{
    max-width:540px;
    height:520px;
    padding:70px 25px;
  }

  .container-numeros{margin-bottom:160px;}

  .hero-numeros div{
    width:100%;
    min-height:220px;
    padding:24px;
  }

  .hero-numeros h3{
    width:100%;
    font-size:32px;
  }

  .realidade-topo h2{font-size:44px;}
  .realidade-topo p{margin-bottom:80px;}
  .realidade-card{padding:30px 28px;}

  .metodo{padding:72px var(--layout-gutter) 100px;}
  .head-metodo h3{font-size:44px;}
  .head-metodo p{font-size:17px;}
  .metodo-grid{gap:14px;}

  .card-metodo{
    min-height:480px;
    padding:26px 22px;
    border-radius:18px;
    box-shadow:0 8px 0 var(--color-dark);
  }

  .metodo-icone{
    width:74px;
    height:74px;
    flex-basis:74px;
    margin-bottom:24px;
  }

  .metodo-icone img,.metodo-icone svg{width:36px;height:36px;}
  .card-metodo h3{margin-bottom:15px;font-size:25px;}
  .card-metodo>p{font-size:14px;}
  .metodo-lista{padding-top:22px;}
  .metodo-lista a{padding:9px 3px;font-size:13px;}

  .depoimentos-titulos{max-width:70%;}

  .conteudo-card{padding:44px;}
  .conteudo-card h3{font-size:2.65rem;}

  .footer-top{
    grid-template-columns:1.6fr 1fr 1fr 1.15fr;
    gap:34px;
  }
}

/* =========================================================
   1024PX
========================================================= */

@media(max-width:1024px){
  :root{
    --layout-gutter:clamp(24px,4vw,36px);
    --header-offset:72px;
  }

  .hero-inspire{
    min-height:auto;
    margin-top:var(--header-offset);
    padding:18px 0 72px;
  }

  .container-home{padding-top:16px;padding-bottom:40px;}

  .hero-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .hero-copy{
    width:100%;
    max-width:860px;
    margin-inline:auto;
    text-align:center;
  }

  .hero-copy h1{font-size:clamp(3rem,7vw,4.35rem);}
  .hero-copy p{max-width:760px;margin:24px auto 0;}
  .hero-cta{justify-content:center;}

  .titulo-contexto h2,.cabecalho-marcas h2{width:100%;}
  .card-diagnostico{display:none;}

  .container-numeros{margin-bottom:130px;}

  .hero-numeros{grid-template-columns:repeat(3,minmax(0,1fr));}

  .hero-numeros div{
    min-height:205px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:14px;
  }

  .hero-numeros h3{
    margin-right:0;
    font-size:2.3rem;
  }

  .realidade-topo{max-width:100%;}

  .realidade-topo h2{
    width:100%;
    font-size:clamp(2.6rem,5.2vw,3rem);
  }

  .realidade-topo p{
    width:100%;
    margin-bottom:68px;
  }

  .realidade-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

  .metodo{padding:65px var(--layout-gutter) 90px;}

  .head-metodo{
    max-width:760px;
    margin-bottom:40px;
  }

  .head-metodo h3{font-size:clamp(2.6rem,5vw,3rem);}

  .metodo-grid{
    flex-wrap:wrap;
    gap:20px;
  }

  .card-metodo{
    flex:0 0 calc(50% - 10px);
    min-height:440px;
    padding:30px;
  }

  .metodo-icone{
    width:80px;
    height:80px;
    flex-basis:80px;
  }

  .card-metodo h3{font-size:28px;}
  .card-metodo>p{font-size:15px;}
  .metodo-lista a{font-size:14px;}

  .depoimentos-titulos{max-width:82%;}

  .depoimentos-grid{grid-auto-columns:calc((100% - 24px)/2);}
  .depoimentos-seta-anterior{left:4px;}
  .depoimentos-seta-proxima{right:4px;}

  .conteudo-cta{
    padding-top:70px;
    padding-bottom:100px;
  }

  .conteudo-card{padding:42px 36px;}

  .footer-top{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:42px 30px;
  }

  .footer-top>div:first-child{grid-column:span 3;}
  .footer-desc{max-width:560px;}
}

/* =========================================================
   760PX
========================================================= */

@media(max-width:760px){
  :root{
    --layout-gutter:clamp(18px,4.5vw,26px);
    --header-offset:64px;
  }

  .exit-popup{
    width:min(94%,680px);
    padding:46px 28px 34px;
  }

  .exit-popup h2{font-size:36px;}
  .exit-popup-cta,.exit-popup-secondary{width:100%;}
  .exit-popup-secondary{margin:18px 0 0;}

  .hero-inspire{
    min-height:auto;
    margin-top:var(--header-offset);
    padding:14px 0 56px;
  }

  .container-home{padding-top:12px;padding-bottom:32px;}
  .hero-grid{gap:42px;}

  .hero-copy h1{
    font-size:clamp(2.55rem,10vw,3.5rem);
    line-height:1;
  }

  .hero-copy p{
    margin-top:22px;
    font-size:1rem;
    line-height:1.6;
  }

  .hero-cta{margin-top:28px;}

  .botao-principal,.v2b{
    width:100%;
    min-height:52px;
    padding:16px 24px;
    border-radius:16px;
  }

  .card-diagnostico{
    width:min(100%,540px);
    height:clamp(380px,95vw,520px);
    margin-inline:auto;
    border-radius:22px;
    box-shadow:6px 10px 0 var(--color-yellow);
  }

  .container-numeros{margin-bottom:96px;}

  .hero-numeros{
    grid-template-columns:1fr;
    gap:18px;
  }

  .hero-numeros div{
    width:100%;
    min-height:165px;
    padding:24px;
  }

  .hero-numeros h3{font-size:2.25rem;}

  .secao-realidade{padding:78px 0;}
  .secao-realidade-inspire{padding-bottom:88px;}
  .realidade-topo{margin-bottom:28px;}

  .realidade-topo h2{font-size:clamp(2.2rem,8vw,2.7rem);}

  .realidade-topo p{
    margin:24px 0 50px;
    font-size:1rem;
  }

  .realidade-grid{grid-template-columns:1fr;}

  .realidade-card{
    min-height:auto;
    padding:28px 24px;
  }

  .realidade-card h3{font-size:1.4rem;}
  .brilho,.icone-cruz{margin-bottom:40px;}

  .metodo{padding:55px var(--layout-gutter) 80px;}

  .head-metodo{margin-bottom:34px;}
  .head-metodo h3{font-size:clamp(2.2rem,8vw,2.7rem);}
  .head-metodo p{font-size:16px;}

  .metodo-grid{
    flex-direction:column;
    flex-wrap:nowrap;
    gap:28px;
  }

  .card-metodo{
    flex:1 1 auto;
    width:100%;
    min-height:0;
    padding:30px 26px;
  }

  .metodo-icone{
    width:76px;
    height:76px;
    flex-basis:76px;
    margin-bottom:26px;
  }

  .card-metodo h3{font-size:28px;}

  .card-metodo>p{
    font-size:16px;
    line-height:1.6;
  }

  .metodo-lista{
    margin-top:26px;
    padding-top:0;
  }

  .metodo-lista a{
    padding:12px 4px;
    font-size:15px;
  }

  .depoimentos{
    padding-top:80px;
    padding-bottom:80px;
  }

  .depoimentos-titulos{
    width:100%;
    max-width:100%;
    margin-bottom:50px;
  }

  .depoimentos-titulos h2{font-size:clamp(2.2rem,8vw,2.7rem);}

  .depoimentos-titulos p{
    font-size:1rem;
    line-height:1.6;
  }

  .depoimentos-grid{
    grid-auto-columns:100%;
    gap:16px;
  }

  .depoimento-card{
    min-height:360px;
    padding:68px 26px 30px;
  }

  .depoimentos-seta{
    top:auto;
    bottom:-65px;
  }

  .depoimentos-seta-anterior{left:calc(50% - 58px);}
  .depoimentos-seta-proxima{right:calc(50% - 58px);}
  .depoimentos-carrossel{padding-bottom:60px;}

  .conteudo-cta{
    padding-top:60px;
    padding-bottom:82px;
  }

  .conteudo-card{
    padding:36px 24px;
    box-shadow:7px 16px var(--color-yellow);
  }

  .conteudo-card h3{font-size:clamp(2rem,8vw,2.5rem);}
  .conteudo-card p{margin-top:18px;}
  .cards{margin:30px 0 36px;}

  .cards ul li{
    margin-bottom:16px;
    padding:17px 18px;
    gap:14px;
  }

  .cards svg,.arrow-circle-down{
    width:22px;
    height:22px;
    flex-basis:22px;
  }

  .btn-conteudo{
    width:100%;
    padding:16px 24px;
    box-shadow:5px 10px var(--color-dark);
    transform:translateY(-4px);
  }

  footer{padding:72px 0 34px;}

  .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 28px;
    margin-bottom:42px;
    padding-bottom:42px;
  }

  .footer-top>div:first-child{grid-column:span 2;}
  .footer-bottom{align-items:flex-start;}
}

/* =========================================================
   450PX
========================================================= */

@media(max-width:450px){
  :root{
    --layout-gutter:16px;
    --header-offset:60px;
  }

  .exit-popup-overlay{padding:14px;}

  .exit-popup{
    width:100%;
    padding:42px 20px 28px;
    border-radius:14px;
    box-shadow:7px 10px var(--color-yellow);
  }

  .exit-popup h2{font-size:30px;}

  .exit-popup p{
    margin:18px 0 26px;
    font-size:15px;
  }

  .hero-inspire{
    margin-top:var(--header-offset);
    padding:10px 0 44px;
  }

  .container-home{padding-top:8px;padding-bottom:28px;}

  .hero-copy h1{
    margin-top:80px;
    font-size:3.4rem;
  }

  .hero-copy h1 span{color:var(--color-yellow);}
  .hero-copy p{font-size:.98rem;}

  .botao-principal,.v2b{padding-inline:18px;}

  .card-diagnostico{
    display:none;
    width:100%;
    height:clamp(340px,105vw,420px);
    border-radius:18px;
    box-shadow:5px 8px 0 var(--color-yellow);
  }

  .diagnostico-imagem{display:none;}
  .hero-numeros div{min-height:auto;}

  .realidade-topo h2,.head-metodo h3,.depoimentos-titulos h2{
    font-size:2.4rem;
    line-height:.98;
    letter-spacing:-.06em;
  }

  .realidade-topo h2{width:85%;}

  .metodo{padding:45px var(--layout-gutter) 65px;}

  .head-metodo{margin-bottom:30px;}

  .head-metodo h3{
    width:90%;
    font-size:2.35rem;
    line-height:1;
  }

  .head-metodo p{
    font-size:15px;
    line-height:1.55;
  }

  .metodo-grid{gap:24px;}

  .card-metodo{
    padding:26px 20px;
    border-radius:16px;
    box-shadow:0 7px 0 var(--color-dark);
  }

  .card-metodo:hover{
    transform:none;
    border-color:var(--color-dark);
    box-shadow:0 7px 0 var(--color-dark);
  }

  .metodo-icone{
    width:68px;
    height:68px;
    flex-basis:68px;
    margin-bottom:22px;
  }

  .metodo-icone img,.metodo-icone svg{
    width:32px;
    height:32px;
  }

  .card-metodo h3{font-size:25px;}
  .card-metodo>p{font-size:15px;}

  .metodo-lista{margin-top:22px;}

  .metodo-lista a{
    padding:11px 3px;
    font-size:14px;
  }

  .depoimentos{
    padding-top:0;
    padding-bottom:60px;
  }

  .depoimento-card{
    padding-right:22px;
    padding-left:22px;
  }

  .depoimentos-carrossel{padding-bottom:20px;}

  .conteudo-cta{
    padding-top:48px;
    padding-bottom:70px;
  }

  .conteudo-card{
    padding:30px 18px;
    border-radius:12px;
    box-shadow:6px 12px var(--color-yellow);
  }

  .conteudo-card h3{font-size:2.4rem;}
  .conteudo-card p{font-size:.95rem;}

  .cards ul li{
    padding:15px 14px;
    gap:12px;
    font-size:.95rem;
  }

  .btn-conteudo{
    min-height:50px;
    font-size:1rem;
  }

  .footer-top{
    grid-template-columns:1fr;
    gap:34px;
    margin-bottom:34px;
    padding-bottom:34px;
  }

  .footer-top>div:first-child{grid-column:auto;}
  .footer-logo{width:96px;}

  .footer-desc,.footer-address,.footer-copy{
    width:100%;
    max-width:100%;
  }

  .footer-bottom{flex-direction:column;}
  .footer-copy{font-size:.68rem;}
}

/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}