/* =========================================================
   SANSOU HUB — SITE V2
   Sistema visual compartilhado entre todas as páginas.
   Carregado por último para garantir consistência.
   ========================================================= */

:root{
  --sh-purple:#8A4FFF;
  --sh-blue:#5498FF;
  --sh-indigo:#1B0F4A;
  --sh-light:#F4F7FA;
  --sh-dark:#09041A;
  --sh-text:#334155;
  --sh-muted:#64748B;
  --sh-gradient:linear-gradient(135deg,var(--sh-purple),var(--sh-blue));
}

body.site-v2{
  padding-top:70px!important;
  background:var(--sh-light)!important;
  color:var(--sh-text)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

body.site-v2 .ambient,
body.site-v2 .grid-overlay,
body.site-v2 .cursor-glow{
  display:none!important;
}

body.site-v2 h1,
body.site-v2 h2,
body.site-v2 h3,
body.site-v2 h4,
body.site-v2 h5,
body.site-v2 h6{
  font-family:"Poppins","Inter",system-ui,sans-serif!important;
}

/* =========================================================
   CABEÇALHO ÚNICO
   ========================================================= */

body.site-v2 .site-header,
body.site-v2 .site-header.scrolled{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1000!important;
  width:100%!important;
  max-width:none!important;
  height:70px!important;
  min-height:70px!important;
  margin:0!important;
  padding:5px max(24px,calc((100vw - 1180px)/2))!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(27,15,74,.08)!important;
  border-radius:0!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 5px 24px rgba(27,15,74,.06)!important;
}

body.site-v2 .header-brand{
  position:relative!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:220px!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  background:none!important;
}

body.site-v2 .header-brand-halo,
body.site-v2 .header-brand::before,
body.site-v2 .header-brand::after,
body.site-v2 .site-header::after{
  display:none!important;
  content:none!important;
}

body.site-v2 .header-logo{
  display:block!important;
  width:auto!important;
  height:54px!important;
  max-width:220px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  filter:none!important;
  animation:none!important;
  transform:scale(1.35)!important;
  transform-origin:left center!important;
}

body.site-v2 .header-brand:hover .header-logo{
  transform:scale(1.35)!important;
  filter:none!important;
}

body.site-v2 .site-header .nav{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  margin-left:auto!important;
}

body.site-v2 .site-header .nav a{
  min-width:0!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--sh-indigo)!important;
  box-shadow:none!important;
  font-family:"Inter",sans-serif!important;
  font-size:.88rem!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  transition:color .22s ease!important;
}

body.site-v2 .site-header .nav a:hover{
  transform:none!important;
  color:var(--sh-purple)!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.site-v2 .site-header .nav .nav-cta{
  padding:11px 20px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--sh-gradient)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(138,79,255,.22)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}

body.site-v2 .site-header .nav .nav-cta:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(84,152,255,.28)!important;
  filter:brightness(1.04)!important;
}

body.site-v2 .site-header .menu-button{
  display:none!important;
  color:var(--sh-indigo)!important;
}

/* =========================================================
   PÁGINAS INTERNAS
   ========================================================= */

body.site-v2.internal-page main{
  min-height:calc(100svh - 70px);
  background:var(--sh-light);
}

body.site-v2.internal-page .standalone-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Serviços: mesmo tratamento visual da Home */
body.site-v2.services-page .standalone-section.services{
  padding-top:clamp(92px,8vw,118px)!important;
  padding-bottom:clamp(95px,9vw,130px)!important;
  background:var(--sh-light)!important;
}

/* Contato: bloco de impacto escuro com painel claro */
body.site-v2.contact-page .standalone-section{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(88px,8vw,116px) 24px clamp(96px,9vw,130px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(138,79,255,.28),transparent 31%),
    radial-gradient(circle at 88% 78%,rgba(84,152,255,.24),transparent 32%),
    linear-gradient(135deg,#09041A 0%,#10062B 48%,#101B3A 100%)!important;
}

body.site-v2.contact-page .standalone-section::before{
  content:""!important;
  position:absolute!important;
  width:520px!important;
  height:520px!important;
  left:-250px!important;
  top:-250px!important;
  border-radius:50%!important;
  background:rgba(138,79,255,.30)!important;
  filter:blur(110px)!important;
  pointer-events:none!important;
}

body.site-v2.contact-page .contact-panel{
  position:relative!important;
  z-index:2!important;
  width:min(840px,100%)!important;
  margin:0 auto!important;
  padding:clamp(34px,5vw,54px)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24)!important;
}

body.site-v2.contact-page .contact-copy h2{
  color:var(--sh-indigo)!important;
}

body.site-v2.contact-page .contact-copy p{
  color:var(--sh-muted)!important;
}

/* =========================================================
   QUEM SOMOS
   ========================================================= */

body.site-v2.about-page-v2 main{
  overflow:hidden!important;
  background:var(--sh-light)!important;
}

body.site-v2.about-page-v2 .about-story--first{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(92px,9vw,128px) max(24px,calc((100vw - 1180px)/2))!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(138,79,255,.30),transparent 30%),
    radial-gradient(circle at 90% 82%,rgba(84,152,255,.25),transparent 32%),
    linear-gradient(135deg,#09041A 0%,#10062B 48%,#101B3A 100%)!important;
}

body.site-v2.about-page-v2 .about-story--first::before{
  content:""!important;
  position:absolute!important;
  width:560px!important;
  height:560px!important;
  right:-250px!important;
  top:-260px!important;
  border-radius:50%!important;
  background:rgba(84,152,255,.18)!important;
  filter:blur(120px)!important;
  pointer-events:none!important;
}

body.site-v2.about-page-v2 .about-story-panel{
  position:relative!important;
  z-index:2!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.site-v2.about-page-v2 .about-story-heading .eyebrow{
  color:#c9b8ff!important;
}

body.site-v2.about-page-v2 .about-story-heading .eyebrow span{
  background:linear-gradient(90deg,#c9b8ff,#72a9ff)!important;
}

body.site-v2.about-page-v2 .about-story-heading h2{
  color:#fff!important;
  font-size:clamp(2.8rem,4.7vw,4.7rem)!important;
  line-height:1!important;
  letter-spacing:-.052em!important;
}

body.site-v2.about-page-v2 .about-story-heading h2 em{
  background:linear-gradient(110deg,#fff 0%,#c9b8ff 50%,#72a9ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

body.site-v2.about-page-v2 .about-story-copy p{
  color:#cfd4e5!important;
  font-size:1.02rem!important;
  line-height:1.8!important;
}

body.site-v2.about-page-v2 .about-story-copy strong{
  color:#fff!important;
}

body.site-v2.about-page-v2 .about-philosophy{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(92px,9vw,128px) max(24px,calc((100vw - 1180px)/2))!important;
  background:var(--sh-light)!important;
}

body.site-v2.about-page-v2 .about-philosophy > *{
  width:min(1180px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.site-v2.about-page-v2 .about-philosophy .section-heading{
  max-width:820px!important;
  margin-bottom:48px!important;
  text-align:left!important;
}

body.site-v2.about-page-v2 .about-philosophy .eyebrow{
  color:var(--sh-purple)!important;
}

body.site-v2.about-page-v2 .about-philosophy .eyebrow span{
  background:var(--sh-gradient)!important;
}

body.site-v2.about-page-v2 .about-philosophy .section-heading h2{
  margin:16px 0 18px!important;
  color:var(--sh-indigo)!important;
  font-size:clamp(2.4rem,4.4vw,3.65rem)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}

body.site-v2.about-page-v2 .about-philosophy .section-heading h2 em{
  background:var(--sh-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

body.site-v2.about-page-v2 .about-philosophy .section-heading p{
  color:var(--sh-muted)!important;
  font-size:1rem!important;
  line-height:1.75!important;
}

body.site-v2.about-page-v2 .about-principles{
  gap:22px!important;
}

body.site-v2.about-page-v2 .about-principle{
  min-height:270px!important;
  padding:32px!important;
  border:1px solid rgba(27,15,74,.07)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(27,15,74,.07)!important;
}

body.site-v2.about-page-v2 .about-principle::after{
  background:var(--sh-purple)!important;
  opacity:.04!important;
}

body.site-v2.about-page-v2 .about-principle:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(138,79,255,.18)!important;
  background:#fff!important;
  box-shadow:0 20px 44px rgba(27,15,74,.11)!important;
}

body.site-v2.about-page-v2 .about-principle-number{
  color:var(--sh-purple)!important;
}

body.site-v2.about-page-v2 .about-principle h3{
  color:var(--sh-indigo)!important;
}

body.site-v2.about-page-v2 .about-principle p{
  color:var(--sh-muted)!important;
}

/* =========================================================
   RODAPÉ
   ========================================================= */

body.site-v2 .footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:42px max(24px,calc((100vw - 1180px)/2))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#09041A!important;
  color:#d9deec!important;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */

@media(max-width:900px){
  body.site-v2{
    padding-top:72px!important;
  }

  body.site-v2 .site-header,
  body.site-v2 .site-header.scrolled{
    height:72px!important;
    min-height:72px!important;
    padding:6px 14px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow:visible!important;
    background:#fff!important;
  }

  body.site-v2 .header-brand{
    position:relative!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:60px!important;
    margin:0 auto 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  body.site-v2 .header-logo{
    display:block!important;
    width:auto!important;
    height:58px!important;
    max-width:220px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    transform-origin:left center!important;
  }

  body.site-v2 .header-brand:hover .header-logo{
    transform:none!important;
  }

  body.site-v2 .site-header .menu-button{
    position:static!important;
    order:2!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--sh-indigo)!important;
    font-size:1.6rem!important;
    line-height:1!important;
    z-index:1003!important;
  }

  body.site-v2 .site-header .nav{
    order:3!important;
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px 16px!important;
    display:none!important;
    flex-direction:column!important;
    gap:4px!important;
    border-top:1px solid rgba(27,15,74,.08)!important;
    background:#fff!important;
    box-shadow:0 14px 28px rgba(27,15,74,.10)!important;
  }

  body.site-v2 .site-header .nav.open{
    display:flex!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.site-v2 .site-header .nav a{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:44px!important;
    padding:11px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  body.site-v2 .site-header .nav .nav-cta{
    margin-top:2px!important;
  }

  body.site-v2.internal-page main{
    min-height:calc(100svh - 72px);
  }

  body.site-v2.about-page-v2 .about-story--first,
  body.site-v2.about-page-v2 .about-philosophy{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media(max-width:650px){
  body.site-v2.about-page-v2 .about-story-panel{
    padding:0!important;
  }

  body.site-v2.about-page-v2 .about-story-heading h2{
    font-size:clamp(2.45rem,10vw,3.45rem)!important;
  }

  body.site-v2.about-page-v2 .about-philosophy{
    padding-top:76px!important;
    padding-bottom:86px!important;
  }

  body.site-v2.about-page-v2 .about-principle{
    min-height:230px!important;
    padding:26px!important;
  }

  body.site-v2.contact-page .standalone-section{
    padding:72px 16px 86px!important;
  }

  body.site-v2.contact-page .contact-panel{
    padding:28px 20px!important;
    border-radius:18px!important;
  }
}


/* =========================================================
   SITE V2.1 — abertura escura da página Serviços
   ========================================================= */

body.site-v2.services-page .standalone-section.services{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:var(--sh-light)!important;
}

body.site-v2.services-page .standalone-section.services::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:430px!important;
  background:
    radial-gradient(circle at 10% 15%,rgba(138,79,255,.28),transparent 30%),
    radial-gradient(circle at 88% 72%,rgba(84,152,255,.24),transparent 32%),
    linear-gradient(135deg,#09041A 0%,#10062B 48%,#101B3A 100%)!important;
}

body.site-v2.services-page .standalone-section.services .section-heading{
  position:relative!important;
  z-index:2!important;
}

body.site-v2.services-page .standalone-section.services .eyebrow{
  color:#c8b8ff!important;
}

body.site-v2.services-page .standalone-section.services .eyebrow span{
  background:linear-gradient(90deg,#c8b8ff,#72a9ff)!important;
}

body.site-v2.services-page .standalone-section.services .section-heading h2{
  color:#fff!important;
}

body.site-v2.services-page .standalone-section.services .section-heading h2 em{
  background:linear-gradient(110deg,#d9c9ff 0%,#8a7cff 48%,#69a7ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

body.site-v2.services-page .standalone-section.services .section-heading p{
  color:#cfd4e5!important;
}

body.site-v2.services-page .standalone-section.services .service-grid{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:900px){
  body.site-v2.services-page .standalone-section.services::before{
    height:400px!important;
  }
}

@media(max-width:650px){
  body.site-v2.services-page .standalone-section.services::before{
    height:420px!important;
  }
}


/* =========================================================
   SITE V2.2 — menu textual com separadores
   ========================================================= */

@media (min-width:901px){
  body.site-v2 .site-header .nav{
    gap:0!important;
  }

  body.site-v2 .site-header .nav a,
  body.site-v2 .site-header .nav .nav-cta{
    position:relative!important;
    min-height:0!important;
    padding:10px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sh-indigo)!important;
    box-shadow:none!important;
    font-size:.88rem!important;
    font-weight:600!important;
    line-height:1!important;
    transform:none!important;
    filter:none!important;
  }

  body.site-v2 .site-header .nav a:not(:last-child)::after{
    content:"|"!important;
    position:absolute!important;
    right:-2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:rgba(27,15,74,.28)!important;
    font-weight:400!important;
    pointer-events:none!important;
  }

  body.site-v2 .site-header .nav a::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:3px!important;
    height:2px!important;
    border-radius:999px!important;
    background:var(--sh-gradient)!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    transition:transform .22s ease!important;
  }

  body.site-v2 .site-header .nav a:hover,
  body.site-v2 .site-header .nav .nav-cta:hover{
    color:var(--sh-purple)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
  }

  body.site-v2 .site-header .nav a:hover::before{
    transform:scaleX(1)!important;
  }
}


/* =========================================================
   SITE V2.3 — página Serviços mais compacta
   ========================================================= */

body.site-v2.services-page .standalone-section.services{
  padding-top:54px!important;
  padding-bottom:88px!important;
}

body.site-v2.services-page .standalone-section.services .section-heading{
  margin-bottom:38px!important;
}

body.site-v2.services-page .standalone-section.services .section-heading .eyebrow{
  display:none!important;
}

body.site-v2.services-page .standalone-section.services::before{
  height:360px!important;
}

@media(max-width:900px){
  body.site-v2.services-page .standalone-section.services{
    padding-top:46px!important;
    padding-bottom:78px!important;
  }

  body.site-v2.services-page .standalone-section.services::before{
    height:350px!important;
  }
}

@media(max-width:650px){
  body.site-v2.services-page .standalone-section.services{
    padding-top:38px!important;
  }

  body.site-v2.services-page .standalone-section.services::before{
    height:340px!important;
  }
}


/* =========================================================
   SITE V2.4 — logo maior e centralizada no mobile
   ========================================================= */

@media(max-width:900px){
  body.site-v2 .site-header,
  body.site-v2 .site-header.scrolled{
    position:fixed!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.site-v2 .header-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    justify-content:center!important;
    z-index:1001!important;
  }

  body.site-v2 .header-logo{
    width:auto!important;
    height:68px!important;
    max-width:260px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  body.site-v2 .header-brand:hover .header-logo{
    transform:none!important;
  }

  body.site-v2 .site-header .menu-button{
    position:relative!important;
    margin-left:auto!important;
    z-index:1002!important;
  }
}

@media(max-width:430px){
  body.site-v2 .header-logo{
    height:64px!important;
    max-width:240px!important;
  }
}


/* =========================================================
   SITE V2.6 — eyebrow central com traço preservado à esquerda
   ========================================================= */

body.site-v2 .eyebrow{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  text-align:center!important;
}

body.site-v2 .eyebrow > span:first-child{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  flex:0 0 auto!important;
}


/* =========================================================
   SITE V2.7 — ícones PNG padronizados no rodapé
   ========================================================= */

body.site-v2 .footer-contact-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:.96!important;
}

body.site-v2 .footer-contact-link:hover .footer-contact-icon{
  transform:scale(1.08)!important;
}

@media(max-width:640px){
  body.site-v2 .footer-contact-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    flex-basis:18px!important;
  }
}


/* =========================================================
   SITE V2.8 — seta padronizada no campo Tipo de projeto
   ========================================================= */

body.site-v2 .contact-form select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2l5 5 5-5' stroke='%2364758B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center!important;
  background-size:14px 9px!important;
  padding-right:46px!important;
  cursor:pointer!important;
}

body.site-v2 .contact-form select:focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2l5 5 5-5' stroke='%238A4FFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

body.site-v2 .contact-form select::-ms-expand{
  display:none!important;
}


/* =========================================================
   SITE V2.9 — corrige repetição da seta no select ao focar
   ========================================================= */

body.home-agency.site-v2 .contact-form select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background:#f7f9fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2l5 5 5-5' stroke='%2364758B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) 50% / 14px 9px!important;
  padding-right:46px!important;
  cursor:pointer!important;
}

body.home-agency.site-v2 .contact-form select:focus{
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2l5 5 5-5' stroke='%238A4FFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) 50% / 14px 9px!important;
}


/* =========================================================
   SITE V2.10 — botão de contato refinado + confirmação elegante
   ========================================================= */

body.site-v2 .contact-form .form-button{
  position:relative!important;
  min-height:54px!important;
  width:100%!important;
  margin-top:4px!important;
  padding:14px 24px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#29176f 0%,#6f4ce6 56%,#5498ff 100%)!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 10px 24px rgba(41,23,111,.14)!important;
  font-family:"Inter","Poppins",sans-serif!important;
  font-size:.92rem!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  text-align:center!important;
  justify-content:center!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease!important;
}

body.site-v2 .contact-form .form-button::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-65%!important;
  width:46%!important;
  height:100%!important;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.13),transparent)!important;
  transform:skewX(-18deg)!important;
  transition:left .5s ease!important;
  pointer-events:none!important;
}

body.site-v2 .contact-form .form-button:hover{
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 14px 28px rgba(41,23,111,.18)!important;
  filter:saturate(1.03)!important;
}

body.site-v2 .contact-form .form-button:hover::before{
  left:120%!important;
}

body.site-v2 .contact-form .form-button:active{
  transform:translateY(0)!important;
}

body.site-v2 .contact-form .form-button:disabled{
  cursor:wait!important;
  opacity:.78!important;
  transform:none!important;
}

body.site-v2 .form-status{
  min-height:0!important;
  margin:0!important;
  color:#b42318!important;
}

body.site-v2 .form-status:not(.is-error){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.contact-success-open{
  overflow:hidden!important;
}

.contact-success[hidden]{
  display:none!important;
}

.contact-success{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease!important;
}

.contact-success.is-visible{
  opacity:1!important;
  pointer-events:auto!important;
}

.contact-success__backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(9,4,26,.58)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
}

.contact-success__panel{
  position:relative!important;
  z-index:1!important;
  width:min(470px,100%)!important;
  padding:42px 38px 34px!important;
  overflow:hidden!important;
  border:1px solid rgba(41,23,111,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:0 30px 80px rgba(9,4,26,.26)!important;
  text-align:center!important;
  transform:translateY(14px) scale(.985)!important;
  opacity:0!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .24s ease!important;
}

.contact-success__panel::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:linear-gradient(90deg,#8A4FFF,#5498FF)!important;
}

.contact-success.is-visible .contact-success__panel{
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
}

.contact-success__close{
  position:absolute!important;
  top:14px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#64748B!important;
  font-size:1.5rem!important;
  font-weight:300!important;
  line-height:1!important;
  cursor:pointer!important;
}

.contact-success__mark{
  width:72px!important;
  height:72px!important;
  margin:0 auto 18px!important;
}

.contact-success__mark svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}

.contact-success__circle,
.contact-success__check{
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.contact-success__circle{
  stroke:#e8e4fb!important;
  stroke-width:4!important;
  stroke-dasharray:158!important;
  stroke-dashoffset:158;
}

.contact-success__check{
  stroke:#805ee4!important;
  stroke-width:4.5!important;
  stroke-dasharray:40!important;
  stroke-dashoffset:40;
}

.contact-success.is-visible .contact-success__circle{
  animation:contactSuccessCircle .55s .08s ease forwards!important;
}

.contact-success.is-visible .contact-success__check{
  animation:contactSuccessCheck .42s .44s ease forwards!important;
}

.contact-success__eyebrow{
  margin:0 0 8px!important;
  color:#805ee4!important;
  font-size:.74rem!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.contact-success__panel h2{
  margin:0 0 12px!important;
  color:#29176f!important;
  font-family:"Poppins","Inter",sans-serif!important;
  font-size:clamp(1.65rem,3vw,2.05rem)!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}

.contact-success__panel > p:not(.contact-success__eyebrow){
  max-width:370px!important;
  margin:0 auto!important;
  color:#64748B!important;
  font-size:.96rem!important;
  line-height:1.65!important;
}

.contact-success__button{
  min-width:170px!important;
  min-height:46px!important;
  margin-top:26px!important;
  padding:11px 22px!important;
  border:1px solid rgba(41,23,111,.10)!important;
  border-radius:12px!important;
  background:#29176f!important;
  color:#fff!important;
  font-family:"Inter",sans-serif!important;
  font-size:.88rem!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .2s ease!important;
}

.contact-success__button:hover{
  background:#382281!important;
  transform:translateY(-1px)!important;
}

@keyframes contactSuccessCircle{
  to{stroke-dashoffset:0}
}

@keyframes contactSuccessCheck{
  to{stroke-dashoffset:0}
}

@media(max-width:560px){
  .contact-success{
    padding:16px!important;
  }

  .contact-success__panel{
    padding:38px 24px 28px!important;
    border-radius:20px!important;
  }

  .contact-success__mark{
    width:66px!important;
    height:66px!important;
  }

  .contact-success__button{
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.site-v2 .contact-form .form-button,
  body.site-v2 .contact-form .form-button::before,
  .contact-success,
  .contact-success__panel,
  .contact-success__circle,
  .contact-success__check,
  .contact-success__button{
    animation:none!important;
    transition:none!important;
  }

}


/* =========================================================
   SITE V2.11 — confirmação mais compacta e animação visível
   ========================================================= */

.contact-success{
  align-items:center!important;
  overflow-y:auto!important;
}

.contact-success__panel{
  max-height:calc(100dvh - 32px)!important;
  padding:36px 34px 30px!important;
  overflow-y:auto!important;
}

.contact-success__mark{
  display:block!important;
  width:72px!important;
  height:72px!important;
  margin:0 auto 20px!important;
  opacity:1!important;
  transform-origin:center!important;
}

.contact-success__circle{
  stroke:#ddd7fb!important;
  stroke-width:4!important;
  stroke-dasharray:158!important;
  stroke-dashoffset:158;
}

.contact-success__check{
  stroke:#805ee4!important;
  stroke-width:4.5!important;
  stroke-dasharray:40!important;
  stroke-dashoffset:40;
}

.contact-success__panel h2{
  margin:0 0 14px!important;
  color:#29176f!important;
  font-size:clamp(1.8rem,3vw,2.15rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

.contact-success__panel > p{
  max-width:390px!important;
  margin:0 auto!important;
  color:#64748B!important;
  font-size:.96rem!important;
  line-height:1.65!important;
}

.contact-success__button{
  margin-top:24px!important;
}

.contact-success__eyebrow{
  display:none!important;
}

@media(max-width:560px){
  .contact-success{
    align-items:center!important;
    padding:14px!important;
  }

  .contact-success__panel{
    width:100%!important;
    max-height:calc(100dvh - 28px)!important;
    padding:30px 22px 24px!important;
    border-radius:20px!important;
  }

  .contact-success__mark{
    width:64px!important;
    height:64px!important;
    margin-bottom:16px!important;
  }

  .contact-success__panel h2{
    font-size:1.72rem!important;
    margin-bottom:12px!important;
  }

  .contact-success__panel > p{
    font-size:.93rem!important;
    line-height:1.58!important;
  }

  .contact-success__button{
    margin-top:22px!important;
  }
}

/* A confirmação usa uma microanimação própria disparada pelo JavaScript. */


/* =========================================================
   SITE V2.13 — degradê animado na confirmação de contato
   ========================================================= */

.contact-success__panel h2{
  background:linear-gradient(110deg,#8A4FFF 0%,#6F68F0 32%,#5498FF 58%,#8A4FFF 100%)!important;
  background-size:220% 220%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:contactSuccessGradientText 5.5s ease-in-out infinite!important;
}

.contact-success__button{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(110deg,#8A4FFF 0%,#6F68F0 30%,#5498FF 58%,#8A4FFF 100%)!important;
  background-size:220% 220%!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(84,152,255,.16)!important;
  animation:contactSuccessGradientButton 5.5s ease-in-out infinite!important;
}

.contact-success__button::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.14) 50%,transparent 72%)!important;
  transform:translateX(-120%)!important;
  animation:contactSuccessButtonSheen 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

.contact-success__button:hover{
  filter:brightness(1.04)!important;
}

@keyframes contactSuccessGradientText{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes contactSuccessGradientButton{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes contactSuccessButtonSheen{
  0%,62%{transform:translateX(-120%)}
  82%,100%{transform:translateX(120%)}
}



/* =========================================================
   SITE V2.14 — animação de confirmação realmente ativa
   ========================================================= */

.contact-success.is-visible .contact-success__mark{
  animation:contactSuccessMarkPop .72s cubic-bezier(.16,.85,.3,1.2) both!important;
}

.contact-success.is-visible .contact-success__circle{
  animation:contactSuccessCircleDraw .72s .08s ease-out forwards!important;
}

.contact-success.is-visible .contact-success__check{
  animation:contactSuccessCheckDraw .46s .48s ease-out forwards!important;
}

.contact-success.is-visible .contact-success__panel{
  animation:contactSuccessPanelIn .38s cubic-bezier(.2,.8,.2,1) both!important;
}

@keyframes contactSuccessMarkPop{
  0%{
    opacity:0;
    transform:scale(.55) translateY(10px);
  }
  65%{
    opacity:1;
    transform:scale(1.10) translateY(0);
  }
  100%{
    opacity:1;
    transform:scale(1) translateY(0);
  }
}

@keyframes contactSuccessCircleDraw{
  from{stroke-dashoffset:158}
  to{stroke-dashoffset:0}
}

@keyframes contactSuccessCheckDraw{
  from{stroke-dashoffset:40}
  to{stroke-dashoffset:0}
}

@keyframes contactSuccessPanelIn{
  from{
    opacity:0;
    transform:translateY(18px) scale(.975);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}


/* =========================================================
   SITE V2.15 — animação em loop + correção do corte no título
   ========================================================= */

.contact-success__panel h2{
  line-height:1.2!important;
  padding-bottom:.08em!important;
  overflow:visible!important;
}

.contact-success.is-visible .contact-success__mark{
  animation:contactSuccessMarkLoop 2.8s ease-in-out infinite!important;
}

.contact-success.is-visible .contact-success__circle{
  animation:contactSuccessCircleLoop 2.8s ease-in-out infinite!important;
}

.contact-success.is-visible .contact-success__check{
  animation:contactSuccessCheckLoop 2.8s ease-in-out infinite!important;
}

@keyframes contactSuccessMarkLoop{
  0%{
    opacity:0;
    transform:scale(.72) translateY(6px);
  }
  12%{
    opacity:1;
    transform:scale(1.08) translateY(0);
  }
  20%,72%{
    opacity:1;
    transform:scale(1) translateY(0);
  }
  86%,100%{
    opacity:0;
    transform:scale(.92) translateY(-2px);
  }
}

@keyframes contactSuccessCircleLoop{
  0%,5%{stroke-dashoffset:158}
  28%,72%{stroke-dashoffset:0}
  88%,100%{stroke-dashoffset:158}
}

@keyframes contactSuccessCheckLoop{
  0%,18%{stroke-dashoffset:40}
  40%,72%{stroke-dashoffset:0}
  88%,100%{stroke-dashoffset:40}
}