.elementor-163 .elementor-element.elementor-element-cc24204{--display:flex;}.elementor-163 .elementor-element.elementor-element-3654be9{--display:flex;}.elementor-163 .elementor-element.elementor-element-1deb4dd{--display:flex;}.elementor-163 .elementor-element.elementor-element-1deb4dd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-163 .elementor-element.elementor-element-cc8bfe9{--display:flex;}.elementor-163 .elementor-element.elementor-element-0c30bdf{--display:flex;}.elementor-163 .elementor-element.elementor-element-d79e0d0{--display:flex;}.elementor-163 .elementor-element.elementor-element-5aa9158{--display:flex;}.elementor-163 .elementor-element.elementor-element-5f1ba19{--display:flex;}.elementor-163 .elementor-element.elementor-element-4f5a2d2{--display:flex;}.elementor-163 .elementor-element.elementor-element-0556450{--display:flex;}.elementor-163 .elementor-element.elementor-element-15bbfd8{--display:flex;}.elementor-163 .elementor-element.elementor-element-0435acc{--display:flex;}.elementor-163 .elementor-element.elementor-element-06ea461{--display:flex;}.elementor-163 .elementor-element.elementor-element-5285ec3{--display:flex;}.elementor-163 .elementor-element.elementor-element-07ed7a6{--display:flex;}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-1deb4dd{--width:89.033%;}}/* Start custom CSS for html, class: .elementor-element-4581c0d *//* === AJUSTE FINO HEADER + HERO === */

/* HEADER */
.hd{
  top:18px !important;
  height:72px !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:999 !important;
}

.hd.scrolled{
  background:rgba(0,0,0,.75) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* HERO */
.hero{
  height:980px !important;

  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;

  padding-top:220px !important;

  overflow:hidden !important;
  position:relative !important;
}

/* CONTEÚDO */
.hero-c{
  margin-top:0 !important;
  transform:none !important;

  position:relative !important;
  z-index:5 !important;

  animation:heroSoftIn .9s cubic-bezier(.16,1,.3,1) .12s both;
}

/* ANIMAÇÃO ENTRADA */
@keyframes heroSoftIn{
  from{
    opacity:0;
    transform:translateY(24px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* FUNDO CAPACETE */
.hero .bg2{
  height:720px !important;

  position:absolute !important;
  left:0;
  right:0;

  bottom:-120px !important;

  z-index:1 !important;
}

/* IMAGEM */
.hero .bg2 img{
  width:100% !important;
  height:100% !important;

  object-fit:cover !important;
  object-position:center bottom !important;

  opacity:.75 !important;
}

/* TEXTO */
.hero h1{
  margin-bottom:26px !important;
}

.hero .sub{
  margin-bottom:34px !important;
}

/* BADGE */
.hero-bdg{
  margin-bottom:22px !important;
}

/* BOLINHA BRANCA PREMIUM */
.hero-bdg .dot{
  border:1px solid rgba(255,255,255,.45) !important;

  box-shadow:
    0 0 6px rgba(255,255,255,.45),
    0 0 14px rgba(255,255,255,.14) !important;

  animation:softGlow 3s ease-in-out infinite;
}

.hero-bdg .dot::after{
  background:#fff !important;

  box-shadow:
    0 0 10px rgba(255,255,255,.6) !important;
}

@keyframes softGlow{

  0%,100%{
    opacity:.7;

    box-shadow:
      0 0 5px rgba(255,255,255,.35),
      0 0 12px rgba(255,255,255,.10);
  }

  50%{
    opacity:1;

    box-shadow:
      0 0 8px rgba(255,255,255,.55),
      0 0 18px rgba(255,255,255,.18);
  }
}

/* AVATARES */
.hero-avs img{
  transition:
    transform .35s cubic-bezier(.16,1,.3,1),
    margin .35s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease,
    filter .35s ease;
}

/* HOVER AVATARES */
.hero-sp:hover .hero-avs img{
  margin-left:-10px;

  transform:
    translateY(-3px)
    scale(1.08);

  box-shadow:
    0 0 18px rgba(255,255,255,.16);

  filter:brightness(1.08);
}

.hero-sp:hover .hero-avs img:first-child{
  margin-left:0;
}

/* MOBILE */
@media(max-width:768px){

  .hd{
    top:0 !important;
    height:70px !important;
  }

  .hero{
    min-height:100vh !important;
    height:auto !important;

    padding-top:140px !important;

    align-items:flex-start !important;
  }

  .hero-c{
    margin-top:0 !important;
  }

  .hero .bg2{
    bottom:-40px !important;
    height:420px !important;
  }

}
/* HERO — SUBIR TEXTO + RADIUS EMBAIXO */
.hero{
  border-radius:0 0 34px 34px !important;
  overflow:hidden !important;
}

/* sobe só o conteúdo */
.hero-c{
  margin-top:-150px !important;
}

/* mantém a imagem protegida dentro do radius */
.hero .bg1,
.hero .bg2{
  overflow:hidden !important;
}

/* opcional: deixa o capacete um pouco mais baixo */
.hero .bg2{
  bottom:-140px !important;
}
.hero-bdg{
  background:linear-gradient(180deg, rgba(22,22,22,.92), rgba(0,0,0,.96)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  padding:9px 28px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 0 22px rgba(255,255,255,.10) !important;

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.hero-bdg::before{
  display:none !important;
}

.hero-bdg span{
  font-size:15px !important;
  font-weight:400 !important;
  letter-spacing:.5px !important;
  color:rgba(255,255,255,.78) !important;
}

.hero-bdg .dot{
  width:20px !important;
  height:20px !important;
  background:linear-gradient(180deg,#777,#222) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.35),
    0 0 10px rgba(255,255,255,.18) !important;
}

.hero-bdg .dot::after{
  width:10px !important;
  height:10px !important;
  background:radial-gradient(circle,#cfcfcf,#5f5f5f) !important;
}
/* =========================
   MOBILE FIX GLOBAL
   HEADER + HERO
========================= */

@media(max-width:768px){

  html,
  body{
    overflow-x:hidden !important;
  }

  .athena-full{
    width:100vw !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  /* HEADER MOBILE */
  .hd{
    top:0 !important;
    height:72px !important;
    padding:0 !important;
    background:rgba(0,0,0,.78) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  .hd-i{
    padding:0 18px !important;
    height:72px !important;
  }

  .hd .logo img{
    height:34px !important;
  }

  .nv{
    display:none !important;
  }

  .hd-r{
    gap:10px !important;
  }

  .hd-r .cta{
    display:none !important;
  }

  .lang{
    font-size:12px !important;
  }

  .burger{
    display:flex !important;
    width:28px !important;
    height:18px !important;
  }

  .burger span{
    height:2px !important;
  }

  /* MENU MOBILE */
  .mob-menu{
    z-index:9999 !important;
    padding:90px 24px 40px !important;
    gap:24px !important;
    background:rgba(0,0,0,.96) !important;
  }

  .mob-menu a{
    font-size:24px !important;
    line-height:1.1 !important;
  }

  .mob-close{
    top:24px !important;
    right:24px !important;
  }

  /* HERO MOBILE */
  .hero{
    min-height:860px !important;
    height:860px !important;

    padding:118px 20px 0 !important;

    align-items:flex-start !important;
    justify-content:center !important;

    border-radius:0 0 28px 28px !important;
    overflow:hidden !important;
  }

  .hero-c{
    width:100% !important;
    max-width:390px !important;
    padding:0 !important;
    margin:0 auto !important;
    z-index:5 !important;
  }

  .hero-bdg{
    max-width:100% !important;
    padding:7px 14px !important;
    gap:8px !important;
    margin-bottom:18px !important;
    border-radius:12px !important;
  }

  .hero-bdg span{
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:.2px !important;
    white-space:normal !important;
    text-align:left !important;
  }

  .hero-bdg .dot{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
  }

  .hero-bdg .dot::after{
    width:7px !important;
    height:7px !important;
  }

  .hero-c h1{
    font-size:34px !important;
    line-height:1.02 !important;
    letter-spacing:-1.5px !important;
    max-width:360px !important;
    margin:0 auto 18px !important;
  }

  .hero-c .sub{
    font-size:15.5px !important;
    line-height:1.45 !important;
    max-width:350px !important;
    margin:0 auto 24px !important;
  }

  .hero-acts{
    flex-direction:column !important;
    gap:18px !important;
  }

  .hero .cta-l .bt{
    padding:11px 20px !important;
    border-radius:18px !important;
  }

  .hero .cta-l .bt span{
    font-size:11px !important;
    line-height:1 !important;
  }

  .hero-sp{
    justify-content:center !important;
    gap:10px !important;
  }

  .hero-avs img{
    width:34px !important;
    height:34px !important;
  }

  .hero-avs img:not(:first-child){
    margin-left:-15px !important;
  }

  .hero-sp p{
    font-size:12px !important;
    line-height:1.25 !important;
    max-width:150px !important;
  }

  /* FUNDO HERO */
  .hero .bg1{
    inset:0 !important;
  }

  .hero .bg1 img{
    opacity:.48 !important;
    object-fit:cover !important;
  }

  .hero .bg2{
    height:430px !important;
    bottom:-58px !important;
    left:50% !important;
    right:auto !important;
    width:115vw !important;
    transform:translateX(-50%) !important;
    border-radius:24px !important;
  }

  .hero .bg2 img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    opacity:.78 !important;
  }
}

/* CELULARES BEM PEQUENOS */
@media(max-width:390px){

  .hero{
    min-height:820px !important;
    height:820px !important;
    padding-top:108px !important;
  }

  .hero-c h1{
    font-size:30px !important;
  }

  .hero-c .sub{
    font-size:14.5px !important;
  }

  .hero .bg2{
    height:390px !important;
    bottom:-54px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-499bab4 *//* =========================
   HERO ENTRADA PREMIUM CORRIGIDA
========================= */

/* BADGE: aparece primeiro e depois fica flutuando */
.hero-bdg{
  opacity:0;
  animation:
    heroBadgeIn .9s cubic-bezier(.16,1,.3,1) .12s forwards,
    badgeFloat 5s ease-in-out 1.15s infinite !important;
}

/* TÍTULO */
.hero-c h1{
  opacity:0;
  transform:translateY(24px);
  animation:heroItemIn .9s cubic-bezier(.16,1,.3,1) .28s forwards;
}

/* SUBTÍTULO */
.hero-c .sub{
  opacity:0;
  transform:translateY(24px);
  animation:heroItemIn .9s cubic-bezier(.16,1,.3,1) .44s forwards;
}

/* CTA + AVATARES */
.hero-acts{
  opacity:0;
  transform:translateY(24px);
  animation:heroItemIn .9s cubic-bezier(.16,1,.3,1) .60s forwards;
}

/* ENTRADA DO BADGE */
@keyframes heroBadgeIn{
  from{
    opacity:0;
    transform:translateY(20px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* ENTRADA DOS OUTROS ITENS */
@keyframes heroItemIn{
  from{
    opacity:0;
    transform:translateY(24px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* FLUTUAÇÃO DO BADGE */
@keyframes badgeFloat{
  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-5px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66d893d *//* BADGE HERO FLUTUANDO */
.hero-bdg{
  position:relative;
  animation:badgeFloat 5s ease-in-out infinite;
  transform-origin:center;
}

.hero-bdg::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:18px;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.08),
      transparent 70%
    );

  opacity:.35;
  z-index:-1;

  filter:blur(14px);

  animation:badgeGlow 5s ease-in-out infinite;
}

@keyframes badgeFloat{

  0%,100%{
    transform:translateY(0px);
  }

  50%{
    transform:translateY(-5px);
  }
}

@keyframes badgeGlow{

  0%,100%{
    opacity:.2;
    transform:scale(1);
  }

  50%{
    opacity:.45;
    transform:scale(1.03);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98388f9 *//* =========================
   LOGOS PREMIUM
========================= */

.logos{
  width:100%;
  overflow:hidden;

  padding:42px 0 0;

  background:#000;
}

/* TITULO */
.logos-title{
  font-family:'Inter',sans-serif;
  font-size:18px;
  font-weight:200;

  color:rgba(255,255,255,.74);

  text-align:center;

  margin:0 0 42px;
}

/* WRAPPER */
.logos-w{
  width:100%;
  height:118px;

  overflow:hidden;
  position:relative;

  display:flex;
  align-items:center;

  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* LINHA BRILHO CENTRO TOP */
.logos-w::before{
  content:"";

  position:absolute;
  top:-1px;
  left:50%;

  width:36%;
  height:1px;

  transform:translateX(-50%);

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.06) 15%,
    rgba(255,255,255,.42) 50%,
    rgba(255,255,255,.06) 85%,
    transparent 100%
  );

  box-shadow:
    0 0 14px rgba(255,255,255,.18),
    0 0 30px rgba(255,255,255,.08);

  z-index:2;
}

/* LINHA BRILHO CENTRO BOTTOM */
.logos-w::after{
  content:"";

  position:absolute;
  bottom:-1px;
  left:50%;

  width:36%;
  height:1px;

  transform:translateX(-50%);

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.05) 15%,
    rgba(255,255,255,.30) 50%,
    rgba(255,255,255,.05) 85%,
    transparent 100%
  );

  box-shadow:
    0 0 12px rgba(255,255,255,.10);

  z-index:2;
}

/* FADE LATERAIS */
.logos-w .fade-left,
.logos-w .fade-right{
  position:absolute;
  top:0;
  bottom:0;
  width:220px;
  z-index:3;
  pointer-events:none;
}

.fade-left{
  left:0;
  background:linear-gradient(
    90deg,
    #000 0%,
    rgba(0,0,0,.92) 30%,
    transparent 100%
  );
}

.fade-right{
  right:0;
  background:linear-gradient(
    -90deg,
    #000 0%,
    rgba(0,0,0,.92) 30%,
    transparent 100%
  );
}

/* TRACK */
.logos-tk{
  display:flex;
  align-items:center;

  width:max-content;

  animation:scrollLogos 24s linear infinite;
}

/* GRUPO */
.logos-g{
  display:flex;
  align-items:center;

  gap:120px;
  padding-right:120px;

  flex-shrink:0;
}

/* LOGOS */
.logos img{
  height:46px;
  width:auto;

  object-fit:contain;

  opacity:.72;

  filter:
    grayscale(100%)
    brightness(1.14);

  transition:
    opacity .35s ease,
    transform .35s ease,
    filter .35s ease;
}

/* HOVER */
.logos img:hover{
  opacity:1;

  transform:translateY(-2px);

  filter:
    grayscale(0%)
    brightness(1.2);
}

/* LOOP */
@keyframes scrollLogos{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-33.333%);
  }
}
/* FORÇA AJUSTE LOGOS */
.logos .logos-title{
  font-size:18px !important;
  font-weight:200 !important;
  line-height:1.2 !important;
  color:rgba(255,255,255,.72) !important;
  margin:0 0 34px !important;
}

.logos{
  padding:46px 0 0 !important;
}

.logos .logos-w{
  height:104px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  position:relative !important;
}
/* LINHA DE CIMA */
.logos .logos-w::before{
  content:"" !important;

  position:absolute !important;
  top:0 !important;
  left:50% !important;

  transform:translateX(-50%) !important;

  width:58% !important;
  height:1px !important;

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.06) 10%,
    rgba(255,255,255,.58) 50%,
    rgba(255,255,255,.06) 90%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 18px rgba(255,255,255,.18),
    0 0 42px rgba(255,255,255,.08) !important;

  z-index:5 !important;
}

/* LINHA DE BAIXO */
.logos .logos-w::after{
  content:"" !important;

  position:absolute !important;
  bottom:0 !important;
  left:50% !important;

  transform:translateX(-50%) !important;

  width:58% !important;
  height:1px !important;

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.06) 10%,
    rgba(255,255,255,.52) 50%,
    rgba(255,255,255,.06) 90%,
    transparent 100%
  ) !important;

  box-shadow:
    0 0 16px rgba(255,255,255,.14),
    0 0 34px rgba(255,255,255,.07) !important;

  z-index:5 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99d2ade *//* =========================
   ESTADO NORMAL DOS CARDS
========================= */

.s3 .rc,
.s3 .rcd,
.s3 .rcs,
.s3 .rc1{
  background:linear-gradient(180deg,#161616 0%, #090909 100%) !important;

  border:1px solid rgba(255,255,255,.12) !important;

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.08),
    0 0 0 rgba(255,255,255,0) !important;

  transform:none !important;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease !important;
}

/* =========================
   HOVER IGUAL DO CARD GRANDE
========================= */

.s3 .rc:hover,
.s3 .rcd:hover,
.s3 .rcs:hover,
.s3 .rc1:hover{

  transform:translateY(-6px);

  background:linear-gradient(158deg,#212121 9%,#141313 101%) !important;

  border:1px solid rgba(255,255,255,.47) !important;

  box-shadow:
    0 4px 20px rgba(255,255,255,.25),
    inset 0 2px 4px rgba(255,255,255,.25),
    0 0 40px rgba(255,255,255,.08) !important;
}

/* =========================
   CARD 81%
========================= */

.s3 .rcs .sl{
  color:#6b6b6b !important;
  letter-spacing:.22em;
}

.s3 .rcs .sn{
  color:#f5f5f5 !important;
}

.s3 .rcs .ds{
  color:#b8b8b8 !important;
}

/* =========================
   TEXTOS
========================= */

.s3 .rc h3{
  color:#f5f5f5 !important;
}

.s3 .rc .ds{
  color:#9f9f9f !important;
}

.s3 .rc-lb{
  color:#5f5f5f !important;
  letter-spacing:.22em;
}

/* =========================
   ÍCONES
========================= */

.s3 .rc-ico{
  background:rgba(255,255,255,.03) !important;

  border:1px solid rgba(255,255,255,.12) !important;

  box-shadow:
    inset 0 1px 3px rgba(255,255,255,.08) !important;
}

/* =========================
   CELULAR
========================= */

.rc1 .ci img{
  transition:.45s ease !important;
}

.rc1:hover .ci img{
  transform:rotate(-8deg) scale(1.08) !important;
}

/* SOBRESCREVE O HOVER ANTIGO */
.s3 .rc:hover,
.s3 .rcd:hover,
.s3 .rcs:hover,
.s3 .rc1:hover{

  transform:
    translateY(-6px)
    scale(1.018) !important;

}
/* ANIMAÇÃO DE SCROLL NO CARD */
.s3 .s3-g .rc{
  opacity:0 !important;
  transform:translateY(46px) !important;
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1) !important;
}

/* QUANDO CHEGA NA SEÇÃO */
.s3.s3-in .s3-g .rc{
  opacity:1 !important;
  transform:translateY(0) !important;
}

/* ESCADINHA */
.s3.s3-in .s3-g .rc:nth-child(1){ transition-delay:.42s !important; }
.s3.s3-in .s3-g .rc:nth-child(2){ transition-delay:.56s !important; }
.s3.s3-in .s3-g .rc:nth-child(3){ transition-delay:.70s !important; }
.s3.s3-in .s3-g .rc:nth-child(4){ transition-delay:.84s !important; }
.s3.s3-in .s3-g .rc:nth-child(5){ transition-delay:.98s !important; }

/* REMOVE HOVER COM TRANSFORM DO CARD */
.s3 .s3-g .rc:hover{
  transform:translateY(0) !important;
}

/* HOVER PREMIUM SEM QUEBRAR SCROLL */
.s3 .s3-g .rc:hover{
  box-shadow:
    0 4px 20px rgba(255,255,255,.25),
    inset 0 2px 4px rgba(255,255,255,.25),
    0 0 40px rgba(255,255,255,.08) !important;

  border-color:rgba(255,255,255,.47) !important;
  background:linear-gradient(158deg,#212121 9%,#141313 101%) !important;
}
/* HOVER MAIS RESPONSIVO */
.s3 .s3-g .rc{
  transition:
    opacity .9s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease !important;
}

/* hover instantâneo */
.s3 .s3-g .rc:hover{
  transition:
    box-shadow .14s ease,
    border-color .14s ease,
    background .14s ease !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59c07e *//* CARD */
.ph{
  position:relative;
  overflow:hidden;
}

/* ICON */
.ph-ic{
  position:absolute;
  top:34px;
  left:50%;
  transform:translateX(-50%);
  width:64px;
  height:64px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(58,58,58,.92) 0%,rgba(24,24,24,.92) 100%);
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  box-shadow:
    inset 0 1px 4px rgba(255,255,255,.16),
    0 0 24px rgba(255,255,255,.04);
}

/* ICON IMG */
.ph-ic img{
  width:28px !important;
  height:28px !important;
  object-fit:contain;
  display:block;
}

/* IMAGEM PRINCIPAL */
.pillar-img{
  position:absolute;

  bottom:0;
  left:50%;

  transform:translateX(-50%);

  width:100%;
  height:auto;

  object-fit:contain;
  object-position:bottom center;

  /* EMPURRA A IMAGEM PRA BAIXO */
  margin-top:90px;
  padding-top:90px;
}
/* NORMAL */
.s4 .ph{
  background:linear-gradient(180deg,#161616 0%, #090909 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.08),
    0 0 0 rgba(255,255,255,0) !important;

  transform:none;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease !important;
}

/* HOVER PREMIUM */
.s4 .ph:hover{
  transform:translateY(-6px) scale(1.018) !important;

  background:linear-gradient(158deg,#212121 9%,#141313 101%) !important;

  border:1px solid rgba(255,255,255,.47) !important;

  box-shadow:
    0 4px 20px rgba(255,255,255,.25),
    inset 0 2px 4px rgba(255,255,255,.25),
    0 0 40px rgba(255,255,255,.08) !important;
}

/* ÍCONE NO NORMAL */
.s4 .ph-ic{
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease !important;
}

/* ÍCONE NO HOVER */
.s4 .ph:hover .ph-ic{
  transform:translateX(-50%) translateY(-3px) scale(1.04) !important;

  background:linear-gradient(180deg,#2f2f2f 0%,#181818 100%) !important;

  border-color:rgba(255,255,255,.35) !important;

  box-shadow:
    inset 0 1px 4px rgba(255,255,255,.22),
    0 0 24px rgba(255,255,255,.10) !important;
}

/* IMAGEM NO HOVER */
.s4 .pillar-img{
  transition:transform .45s ease, filter .45s ease !important;
}

.s4 .ph:hover .pillar-img{
  transform:translateX(-50%) scale(1.035) !important;
  filter:brightness(1.06);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22d78e2 *//* GRID PRINCIPAL */
.s5-g{

  display:grid !important;

  grid-template-columns:repeat(2, 1fr);

  gap:32px;

  width:100%;

  max-width:1500px !important; /* AQUI AUMENTA A ÁREA */

  margin:0 auto;
}

/* CARD */
.pc{

  width:100% !important;

  max-width:none !important; /* REMOVE LIMITE */

  min-height:400px;

  padding:42px 46px 40px;

  border-radius:32px;
}

/* TITULO */
.pc h3{

  font-size:28px;

  line-height:1.05;

  letter-spacing:-1.4px;

  white-space:nowrap;

  padding-right:150px;

  margin-bottom:22px;
}

/* ROMANOS */
.pc-rom{

  position:absolute;

  top:38px;
  right:38px;

  font-size:84px;

  line-height:1;

  color:rgba(255,255,255,.12);
}

/* TODOS OS CARDS IGUAIS */
.pc{

  position:relative;

  overflow:hidden;

  border-radius:32px;

  background:
  radial-gradient(circle at top,
  rgba(255,255,255,.08),
  transparent 58%),
  #090909;

  border:1px solid rgba(255,255,255,.08);

  transition:
  transform .45s cubic-bezier(.16,1,.3,1),
  border-color .45s ease,
  box-shadow .45s ease,
  background .45s ease;
}

/* HOVER IGUAL PARA TODOS */
.pc:hover{

  transform:translateY(-8px);

  border-color:rgba(255,255,255,.18);

  background:
  radial-gradient(circle at top,
  rgba(255,255,255,.14),
  transparent 58%),
  #0b0b0d;

  box-shadow:
  0 0 0 1px rgba(255,255,255,.04),
  0 25px 60px rgba(0,0,0,.45),
  0 0 40px rgba(255,255,255,.05);
}

/* LINHA DE BRILHO */
.pc:before{

  content:"";

  position:absolute;

  inset:0;

  border-radius:inherit;

  padding:1px;

  background:
  linear-gradient(
    180deg,
    rgba(255,255,255,.22),
    rgba(255,255,255,0),
    rgba(255,255,255,.06)
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite:xor;

  opacity:.65;

  pointer-events:none;

  transition:opacity .45s ease;
}

.pc:hover:before{
  opacity:1;
}

/* MOCKUP */
.pc-mockup-img{

  width:100%;

  display:block;

  margin:26px 0 28px 0;

  border-radius:18px;

  object-fit:contain;

  transition:
  transform .55s cubic-bezier(.16,1,.3,1),
  filter .45s ease;
}

/* HOVER MOCKUP */
.pc:hover .pc-mockup-img{

  transform:scale(1.02);

  filter:brightness(1.03);
}

/* ROMANOS */
.pc-rom{

  position:absolute;

  top:34px;

  right:38px;

  font-size:82px;

  line-height:1;

  font-weight:200;

  color:rgba(255,255,255,.12);

  transition:
  transform .45s ease,
  color .45s ease;
}

.pc:hover .pc-rom{

  transform:translateY(-3px);

  color:rgba(255,255,255,.18);
}
/* S5 — HOVER MAIS RÁPIDO, SEM DELAY */
.s5 .pc{
  transition:
    transform .18s cubic-bezier(.16,1,.3,1),
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    opacity .85s cubic-bezier(.16,1,.3,1) !important;
}

.s5.s5-in .pc:hover{
  transition:
    transform .16s cubic-bezier(.16,1,.3,1),
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease !important;

  transform:translateY(-8px) scale(1.012) !important;
}

.s5 .pc-mockup-img{
  transition:
    transform .22s cubic-bezier(.16,1,.3,1),
    filter .18s ease !important;
}

.s5.s5-in .pc:hover .pc-mockup-img{
  animation-play-state:paused !important;
  transform:translateY(-4px) scale(1.02) !important;
  filter:brightness(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c763cd *//* CONTAINER DA IMAGEM */
.s7-img,
.s7-im,
.s7 figure{
  overflow:hidden;
  border-radius:32px;
}

/* IMAGEM */
.s7-img img,
.s7-im img,
.s7 figure img{
  transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    filter .6s ease;

  transform:scale(1);
  filter:brightness(.92);
  will-change:transform;
}

/* CENTRALIZA TODA A SECTION */
.s7{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:120px 0 !important;
}

/* CARD */
.s7-c{
  position:relative;
  overflow:hidden;
  margin:0 auto !important;

  border:1px solid rgba(255,255,255,.05);

  background:
    linear-gradient(
      180deg,
      rgba(18,18,18,.96) 0%,
      rgba(5,5,5,.98) 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(255,255,255,.02);

  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    box-shadow .45s ease,
    border-color .45s ease,
    background .45s ease;
}

/* CONTEÚDO INTERNO */
.s7-b{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-bottom:80px;
}

/* ESPAÇAMENTOS */
.s7-img{
  margin-bottom:30px;
}

.s7 .bdg{
  margin-bottom:24px !important;
}

.s7 h2{
  margin-bottom:26px !important;
}

.s7 p{
  max-width:980px;
  margin:0 auto;
}

/* BRILHO SUAVE FIXO */
.s7-c::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    radial-gradient(
      circle at top,
      rgba(255,255,255,.06),
      transparent 42%
    );

  opacity:.7;
  transition:opacity .45s ease;
}

/* HOVER PREMIUM CARD */
.s7-c:hover{
  transform:translateY(-6px) scale(1.008);

  border-color:rgba(255,255,255,.12);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(255,255,255,.04),
    0 18px 60px rgba(255,255,255,.05),
    0 0 40px rgba(255,255,255,.03);
}

.s7-c:hover::before{
  opacity:1;
}

/* IMAGEM ACOMPANHA O HOVER */
.s7-c:hover .s7-img img{
  transform:scale(1.04);
  filter:
    brightness(1.06)
    contrast(1.02);
}

/* BADGE ACOMPANHA */
.s7-bdg{
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

.s7-c:hover .s7-bdg{
  transform:translateY(-2px);

  box-shadow:
    0 0 18px rgba(255,255,255,.06);

  border-color:rgba(255,255,255,.12);
}
/* =========================
   CARD S7 FLUTUANDO
========================= */

.s7.s7-in .s7-c{
  animation:s7CardFloat 7s ease-in-out infinite;
  animation-delay:1.2s;
  transform-origin:center;
}

@keyframes s7CardFloat{

  0%,100%{
    transform:
      translateY(0px);
  }

  50%{
    transform:
      translateY(-8px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e011d9 *//* =========================
   S9 — TEXTOS SUBINDO NO SCROLL
========================= */

.s9 > .bdg,
.s9 > h2,
.s9 > p,
.s9 .s9-v{
  opacity:0;
  transform:translateY(42px);

  transition:
    opacity .85s cubic-bezier(.16,1,.3,1),
    transform .85s cubic-bezier(.16,1,.3,1);
}

/* quando chega na seção */
.s9.is-visible > .bdg,
.s9.is-visible > h2,
.s9.is-visible > p,
.s9.is-visible .s9-v{
  opacity:1;
  transform:translateY(0);
}

/* escadinha */
.s9.is-visible > .bdg{
  transition-delay:.05s;
}

.s9.is-visible > h2{
  transition-delay:.16s;
}

.s9.is-visible > p{
  transition-delay:.28s;
}

.s9.is-visible .s9-v{
  transition-delay:.40s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ae6fbb *//* =========================
   S10 — BOTÕES GLASS PREMIUM
========================= */

.s10-nav{
  width:54px;
  height:54px;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:28px;
  line-height:1;

  color:#fff !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.04) 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.12) !important;

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.14),
    0 8px 30px rgba(0,0,0,.32),
    0 0 18px rgba(255,255,255,.04);

  /* IMPORTANTE */
  transform:translateY(-50%) !important;

  transition:
    transform .18s cubic-bezier(.16,1,.3,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

/* =========================
   HOVER PREMIUM
========================= */

.s10-nav:hover{

  transform:
    translateY(-50%)
    scale(1.045) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.07) 100%
    ) !important;

  border-color:
    rgba(255,255,255,.22) !important;

  box-shadow:
    inset 0 1px 3px rgba(255,255,255,.18),
    0 10px 30px rgba(0,0,0,.34),
    0 0 24px rgba(255,255,255,.08);
}

/* clique */
.s10-nav:active{
  transform:
    translateY(-50%)
    scale(.96) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-638b4a2 */.s11-msgs{
  position:absolute;
  top:36%;
  left:50%;
  transform:translate(-50%, -50%);
  width:min(760px, 90%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  z-index:5;
  pointer-events:none;
}

.s11-m1{
  align-self:center;
  transform:translateX(80px);
}

.s11-m2{
  align-self:center;
  transform:translateX(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5dc30ad *//* =========================
FAQ BUTTON
========================= */

.faq-q{
  width:100%;
  min-height:70px;
  padding:0 24px 0 30px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(255,255,255,.68);
  font-family:Inter,sans-serif;
  font-size:15px;
  font-weight:400; /* MAIS FINA */
  line-height:1.2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  cursor:pointer;
  transition:.35s ease;
  text-align:left;
}

/* ITEM ABERTO */
.faq-it.on .faq-q{
  background:transparent; /* NÃO FICA BRANCO */
  color:#fff;
}

/* HOVER */
.faq-it:not(.on) .faq-q:hover{
  background:rgba(255,255,255,.03);
  color:#fff;
}

/* =========================
BOLINHA
========================= */

.cir{
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  flex-shrink:0;
  transition:.35s ease;
}

/* QUANDO ABRE */
.faq-it.on .cir{
  background:#fff;
  border-color:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.45);
}

/* TEXTO DA RESPOSTA */
.faq-a p{
  margin:12px 0 28px;
  padding:0 30px;
  color:rgba(255,255,255,.52);
  font-family:Inter,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.7;
}

.faq .faq-it .faq-q,
.faq .faq-it:not(.on) .faq-q{
  background:transparent !important;
  color:rgba(255,255,255,.58) !important;
  font-weight:300 !important;
  box-shadow:none !important;
}

.faq .faq-it.on .faq-q{
  background:transparent !important;
  color:#fff !important;
  font-weight:400 !important;
}

.faq .faq-it:not(.on) .faq-q:hover{
  background:rgba(255,255,255,.03) !important;
  color:#fff !important;
}

.faq .faq-it .cir{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:none !important;
}

.faq .faq-it.on .cir{
  background:#fff !important;
  border-color:#fff !important;
  box-shadow:0 0 14px rgba(255,255,255,.55) !important;
}

.faq .faq-a p{
  font-weight:300 !important;
  color:rgba(255,255,255,.56) !important;
}

.s12-l h2{
  font-weight:500 !important;
  letter-spacing:-8px !important;
}/* End custom CSS */