/* Home v2 — ajustes pontuais aprovados em 25/09/2026.
   Carregado por último para evitar reescrever a base existente. */

/* Cabeçalho desktop: faixa menor e logo mais presente */
@media (min-width:901px){
  body.home-agency{
    padding-top:70px!important;
  }

  body.home-agency .site-header,
  body.home-agency .site-header.scrolled{
    min-height:70px!important;
    height:70px!important;
    padding:5px max(24px,calc((100vw - 1180px)/2))!important;
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  body.home-agency .header-logo{
    height:58px!important;
    max-width:220px!important;
  }

  body.home-agency .site-header .nav{
    gap:28px!important;
  }
}

/* Faixa de serviços */
body.home-agency .home-marquee{
  position:relative;
  z-index:8;
  width:100%;
  overflow:hidden;
  padding:14px 0;
  background:var(--sh-gradient);
  white-space:nowrap;
}

body.home-agency .home-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:homeServicesMarquee 150s linear infinite;
}

body.home-agency .home-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin:0 34px;
  color:#fff;
  font-family:"Poppins","Inter",sans-serif;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

body.home-agency .home-marquee-item::after{
  content:"✦";
  color:rgba(255,255,255,.48);
  font-size:.72rem;
}

@keyframes homeServicesMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Cards: 3 em cima + 2 centralizados no desktop */
@media (min-width:1000px){
  body.home-agency .service-grid--five{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:26px!important;
    align-items:stretch!important;
  }

  body.home-agency .service-grid--five > .service-card{
    grid-column:span 2!important;
    width:100%!important;
    min-width:0!important;
    min-height:300px!important;
    height:100%!important;
    margin:0!important;
  }

  body.home-agency .service-grid--five > .service-card:nth-child(4){
    grid-column:2 / span 2!important;
  }

  body.home-agency .service-grid--five > .service-card:nth-child(5){
    grid-column:4 / span 2!important;
  }
}

/* Seção editorial da Home — substitui o resumo de Quem Somos */
body.home-agency .brand-editorial{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(92px,9vw,128px) max(24px,calc((100vw - 1180px)/2))!important;
  background:#fff!important;
}

body.home-agency .brand-editorial__inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(48px,7vw,86px);
  align-items:center;
}

body.home-agency .brand-editorial__copy{
  min-width:0;
}

body.home-agency .brand-editorial__copy .eyebrow{
  color:var(--sh-purple)!important;
}

body.home-agency .brand-editorial__copy .eyebrow span{
  background:var(--sh-gradient)!important;
}

body.home-agency .brand-editorial__copy h2{
  margin:16px 0 22px!important;
  color:var(--sh-indigo)!important;
  font-family:"Poppins","Inter",sans-serif!important;
  font-size:clamp(2.45rem,4.5vw,3.75rem)!important;
  font-weight:700!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}

body.home-agency .brand-editorial__copy h2 em{
  display:inline;
  background:var(--sh-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-style:normal;
}

body.home-agency .brand-editorial__copy p{
  max-width:610px;
  margin:0;
  color:var(--sh-muted)!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}

body.home-agency .brand-editorial__link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:30px;
  color:var(--sh-purple)!important;
  font-weight:700;
  text-decoration:none;
}

body.home-agency .brand-editorial__link:hover{
  color:var(--sh-blue)!important;
}

body.home-agency .brand-editorial__media{
  position:relative;
  min-width:0;
  min-height:500px;
  overflow:hidden;
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(9,4,26,.08),rgba(9,4,26,.42)),
    url("assets/sansou-digital-background.svg") center/cover no-repeat,
    var(--sh-dark);
  box-shadow:0 30px 65px rgba(27,15,74,.16);
  isolation:isolate;
}

body.home-agency .brand-editorial__media::before{
  content:"";
  position:absolute;
  inset:-22%;
  z-index:-1;
  background:
    radial-gradient(circle at 22% 25%,rgba(138,79,255,.6),transparent 30%),
    radial-gradient(circle at 78% 75%,rgba(84,152,255,.52),transparent 31%);
  filter:blur(38px);
}

body.home-agency .brand-editorial__media::after{
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:19px;
  pointer-events:none;
}

body.home-agency .brand-editorial__media-copy{
  position:absolute;
  left:34px;
  right:34px;
  bottom:32px;
  z-index:2;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(9,4,26,.52);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

body.home-agency .brand-editorial__media-copy strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-family:"Poppins","Inter",sans-serif;
  font-size:1.05rem;
}

body.home-agency .brand-editorial__media-copy span{
  color:#cbd5e1;
  font-size:.9rem;
  line-height:1.5;
}

/* Contato escuro no mesmo sistema visual da Home */
body.home-agency .contact{
  position:relative!important;
  overflow:hidden!important;
  background:var(--sh-dark)!important;
  color:#fff!important;
}

body.home-agency .contact::before{
  content:""!important;
  position:absolute!important;
  top:-260px!important;
  left:50%!important;
  width:850px!important;
  height:850px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(138,79,255,.18),transparent 62%)!important;
  pointer-events:none!important;
}

body.home-agency .contact-panel{
  position:relative!important;
  z-index:2!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}

body.home-agency .contact-copy .eyebrow{
  color:#a98dff!important;
}

body.home-agency .contact-copy h2{
  color:#fff!important;
}

body.home-agency .contact-copy p{
  color:#cbd5e1!important;
}

body.home-agency .contact-form label{
  color:#cbd5e1!important;
}

body.home-agency .contact-form label small{
  color:#94a3b8!important;
}

body.home-agency .contact-form input,
body.home-agency .contact-form select,
body.home-agency .contact-form textarea{
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(0,0,0,.30)!important;
  color:#fff!important;
}

body.home-agency .contact-form input::placeholder,
body.home-agency .contact-form textarea::placeholder{
  color:#7f8aa0!important;
}

body.home-agency .contact-form input:focus,
body.home-agency .contact-form select:focus,
body.home-agency .contact-form textarea:focus{
  border-color:var(--sh-blue)!important;
  background:rgba(0,0,0,.48)!important;
  box-shadow:0 0 0 4px rgba(84,152,255,.14)!important;
}

body.home-agency .contact-form option{
  background:var(--sh-dark)!important;
  color:#fff!important;
}

body.home-agency .form-status{
  color:#cbd5e1!important;
}

/* Tablet e mobile */
@media (max-width:900px){
  body.home-agency .brand-editorial__inner{
    grid-template-columns:1fr;
    gap:40px;
  }

  body.home-agency .brand-editorial__media{
    min-height:400px;
  }
}

@media (max-width:700px){
  body.home-agency .home-marquee{
    padding:12px 0;
  }

  body.home-agency .home-marquee-item{
    margin:0 24px;
    font-size:.76rem;
    letter-spacing:1.4px;
  }

  body.home-agency .brand-editorial{
    padding:82px 18px!important;
  }

  body.home-agency .brand-editorial__copy h2{
    font-size:clamp(2.2rem,11vw,3rem)!important;
  }

  body.home-agency .brand-editorial__media{
    min-height:330px;
    border-radius:20px;
  }

  body.home-agency .brand-editorial__media-copy{
    left:18px;
    right:18px;
    bottom:18px;
    padding:18px;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .home-marquee-track{
    animation:none!important;
  }
}


/* =========================================================
   HOME V3 — refinamentos solicitados em 25/09/2026
   ========================================================= */

/* Logo maior sem aumentar a faixa branca */
@media (min-width:901px){
  body.home-agency .header-brand{
    min-width:220px!important;
    overflow:visible!important;
  }

  body.home-agency .header-logo{
    height:54px!important;
    max-width:220px!important;
    transform:scale(1.35)!important;
    transform-origin:left center!important;
  }

  body.home-agency .header-brand:hover .header-logo{
    transform:scale(1.35)!important;
  }

  /* Hero mais compacto para a faixa de serviços já aparecer na primeira tela */
  body.home-agency .hero{
    min-height:calc(100svh - 114px)!important;
    padding-top:clamp(68px,8vh,96px)!important;
    padding-bottom:clamp(58px,7vh,84px)!important;
  }
}

/* Faixa mais rápida */
body.home-agency .home-marquee-track{
  animation-duration:100s!important;
}

/* Cards claros: contraste com a paleta da marca */
body.home-agency .service-grid--five > .service-card{
  border-color:rgba(138,79,255,.12)!important;
}

body.home-agency .service-grid--five > .service-card::before{
  background:var(--sh-gradient)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(138,79,255,.18)!important;
}

body.home-agency .service-card h3{
  color:var(--sh-indigo)!important;
}

body.home-agency .service-card__details-hint{
  opacity:1!important;
  color:#fff!important;
  background:var(--sh-gradient)!important;
  border-radius:999px!important;
  padding:10px 18px!important;
  min-height:40px!important;
  box-shadow:0 8px 20px rgba(138,79,255,.20)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}

body.home-agency .service-card.service-card--interactive:hover .service-card__details-hint,
body.home-agency .service-card.service-card--interactive:focus-visible .service-card__details-hint{
  opacity:1!important;
  color:#fff!important;
  transform:translate(-50%,-3px)!important;
  box-shadow:0 12px 28px rgba(84,152,255,.28)!important;
  filter:brightness(1.05)!important;
}

body.home-agency .service-card.service-card--interactive:focus-visible{
  outline:2px solid rgba(84,152,255,.6)!important;
  outline-offset:4px!important;
}

/* Área de clientes + formulário: preserva a faixa de logos e cria respiro real */
body.home-agency .contact{
  padding-top:305px!important;
  padding-bottom:clamp(95px,9vw,130px)!important;
}

body.home-agency .contact::before{
  top:-4px!important;
}

body.home-agency .contact::after{
  top:34px!important;
}

@media (max-width:800px){
  body.home-agency .contact{
    padding-top:270px!important;
  }

  body.home-agency .contact::after{
    top:38px!important;
  }
}

@media (max-width:560px){
  body.home-agency .contact{
    padding-top:255px!important;
  }

  body.home-agency .contact::after{
    top:52px!important;
  }
}

@media (hover:none), (pointer:coarse){
  body.home-agency .service-card.service-card--interactive:hover .service-card__details-hint{
    opacity:1!important;
    color:#fff!important;
    background:var(--sh-gradient)!important;
    transform:translateX(-50%)!important;
  }
}


/* Restaura a identificação da prova social sem perder o glow do contato */
body.home-agency .contact{
  background:
    radial-gradient(circle at 50% 12%,rgba(138,79,255,.16),transparent 34%),
    radial-gradient(circle at 82% 72%,rgba(84,152,255,.08),transparent 30%),
    var(--sh-dark)!important;
}

body.home-agency .contact::before{
  content:"PROJETOS REALIZADOS PARA"!important;
  top:38px!important;
  left:0!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
  border-radius:0!important;
  background:none!important;
  color:#cfd6e8!important;
  font-size:.74rem!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  opacity:.9!important;
  filter:none!important;
}

body.home-agency .contact::after{
  top:72px!important;
}

@media (max-width:800px){
  body.home-agency .contact::before{
    top:32px!important;
    font-size:.68rem!important;
    letter-spacing:.14em!important;
  }

  body.home-agency .contact::after{
    top:66px!important;
  }
}

@media (max-width:560px){
  body.home-agency .contact::before{
    top:28px!important;
  }

  body.home-agency .contact::after{
    top:62px!important;
  }
}


/* =========================================================
   HOME V4 — inversão correta de contraste
   ========================================================= */

/* O que fazemos: seção escura, cards claros */
body.home-agency .services{
  background:
    radial-gradient(circle at 12% 18%,rgba(138,79,255,.16),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(84,152,255,.12),transparent 30%),
    var(--sh-dark)!important;
}

body.home-agency .services .eyebrow{
  color:#b9a4ff!important;
}

body.home-agency .services .section-heading h2{
  color:#fff!important;
}

body.home-agency .services .section-heading h2 em{
  background:var(--sh-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

body.home-agency .services .section-heading p{
  color:#cbd5e1!important;
}

body.home-agency .service-grid--five > .service-card{
  background:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
}

body.home-agency .service-grid--five > .service-card:hover{
  border-color:rgba(138,79,255,.28)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.20)!important;
}

body.home-agency .service-card h3{
  color:var(--sh-indigo)!important;
}

body.home-agency .service-card p{
  color:var(--sh-muted)!important;
}

/* Contato: fundo externo escuro, painel e campos claros */
body.home-agency .contact-panel{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.home-agency .contact-copy .eyebrow{
  color:var(--sh-purple)!important;
}

body.home-agency .contact-copy h2{
  color:var(--sh-indigo)!important;
}

body.home-agency .contact-copy p{
  color:var(--sh-muted)!important;
}

body.home-agency .contact-form label{
  color:var(--sh-text)!important;
}

body.home-agency .contact-form label small{
  color:#94a3b8!important;
}

body.home-agency .contact-form input,
body.home-agency .contact-form select,
body.home-agency .contact-form textarea{
  border:1px solid #dbe3ec!important;
  background:#f7f9fc!important;
  color:var(--sh-text)!important;
}

body.home-agency .contact-form input::placeholder,
body.home-agency .contact-form textarea::placeholder{
  color:#94a3b8!important;
}

body.home-agency .contact-form input:focus,
body.home-agency .contact-form select:focus,
body.home-agency .contact-form textarea:focus{
  border-color:var(--sh-blue)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(84,152,255,.12)!important;
}

body.home-agency .contact-form option{
  background:#fff!important;
  color:var(--sh-text)!important;
}

body.home-agency .form-status{
  color:var(--sh-text)!important;
}


/* =========================================================
   HOME V5 — composição editorial com as duas fotos
   ========================================================= */

body.home-agency .brand-editorial__photos{
  position:relative!important;
  min-height:540px!important;
  overflow:visible!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(138,79,255,.32),transparent 30%),
    radial-gradient(circle at 82% 82%,rgba(84,152,255,.28),transparent 32%),
    var(--sh-dark)!important;
  box-shadow:0 30px 65px rgba(27,15,74,.16)!important;
  isolation:isolate!important;
}

body.home-agency .brand-editorial__photos::before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:21px!important;
  background:none!important;
  filter:none!important;
  pointer-events:none!important;
}

body.home-agency .brand-editorial__photos::after{
  display:none!important;
  content:none!important;
}

body.home-agency .brand-editorial__photo{
  position:absolute!important;
  z-index:2!important;
  margin:0!important;
  overflow:hidden!important;
  border:6px solid #fff!important;
  border-radius:24px!important;
  background:#e9edf5!important;
  box-shadow:0 22px 50px rgba(0,0,0,.28)!important;
}

body.home-agency .brand-editorial__photo--primary{
  top:42px!important;
  left:34px!important;
  width:57%!important;
  height:78%!important;
  transform:rotate(-2deg)!important;
}

body.home-agency .brand-editorial__photo--secondary{
  right:30px!important;
  bottom:36px!important;
  width:49%!important;
  height:69%!important;
  transform:rotate(2.5deg)!important;
}

body.home-agency .brand-editorial__photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}

body.home-agency .brand-editorial__photo-accent{
  position:absolute!important;
  right:15px!important;
  top:24px!important;
  z-index:1!important;
  width:112px!important;
  height:112px!important;
  border-radius:50%!important;
  background:var(--sh-gradient)!important;
  opacity:.72!important;
  filter:blur(2px)!important;
}

@media (max-width:900px){
  body.home-agency .brand-editorial__photos{
    min-height:500px!important;
  }
}

@media (max-width:560px){
  body.home-agency .brand-editorial__photos{
    min-height:410px!important;
    border-radius:22px!important;
  }

  body.home-agency .brand-editorial__photo{
    border-width:4px!important;
    border-radius:18px!important;
  }

  body.home-agency .brand-editorial__photo--primary{
    top:30px!important;
    left:18px!important;
    width:59%!important;
    height:76%!important;
  }

  body.home-agency .brand-editorial__photo--secondary{
    right:16px!important;
    bottom:28px!important;
    width:50%!important;
    height:66%!important;
  }

  body.home-agency .brand-editorial__photo-accent{
    width:82px!important;
    height:82px!important;
    top:18px!important;
    right:8px!important;
  }
}


/* =========================================================
   HOME V7 — campanha editorial + correções mobile
   ========================================================= */

/* Contexto visual da campanha */
body.home-agency .brand-editorial__photos::after{
  content:"CAMPANHA SANSOU HUB"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  left:28px!important;
  bottom:24px!important;
  z-index:6!important;
  width:auto!important;
  height:auto!important;
  inset:auto auto 24px 28px!important;
  padding:9px 13px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(9,4,26,.62)!important;
  color:#fff!important;
  font-family:"Inter",sans-serif!important;
  font-size:.68rem!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  pointer-events:none!important;
}

/* Movimento sutil, sem filtros ou escalas que prejudiquem a imagem */
body.home-agency .brand-editorial__photo--primary{
  animation:editorialFloatPrimary 8.5s ease-in-out infinite!important;
  will-change:transform!important;
}

body.home-agency .brand-editorial__photo--secondary{
  animation:editorialFloatSecondary 9.5s ease-in-out infinite!important;
  will-change:transform!important;
}

@keyframes editorialFloatPrimary{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  50%{transform:translate3d(0,-8px,0) rotate(-1.2deg)}
}

@keyframes editorialFloatSecondary{
  0%,100%{transform:translate3d(0,0,0) rotate(2.5deg)}
  50%{transform:translate3d(0,7px,0) rotate(1.8deg)}
}

/* Botão do formulário sem ícone, texto centralizado */
body.home-agency .contact-form .form-button{
  justify-content:center!important;
  text-align:center!important;
}

/* Cabeçalho e título rotativo: evita cortes em telas pequenas */
@media (max-width:700px){
  body.home-agency .site-header,
  body.home-agency .site-header.scrolled{
    overflow:visible!important;
  }

  body.home-agency .site-header .nav.open{
    max-height:none!important;
    overflow:visible!important;
  }

  body.home-agency .site-header .nav a{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.25!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.home-agency .hero-title{
    height:clamp(12rem,54vw,15rem)!important;
    min-height:12rem!important;
    max-height:none!important;
    overflow:visible!important;
    font-size:clamp(2.35rem,11vw,3.35rem)!important;
    line-height:1.04!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.12rem,9.8vw,3rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(1.82rem,8.2vw,2.55rem)!important;
  }

  body.home-agency .hero-title-text{
    padding:0 2px .18em!important;
    line-height:1.05!important;
    overflow:visible!important;
  }

  body.home-agency .brand-editorial__photos::after{
    left:14px!important;
    bottom:14px!important;
    inset:auto auto 14px 14px!important;
    padding:8px 10px!important;
    font-size:.6rem!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .brand-editorial__photo--primary,
  body.home-agency .brand-editorial__photo--secondary{
    animation:none!important;
  }
}


/* =========================================================
   HOME V8 — fotos com movimento visível + sem selo
   ========================================================= */

body.home-agency .brand-editorial__photos::after{
  display:none!important;
  content:none!important;
}

/* Movimento dos quadros */
body.home-agency .brand-editorial__photo--primary{
  animation:editorialFloatPrimaryV8 6.2s ease-in-out infinite!important;
}

body.home-agency .brand-editorial__photo--secondary{
  animation:editorialFloatSecondaryV8 7s ease-in-out infinite!important;
}

/* Movimento interno muito leve para dar vida sem alterar a foto */
body.home-agency .brand-editorial__photo--primary img{
  animation:editorialImagePrimaryV8 10s ease-in-out infinite alternate!important;
  will-change:transform!important;
}

body.home-agency .brand-editorial__photo--secondary img{
  animation:editorialImageSecondaryV8 11s ease-in-out infinite alternate!important;
  will-change:transform!important;
}

@keyframes editorialFloatPrimaryV8{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  50%{transform:translate3d(0,-14px,0) rotate(-.8deg)}
}

@keyframes editorialFloatSecondaryV8{
  0%,100%{transform:translate3d(0,0,0) rotate(2.5deg)}
  50%{transform:translate3d(0,12px,0) rotate(1.2deg)}
}

@keyframes editorialImagePrimaryV8{
  from{transform:scale(1.01) translate3d(0,0,0)}
  to{transform:scale(1.045) translate3d(0,-5px,0)}
}

@keyframes editorialImageSecondaryV8{
  from{transform:scale(1.01) translate3d(0,0,0)}
  to{transform:scale(1.04) translate3d(0,4px,0)}
}

@media (max-width:560px){
  body.home-agency .brand-editorial__photo--primary{
    animation-duration:5.4s!important;
  }

  body.home-agency .brand-editorial__photo--secondary{
    animation-duration:6s!important;
  }

  @keyframes editorialFloatPrimaryV8{
    0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
    50%{transform:translate3d(0,-12px,0) rotate(-.7deg)}
  }

  @keyframes editorialFloatSecondaryV8{
    0%,100%{transform:translate3d(0,0,0) rotate(2.5deg)}
    50%{transform:translate3d(0,10px,0) rotate(1deg)}
  }
}


/* =========================================================
   HOME V10 — animação mobile mais perceptível nas fotos
   ========================================================= */

@keyframes editorialMobilePrimaryV10{
  0%,100%{
    transform:translate3d(0,0,0) rotate(-2deg);
  }
  25%{
    transform:translate3d(6px,-10px,0) rotate(-1deg);
  }
  50%{
    transform:translate3d(0,-18px,0) rotate(.2deg);
  }
  75%{
    transform:translate3d(-6px,-8px,0) rotate(-1.2deg);
  }
}

@keyframes editorialMobileSecondaryV10{
  0%,100%{
    transform:translate3d(0,0,0) rotate(2.5deg);
  }
  25%{
    transform:translate3d(-5px,8px,0) rotate(1.5deg);
  }
  50%{
    transform:translate3d(0,16px,0) rotate(.5deg);
  }
  75%{
    transform:translate3d(5px,7px,0) rotate(1.7deg);
  }
}

@keyframes editorialMobileImageV10{
  0%,100%{
    transform:scale(1.015) translate3d(0,0,0);
  }
  50%{
    transform:scale(1.06) translate3d(0,-6px,0);
  }
}

@media (max-width:700px){
  body.home-agency .brand-editorial__photo--primary{
    animation:editorialMobilePrimaryV10 4.8s ease-in-out infinite!important;
    transform-origin:center center!important;
  }

  body.home-agency .brand-editorial__photo--secondary{
    animation:editorialMobileSecondaryV10 5.4s ease-in-out infinite!important;
    transform-origin:center center!important;
  }

  body.home-agency .brand-editorial__photo img{
    animation:editorialMobileImageV10 7s ease-in-out infinite!important;
    transform-origin:center center!important;
  }
}


/* =========================================================
   HOME V11 — cabeçalho mobile com logo maior + menu hambúrguer
   ========================================================= */

@media (max-width:700px){
  body.home-agency{
    padding-top:72px!important;
  }

  body.home-agency .site-header,
  body.home-agency .site-header.scrolled{
    min-height:72px!important;
    height:72px!important;
    padding:6px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
    background:#fff!important;
  }

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

  body.home-agency .header-logo{
    width:auto!important;
    height:58px!important;
    max-width:210px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    margin:0!important;
  }

  body.home-agency .header-brand:hover .header-logo{
    transform:none!important;
  }

  body.home-agency .site-header .menu-button{
    display:grid!important;
    place-items:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--sh-indigo)!important;
    font-size:1.55rem!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  body.home-agency .site-header .nav{
    display:none!important;
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px 16px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    border-top:1px solid rgba(27,15,74,.08)!important;
    background:#fff!important;
    box-shadow:0 16px 30px rgba(27,15,74,.10)!important;
    z-index:1001!important;
  }

  body.home-agency .site-header .nav.open{
    display:flex!important;
  }

  body.home-agency .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;
    text-align:center!important;
    line-height:1.25!important;
  }

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


/* =========================================================
   HOME V12 — alinhamento correto do header mobile
   ========================================================= */
@media (max-width:700px){
  body.home-agency .site-header,
  body.home-agency .site-header.scrolled{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    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;
  }

  body.home-agency .header-brand{
    position:relative!important;
    flex:0 0 auto!important;
    width:auto!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.home-agency .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.home-agency .site-header .menu-button{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!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.home-agency .site-header .nav{
    order:3!important;
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }
}


/* =========================================================
   HOME V13 — quarta logo em "Projetos realizados para"
   ========================================================= */

body.home-agency .contact::after{
  background-image:
    url("assets/logo clientes/LOGO REDE MERCADÃO CENTRAL (BRANCO).png"),
    url("assets/logo clientes/LOGO CHEFES EM CASA (BRANCO).png"),
    url("assets/logo clientes/LOGO TATÍSSIMA (BRANCO).png"),
    url("assets/logo clientes/aniva sem fundo.png")!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-size:auto 145px,auto 152px,auto 82px,auto 102px!important;
  background-position:9% center,37% center,65% center,91% center!important;
  filter:brightness(0) invert(1)!important;
}

@media (max-width:800px){
  body.home-agency .contact::after{
    background-size:auto 122px,auto 128px,auto 70px,auto 86px!important;
    background-position:8% center,36% center,65% center,92% center!important;
  }
}

@media (max-width:560px){
  body.home-agency .contact::after{
    background-image:
      url("assets/logo clientes/LOGO REDE MERCADÃO CENTRAL (BRANCO).png"),
      url("assets/logo clientes/LOGO CHEFES EM CASA (BRANCO).png"),
      url("assets/logo clientes/LOGO TATÍSSIMA (BRANCO).png"),
      url("assets/logo clientes/aniva sem fundo.png")!important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
    background-size:25% auto,24% auto,13.5% auto,19% auto!important;
    background-position:1% center,34% center,66% center,99% center!important;
  }
}


/* HOME V14 — Aniva com maior presença visual */
body.home-agency .contact::after{
  background-size:auto 145px,auto 152px,auto 82px,auto 124px!important;
}

@media (max-width:800px){
  body.home-agency .contact::after{
    background-size:auto 122px,auto 128px,auto 70px,auto 102px!important;
  }
}

@media (max-width:560px){
  body.home-agency .contact::after{
    background-size:25% auto,24% auto,13.5% auto,23% auto!important;
  }
}


/* =========================================================
   HOME V15 — hero com campanha visual à direita
   ========================================================= */

body.home-agency .hero{
  position:relative!important;
  overflow:hidden!important;
}

@media (min-width:901px){
  body.home-agency .hero{
    min-height:calc(100svh - 114px)!important;
    padding:clamp(58px,7vh,88px) max(28px,calc((100vw - 1220px)/2))!important;
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:clamp(36px,5vw,74px)!important;
  }

  body.home-agency .hero-copy{
    width:100%!important;
    max-width:650px!important;
    margin:0!important;
    text-align:left!important;
  }

  body.home-agency .hero-title{
    height:clamp(10rem,13vw,12.5rem)!important;
    max-width:650px!important;
    margin:0 0 24px!important;
    font-size:clamp(3.25rem,5.25vw,5.15rem)!important;
    line-height:.98!important;
    letter-spacing:-.052em!important;
    text-align:left!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(3rem,4.7vw,4.65rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.55rem,4vw,4rem)!important;
  }

  body.home-agency .hero-title-text{
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  body.home-agency .hero-lead{
    max-width:620px!important;
    margin:0!important;
    font-size:1.05rem!important;
    line-height:1.72!important;
    text-align:left!important;
  }

  body.home-agency .hero-actions{
    justify-content:flex-start!important;
    margin:32px 0 0!important;
  }
}

body.home-agency .hero-campaign-media{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:560px!important;
  isolation:isolate!important;
}

body.home-agency .hero-campaign-media::before{
  content:""!important;
  position:absolute!important;
  inset:7% 2% 3% 7%!important;
  z-index:-3!important;
  border-radius:44% 56% 42% 58% / 52% 42% 58% 48%!important;
  background:
    radial-gradient(circle at 28% 30%,rgba(138,79,255,.62),transparent 34%),
    radial-gradient(circle at 72% 68%,rgba(84,152,255,.55),transparent 38%),
    rgba(255,255,255,.025)!important;
  filter:blur(2px)!important;
  box-shadow:
    0 0 80px rgba(138,79,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

body.home-agency .hero-campaign-media::after{
  content:""!important;
  position:absolute!important;
  right:2%!important;
  bottom:5%!important;
  width:58%!important;
  height:22%!important;
  z-index:-4!important;
  border-radius:50%!important;
  background:rgba(84,152,255,.23)!important;
  filter:blur(48px)!important;
}

body.home-agency .hero-campaign-photo{
  position:absolute!important;
  margin:0!important;
  overflow:hidden!important;
  background:#101028!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.10)!important;
  will-change:transform!important;
}

body.home-agency .hero-campaign-photo--ana{
  left:3%!important;
  bottom:5%!important;
  z-index:3!important;
  width:55%!important;
  height:80%!important;
  border-radius:46% 54% 44% 56% / 38% 44% 56% 62%!important;
  transform:rotate(-3deg)!important;
  animation:heroCampaignAnaFloat 7.2s ease-in-out infinite!important;
}

body.home-agency .hero-campaign-photo--ivana{
  right:0!important;
  top:4%!important;
  z-index:2!important;
  width:53%!important;
  height:76%!important;
  border-radius:54% 46% 58% 42% / 44% 58% 42% 56%!important;
  transform:rotate(2.5deg)!important;
  animation:heroCampaignIvanaFloat 8.1s ease-in-out infinite!important;
}

body.home-agency .hero-campaign-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 20%!important;
  transform:scale(1.025)!important;
}

body.home-agency .hero-campaign-photo--ivana img{
  object-position:center 18%!important;
}

body.home-agency .hero-campaign-orbit{
  position:absolute!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:50%!important;
  border:2px solid transparent!important;
}

body.home-agency .hero-campaign-orbit--one{
  inset:12% -4% 9% 4%!important;
  border-top-color:rgba(181,154,255,.78)!important;
  border-right-color:rgba(84,152,255,.72)!important;
  transform:rotate(-12deg)!important;
  filter:drop-shadow(0 0 10px rgba(84,152,255,.26))!important;
  animation:heroOrbitPulse 6s ease-in-out infinite!important;
}

body.home-agency .hero-campaign-orbit--two{
  width:110px!important;
  height:110px!important;
  right:3%!important;
  top:4%!important;
  background:radial-gradient(circle at 35% 30%,#fff 0 3%,#a992ff 18%,#5498ff 52%,rgba(84,152,255,.12) 72%)!important;
  filter:blur(.2px) drop-shadow(0 0 24px rgba(84,152,255,.32))!important;
  opacity:.82!important;
  animation:heroOrbFloat 5.4s ease-in-out infinite!important;
}

@keyframes heroCampaignAnaFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}
  50%{transform:translate3d(0,-12px,0) rotate(-1.6deg)}
}

@keyframes heroCampaignIvanaFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(2.5deg)}
  50%{transform:translate3d(0,10px,0) rotate(1.2deg)}
}

@keyframes heroOrbitPulse{
  0%,100%{opacity:.58;transform:rotate(-12deg) scale(1)}
  50%{opacity:.96;transform:rotate(-9deg) scale(1.015)}
}

@keyframes heroOrbFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-8px,10px,0) scale(1.08)}
}

@media (max-width:900px){
  body.home-agency .hero{
    min-height:auto!important;
    padding:82px 18px 54px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  body.home-agency .hero-copy{
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    text-align:left!important;
  }

  body.home-agency .hero-title,
  body.home-agency .hero-title-text,
  body.home-agency .hero-lead{
    text-align:left!important;
  }

  body.home-agency .hero-title-text{
    justify-content:flex-start!important;
  }

  body.home-agency .hero-lead{
    margin:0!important;
  }

  body.home-agency .hero-actions{
    justify-content:flex-start!important;
    margin-left:0!important;
  }

  body.home-agency .hero-campaign-media{
    min-height:460px!important;
    width:min(100%,620px)!important;
    margin:0 auto!important;
  }

  body.home-agency .hero-campaign-photo--ana{
    left:2%!important;
    width:58%!important;
    height:78%!important;
  }

  body.home-agency .hero-campaign-photo--ivana{
    right:1%!important;
    width:54%!important;
    height:74%!important;
  }
}

@media (max-width:560px){
  body.home-agency .hero{
    padding:72px 16px 44px!important;
    gap:22px!important;
  }

  body.home-agency .hero-title{
    height:clamp(11rem,49vw,13rem)!important;
    min-height:11rem!important;
    margin-bottom:16px!important;
  }

  body.home-agency .hero-actions{
    width:100%!important;
  }

  body.home-agency .hero-campaign-media{
    min-height:390px!important;
  }

  body.home-agency .hero-campaign-photo--ana{
    left:0!important;
    bottom:3%!important;
    width:59%!important;
    height:78%!important;
    border-radius:44% 56% 42% 58% / 38% 46% 54% 62%!important;
  }

  body.home-agency .hero-campaign-photo--ivana{
    right:0!important;
    top:5%!important;
    width:55%!important;
    height:73%!important;
    border-radius:56% 44% 60% 40% / 46% 60% 40% 54%!important;
  }

  body.home-agency .hero-campaign-orbit--one{
    inset:15% -12% 7% 1%!important;
  }

  body.home-agency .hero-campaign-orbit--two{
    width:72px!important;
    height:72px!important;
    right:0!important;
    top:2%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .hero-campaign-photo--ana,
  body.home-agency .hero-campaign-photo--ivana,
  body.home-agency .hero-campaign-orbit--one,
  body.home-agency .hero-campaign-orbit--two{
    animation:none!important;
  }
}


/* =========================================================
   HOME V16 — hero inspirado no layout de campanha aprovado
   ========================================================= */

body.home-agency .hero{
  background:
    radial-gradient(circle at 82% 26%,rgba(84,152,255,.30),transparent 25%),
    radial-gradient(circle at 68% 68%,rgba(138,79,255,.27),transparent 31%),
    radial-gradient(circle at 8% 4%,rgba(138,79,255,.20),transparent 28%),
    linear-gradient(135deg,#0b041c 0%,#10062b 48%,#10133a 100%)!important;
}

body.home-agency .hero::before{
  width:520px!important;
  height:520px!important;
  left:-180px!important;
  top:-250px!important;
  background:#8A4FFF!important;
  filter:blur(125px)!important;
  opacity:.38!important;
}

body.home-agency .hero::after{
  width:620px!important;
  height:620px!important;
  right:-220px!important;
  bottom:-290px!important;
  background:#5498FF!important;
  filter:blur(145px)!important;
  opacity:.28!important;
}

body.home-agency .hero-brand-lockup{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:235px!important;
  height:62px!important;
  margin:0 0 34px!important;
  overflow:visible!important;
}

body.home-agency .hero-brand-lockup img{
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:235px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(84,152,255,.18))!important;
}

@media (min-width:901px){
  body.home-agency .hero{
    min-height:calc(100svh - 112px)!important;
    padding:58px max(28px,calc((100vw - 1240px)/2)) 52px!important;
    display:grid!important;
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
    align-items:center!important;
    gap:clamp(34px,4.5vw,72px)!important;
  }

  body.home-agency .hero-copy{
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    text-align:left!important;
  }

  body.home-agency .hero-title{
    width:100%!important;
    max-width:620px!important;
    height:clamp(10.3rem,12vw,12.6rem)!important;
    margin:0 0 22px!important;
    font-size:clamp(3.35rem,5.15vw,5rem)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    text-align:left!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(3rem,4.6vw,4.45rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.55rem,3.9vw,3.82rem)!important;
  }

  body.home-agency .hero-title-text{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    background:linear-gradient(110deg,#ffffff 0%,#ffffff 26%,#c9b8ff 58%,#72a9ff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }

  body.home-agency .hero-lead{
    max-width:610px!important;
    margin:0!important;
    color:#cfd4e5!important;
    font-size:1.08rem!important;
    line-height:1.7!important;
    text-align:left!important;
  }

  body.home-agency .hero-actions{
    justify-content:flex-start!important;
    margin:30px 0 0!important;
  }

  body.home-agency .hero-actions .button{
    min-width:188px!important;
    min-height:54px!important;
  }
}

body.home-agency .hero-campaign-media{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:610px!important;
  isolation:isolate!important;
  overflow:visible!important;
}

body.home-agency .hero-campaign-glow{
  position:absolute!important;
  inset:5% -3% 2% 4%!important;
  z-index:-3!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 34% 38%,rgba(138,79,255,.66),transparent 32%),
    radial-gradient(circle at 70% 56%,rgba(84,152,255,.58),transparent 38%)!important;
  filter:blur(22px)!important;
  opacity:.72!important;
}

body.home-agency .hero-campaign-image{
  position:absolute!important;
  z-index:2!important;
  right:-4%!important;
  bottom:-5%!important;
  width:108%!important;
  height:108%!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  border:0!important;
  box-shadow:none!important;
  clip-path:ellipse(48% 45% at 53% 50%)!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 54% 50%,#000 0 66%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.52) 84%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 72% 70% at 54% 50%,#000 0 66%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.52) 84%,transparent 100%)!important;
  filter:saturate(1.03) contrast(1.02) drop-shadow(0 32px 56px rgba(0,0,0,.22))!important;
  animation:heroCampaignImageFloat 8s ease-in-out infinite!important;
  will-change:transform!important;
}

body.home-agency .hero-campaign-ring{
  position:absolute!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
}

body.home-agency .hero-campaign-ring--one{
  left:2%!important;
  right:-7%!important;
  top:16%!important;
  bottom:8%!important;
  border:2px solid transparent!important;
  border-top-color:rgba(187,159,255,.82)!important;
  border-right-color:rgba(84,152,255,.92)!important;
  transform:rotate(-12deg)!important;
  filter:drop-shadow(0 0 9px rgba(84,152,255,.38))!important;
  animation:heroCampaignRingPulse 6.4s ease-in-out infinite!important;
}

body.home-agency .hero-campaign-ring--two{
  width:96px!important;
  height:96px!important;
  right:2%!important;
  top:10%!important;
  background:radial-gradient(circle at 32% 28%,#fff 0 4%,#cab9ff 16%,#6da6ff 48%,rgba(84,152,255,.18) 72%)!important;
  box-shadow:0 0 36px rgba(84,152,255,.35)!important;
  animation:heroCampaignOrbFloat 5.6s ease-in-out infinite!important;
}

@keyframes heroCampaignImageFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-10px,0) scale(1.012)}
}

@keyframes heroCampaignRingPulse{
  0%,100%{opacity:.64;transform:rotate(-12deg) scale(1)}
  50%{opacity:1;transform:rotate(-9deg) scale(1.015)}
}

@keyframes heroCampaignOrbFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-9px,12px,0)}
}

@media (max-width:900px){
  body.home-agency .hero{
    min-height:auto!important;
    padding:86px 18px 44px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.home-agency .hero-brand-lockup{
    display:none!important;
  }

  body.home-agency .hero-copy{
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    text-align:left!important;
  }

  body.home-agency .hero-title,
  body.home-agency .hero-title-text,
  body.home-agency .hero-lead{
    text-align:left!important;
  }

  body.home-agency .hero-title-text{
    justify-content:flex-start!important;
  }

  body.home-agency .hero-lead{
    margin:0!important;
  }

  body.home-agency .hero-actions{
    justify-content:flex-start!important;
    margin-left:0!important;
  }

  body.home-agency .hero-campaign-media{
    min-height:470px!important;
    width:min(100%,650px)!important;
    margin:0 auto!important;
  }

  body.home-agency .hero-campaign-image{
    right:-7%!important;
    bottom:-6%!important;
    width:114%!important;
    height:112%!important;
    object-position:center 46%!important;
    clip-path:ellipse(49% 45% at 53% 50%)!important;
  }
}

@media (max-width:560px){
  body.home-agency .hero{
    padding:76px 16px 36px!important;
    gap:12px!important;
  }

  body.home-agency .hero-title{
    height:clamp(11rem,48vw,13rem)!important;
    min-height:11rem!important;
    margin-bottom:14px!important;
  }

  body.home-agency .hero-lead{
    font-size:.98rem!important;
    line-height:1.62!important;
  }

  body.home-agency .hero-actions{
    gap:10px!important;
  }

  body.home-agency .hero-campaign-media{
    min-height:390px!important;
    margin-top:-2px!important;
  }

  body.home-agency .hero-campaign-image{
    right:-14%!important;
    bottom:-7%!important;
    width:126%!important;
    height:118%!important;
    object-position:center 46%!important;
    clip-path:ellipse(50% 44% at 54% 50%)!important;
  }

  body.home-agency .hero-campaign-ring--one{
    left:-3%!important;
    right:-14%!important;
    top:18%!important;
    bottom:5%!important;
  }

  body.home-agency .hero-campaign-ring--two{
    width:66px!important;
    height:66px!important;
    right:0!important;
    top:8%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .hero-campaign-image,
  body.home-agency .hero-campaign-ring--one,
  body.home-agency .hero-campaign-ring--two{
    animation:none!important;
  }
}


/* =========================================================
   HOME V18 — correção definitiva do hero
   Título fixo, sem logo extra, foto integrada e marquee visível
   ========================================================= */

@media (min-width:901px){
  body.home-agency .hero{
    box-sizing:border-box!important;
    height:calc(100svh - 126px)!important;
    min-height:570px!important;
    max-height:680px!important;
    padding:34px max(28px,calc((100vw - 1240px)/2)) 26px!important;
    grid-template-columns:minmax(0,.90fr) minmax(500px,1.10fr)!important;
    gap:clamp(34px,4vw,64px)!important;
    align-items:center!important;
  }

  body.home-agency .hero-copy{
    align-self:center!important;
    max-width:610px!important;
  }

  body.home-agency .hero-title.hero-title--static{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 22px!important;
    max-width:610px!important;
    font-size:clamp(3.25rem,4.45vw,4.75rem)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    text-align:left!important;
    color:#fff!important;
    background:linear-gradient(108deg,#fff 0%,#fff 27%,#d0c2ff 57%,#77acff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }

  body.home-agency .hero-lead{
    max-width:590px!important;
    font-size:1.03rem!important;
    line-height:1.62!important;
  }

  body.home-agency .hero-actions{
    margin-top:26px!important;
  }

  body.home-agency .hero-campaign-media{
    align-self:stretch!important;
    width:100%!important;
    min-height:0!important;
    height:100%!important;
    overflow:visible!important;
  }

  body.home-agency .hero-campaign-glow{
    inset:4% -7% 1% 2%!important;
    border-radius:44% 56% 48% 52% / 48% 45% 55% 52%!important;
    filter:blur(28px)!important;
    opacity:.78!important;
  }

  body.home-agency .hero-campaign-image{
    right:-8%!important;
    bottom:-10%!important;
    width:116%!important;
    height:116%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    clip-path:none!important;
    -webkit-mask-image:radial-gradient(
      ellipse 79% 78% at 56% 53%,
      #000 0 64%,
      rgba(0,0,0,.98) 72%,
      rgba(0,0,0,.82) 80%,
      rgba(0,0,0,.34) 90%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(
      ellipse 79% 78% at 56% 53%,
      #000 0 64%,
      rgba(0,0,0,.98) 72%,
      rgba(0,0,0,.82) 80%,
      rgba(0,0,0,.34) 90%,
      transparent 100%
    )!important;
    filter:saturate(1.04) contrast(1.01) drop-shadow(0 26px 48px rgba(0,0,0,.20))!important;
  }

  body.home-agency .hero-campaign-ring--one{
    left:5%!important;
    right:-6%!important;
    top:18%!important;
    bottom:8%!important;
    border-width:2px!important;
    opacity:.82!important;
  }

  body.home-agency .hero-campaign-ring--two{
    width:78px!important;
    height:78px!important;
    right:1%!important;
    top:13%!important;
  }
}

body.home-agency .hero-brand-lockup{
  display:none!important;
}

body.home-agency .hero-title--static{
  overflow:visible!important;
}

@media (max-width:900px){
  body.home-agency .hero{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
  }

  body.home-agency .hero-title.hero-title--static{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 18px!important;
    font-size:clamp(2.8rem,8.8vw,4.15rem)!important;
    line-height:.97!important;
    letter-spacing:-.045em!important;
    color:#fff!important;
    background:linear-gradient(108deg,#fff 0%,#fff 25%,#d0c2ff 58%,#77acff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }

  body.home-agency .hero-campaign-image{
    clip-path:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    -webkit-mask-image:radial-gradient(
      ellipse 82% 80% at 54% 54%,
      #000 0 65%,
      rgba(0,0,0,.96) 73%,
      rgba(0,0,0,.70) 83%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(
      ellipse 82% 80% at 54% 54%,
      #000 0 65%,
      rgba(0,0,0,.96) 73%,
      rgba(0,0,0,.70) 83%,
      transparent 100%
    )!important;
  }
}

@media (max-width:560px){
  body.home-agency .hero{
    padding-top:82px!important;
  }

  body.home-agency .hero-title.hero-title--static{
    font-size:clamp(2.55rem,11vw,3.35rem)!important;
    line-height:.98!important;
  }

  body.home-agency .hero-campaign-media{
    min-height:360px!important;
  }

  body.home-agency .hero-campaign-image{
    right:-10%!important;
    bottom:-6%!important;
    width:120%!important;
    height:112%!important;
  }
}


/* =========================================================
   HOME V19 — rotator restaurado sem corte
   ========================================================= */

@media (min-width:901px){
  body.home-agency .hero-title{
    display:block!important;
    height:clamp(10.8rem,12.8vw,13.6rem)!important;
    min-height:10.8rem!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 20px!important;
    max-width:610px!important;
    font-size:clamp(3.1rem,4.35vw,4.65rem)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    text-align:left!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.85rem,4vw,4.25rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.45rem,3.55vw,3.7rem)!important;
  }

  body.home-agency .hero-title-rotator{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:inherit!important;
    overflow:visible!important;
  }

  body.home-agency .hero-title-text{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-height:inherit!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    background:linear-gradient(108deg,#fff 0%,#fff 27%,#d0c2ff 57%,#77acff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
}

@media (max-width:900px){
  body.home-agency .hero-title{
    display:block!important;
    height:clamp(11.5rem,34vw,13.5rem)!important;
    min-height:11.5rem!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 18px!important;
    font-size:clamp(2.7rem,8vw,4rem)!important;
    line-height:.97!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.5rem,7.2vw,3.65rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.2rem,6.3vw,3.25rem)!important;
  }

  body.home-agency .hero-title-rotator,
  body.home-agency .hero-title-text{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-height:inherit!important;
    overflow:visible!important;
  }

  body.home-agency .hero-title-text{
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    white-space:normal!important;
    background:linear-gradient(108deg,#fff 0%,#fff 25%,#d0c2ff 58%,#77acff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
}

@media (max-width:560px){
  body.home-agency .hero-title{
    height:clamp(12rem,52vw,14.25rem)!important;
    min-height:12rem!important;
    font-size:clamp(2.4rem,10.3vw,3.2rem)!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.2rem,9.2vw,2.95rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(1.95rem,8.2vw,2.6rem)!important;
  }
}


/* =========================================================
   HOME V20 — corrige corte real do título rotativo
   ========================================================= */

body.home-agency .hero-title{
  position:relative!important;
  height:auto!important;
  max-height:none!important;
  min-height:3.15em!important;
  overflow:visible!important;
  padding:0!important;
}

body.home-agency .hero-title-rotator{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:3.15em!important;
  max-height:none!important;
  overflow:visible!important;
}

body.home-agency .hero-title-text{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:.08em 0 .18em!important;
  line-height:1.02!important;
  text-align:left!important;
  text-wrap:balance!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.home-agency .hero-title-text.is-leaving,
body.home-agency .hero-title-text.is-entering{
  position:relative!important;
  inset:auto!important;
  overflow:visible!important;
}

@media (min-width:901px){
  body.home-agency .hero-title{
    min-height:3.15em!important;
    margin-bottom:16px!important;
    font-size:clamp(3rem,4.15vw,4.45rem)!important;
    line-height:1!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.8rem,3.8vw,4.05rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.4rem,3.35vw,3.55rem)!important;
  }

  body.home-agency .hero-title-rotator{
    min-height:3.15em!important;
  }
}

@media (max-width:900px){
  body.home-agency .hero-title{
    min-height:3.3em!important;
    font-size:clamp(2.6rem,7.6vw,3.8rem)!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.4rem,6.9vw,3.45rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(2.15rem,6.1vw,3.05rem)!important;
  }

  body.home-agency .hero-title-rotator{
    min-height:3.3em!important;
  }
}

@media (max-width:560px){
  body.home-agency .hero-title{
    min-height:3.55em!important;
    font-size:clamp(2.3rem,9.7vw,3.05rem)!important;
  }

  body.home-agency .hero-title.hero-title--medium{
    font-size:clamp(2.1rem,8.7vw,2.78rem)!important;
  }

  body.home-agency .hero-title.hero-title--long{
    font-size:clamp(1.9rem,7.8vw,2.48rem)!important;
  }

  body.home-agency .hero-title-rotator{
    min-height:3.55em!important;
  }
}


/* HOME V21 — sobe apenas a imagem do hero */
@media (min-width:901px){
  body.home-agency .hero-campaign-image{
    bottom:2%!important;
  }
}

@media (max-width:900px){
  body.home-agency .hero-campaign-image{
    bottom:0!important;
  }
}


/* HOME V22 — remove arco/bolinha e adiciona efeito atrás da foto */
body.home-agency .hero-campaign-ring--one,
body.home-agency .hero-campaign-ring--two{
  display:none!important;
}

body.home-agency .hero-campaign-media{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.home-agency .hero-campaign-media::before{
  content:""!important;
  position:absolute!important;
  inset:14% 8% 6% 10%!important;
  z-index:-2!important;
  border-radius:42% 58% 47% 53% / 48% 44% 56% 52%!important;
  background:
    radial-gradient(circle at 30% 35%,rgba(138,79,255,.45),transparent 35%),
    radial-gradient(circle at 72% 60%,rgba(84,152,255,.38),transparent 38%),
    linear-gradient(135deg,rgba(138,79,255,.12),rgba(84,152,255,.10))!important;
  filter:blur(18px)!important;
  opacity:.95!important;
}

body.home-agency .hero-campaign-media::after{
  content:""!important;
  position:absolute!important;
  width:72%!important;
  height:72%!important;
  right:8%!important;
  bottom:10%!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(138,79,255,.26) 0%,rgba(84,152,255,.18) 45%,transparent 72%)!important;
  filter:blur(34px)!important;
  opacity:.9!important;
}


/* HOME V23 — ícones reais dos cards de serviços */
body.home-agency .service-grid--five > .service-card::before{
  content:""!important;
  width:68px!important;
  height:68px!important;
  margin:0 0 24px!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none!important;
  filter:none!important;
}

body.home-agency .service-grid--five > .service-card:nth-child(1)::before{
  background-image:url("/assets/%C3%ADcones/1%20PALETA.png")!important;
}

body.home-agency .service-grid--five > .service-card:nth-child(2)::before{
  background-image:url("/assets/%C3%ADcones/2%20TR%C3%81FEGO.png")!important;
}

body.home-agency .service-grid--five > .service-card:nth-child(3)::before{
  background-image:url("/assets/%C3%ADcones/3%20SITE.png")!important;
}

body.home-agency .service-grid--five > .service-card:nth-child(4)::before{
  background-image:url("/assets/%C3%ADcones/4%20AUTOMA%C3%87%C3%83O.png")!important;
}

body.home-agency .service-grid--five > .service-card:nth-child(5)::before{
  background-image:url("/assets/%C3%ADcones/5%20SOM.png")!important;
}


/* HOME V24 — centraliza os ícones reais dos serviços */
body.home-agency .service-grid--five > .service-card::before{
  margin:0 auto 24px!important;
  display:block!important;
  background-position:center center!important;
  background-size:contain!important;
}


/* HOME V25 — centraliza o conteúdo textual dos cards de serviços */
body.home-agency .service-grid--five > .service-card{
  text-align:center!important;
}

body.home-agency .service-grid--five > .service-card h3,
body.home-agency .service-grid--five > .service-card p,
body.home-agency .service-grid--five > .service-card .service-card__details-hint{
  text-align:center!important;
}

body.home-agency .service-grid--five > .service-card .service-card__details-hint{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* =========================================================
   HOME V26 — galeria editorial aleatória
   ========================================================= */

body.home-agency .brand-editorial__photo{
  border:0!important;
  background:#0b0620!important;
  isolation:isolate!important;
}

body.home-agency .brand-editorial__photo::before{
  content:""!important;
  position:absolute!important;
  inset:-55%!important;
  z-index:0!important;
  background:conic-gradient(
    from 0deg,
    #8A4FFF 0deg,
    #5498FF 72deg,
    rgba(255,255,255,.92) 132deg,
    #8A4FFF 205deg,
    #5498FF 285deg,
    #8A4FFF 360deg
  )!important;
  animation:editorialBorderSpinV26 7s linear infinite!important;
  pointer-events:none!important;
}

body.home-agency .brand-editorial__photo::after{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  z-index:1!important;
  border-radius:19px!important;
  background:#09041A!important;
  pointer-events:none!important;
}

body.home-agency .brand-editorial__photo .editorial-image-layer{
  position:absolute!important;
  inset:4px!important;
  z-index:2!important;
  display:block!important;
  width:calc(100% - 8px)!important;
  height:calc(100% - 8px)!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:19px!important;
  opacity:0!important;
  transform:scale(1.055) translate3d(0,8px,0)!important;
  filter:blur(8px) saturate(.92)!important;
  transition:
    opacity .68s ease,
    transform .82s cubic-bezier(.2,.72,.2,1),
    filter .68s ease!important;
  animation:none!important;
  will-change:opacity,transform,filter!important;
}

body.home-agency .brand-editorial__photo .editorial-image-layer.is-active{
  opacity:1!important;
  transform:scale(1) translate3d(0,0,0)!important;
  filter:blur(0) saturate(1.03)!important;
}

body.home-agency .brand-editorial__photo.is-switching{
  animation-name:editorialSwitchGlowV26!important;
}

@keyframes editorialBorderSpinV26{
  to{transform:rotate(360deg)}
}

@keyframes editorialSwitchGlowV26{
  0%,100%{
    box-shadow:
      0 22px 50px rgba(0,0,0,.28),
      0 0 0 rgba(138,79,255,0)!important;
  }
  48%{
    box-shadow:
      0 25px 58px rgba(0,0,0,.32),
      0 0 32px rgba(84,152,255,.34),
      0 0 18px rgba(138,79,255,.30)!important;
  }
}

@media (max-width:560px){
  body.home-agency .brand-editorial__photo::after,
  body.home-agency .brand-editorial__photo .editorial-image-layer{
    inset:3px!important;
    border-radius:15px!important;
  }

  body.home-agency .brand-editorial__photo .editorial-image-layer{
    width:calc(100% - 6px)!important;
    height:calc(100% - 6px)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .brand-editorial__photo::before{
    animation:none!important;
  }

  body.home-agency .brand-editorial__photo .editorial-image-layer{
    transition:none!important;
  }
}


/* =========================================================
   HOME V27 — um único quadro editorial
   ========================================================= */

body.home-agency .brand-editorial__photos{
  position:relative!important;
  overflow:hidden!important;
}

body.home-agency .brand-editorial__photo--single{
  position:absolute!important;
  inset:18px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
  animation:none!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#09041A!important;
  box-shadow:0 22px 50px rgba(0,0,0,.28)!important;
}

body.home-agency .brand-editorial__photo--single::before{
  content:""!important;
  position:absolute!important;
  inset:-45%!important;
  z-index:0!important;
  background:conic-gradient(
    from 0deg,
    #8A4FFF 0deg,
    #5498FF 80deg,
    rgba(255,255,255,.92) 145deg,
    #8A4FFF 220deg,
    #5498FF 300deg,
    #8A4FFF 360deg
  )!important;
  animation:editorialBorderSpinV27 7s linear infinite!important;
}

body.home-agency .brand-editorial__photo--single::after{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  z-index:1!important;
  border-radius:18px!important;
  background:#09041A!important;
}

body.home-agency .brand-editorial__photo--single .editorial-image-layer{
  position:absolute!important;
  inset:4px!important;
  z-index:2!important;
  width:calc(100% - 8px)!important;
  height:calc(100% - 8px)!important;
  border-radius:18px!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:0!important;
  transform:scale(1.04)!important;
  filter:blur(6px) saturate(.95)!important;
  transition:
    opacity .58s ease,
    transform .72s cubic-bezier(.2,.72,.2,1),
    filter .58s ease!important;
  animation:none!important;
}

body.home-agency .brand-editorial__photo--single .editorial-image-layer.is-active{
  opacity:1!important;
  transform:scale(1)!important;
  filter:blur(0) saturate(1.03)!important;
}

body.home-agency .brand-editorial__photo--single.is-switching{
  animation:editorialSwitchGlowV27 .7s ease!important;
}

body.home-agency .brand-editorial__photo-accent,
body.home-agency .brand-editorial__photo--primary,
body.home-agency .brand-editorial__photo--secondary{
  display:none!important;
}

@keyframes editorialBorderSpinV27{
  to{transform:rotate(360deg)}
}

@keyframes editorialSwitchGlowV27{
  0%,100%{
    box-shadow:
      0 22px 50px rgba(0,0,0,.28),
      0 0 0 rgba(138,79,255,0)!important;
  }
  50%{
    box-shadow:
      0 26px 58px rgba(0,0,0,.32),
      0 0 34px rgba(84,152,255,.34),
      0 0 18px rgba(138,79,255,.28)!important;
  }
}

@media (max-width:560px){
  body.home-agency .brand-editorial__photo--single{
    inset:12px!important;
    border-radius:18px!important;
  }

  body.home-agency .brand-editorial__photo--single::after,
  body.home-agency .brand-editorial__photo--single .editorial-image-layer{
    inset:3px!important;
    width:calc(100% - 6px)!important;
    height:calc(100% - 6px)!important;
    border-radius:15px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-agency .brand-editorial__photo--single::before{
    animation:none!important;
  }

  body.home-agency .brand-editorial__photo--single .editorial-image-layer{
    transition:none!important;
  }
}


/* =========================================================
   HOME V28 — botões premium do hero
   ========================================================= */

body.home-agency .hero-actions{
  gap:14px!important;
}

body.home-agency .hero-actions .button{
  position:relative!important;
  isolation:isolate!important;
  min-width:198px!important;
  min-height:56px!important;
  padding:0 24px!important;
  gap:14px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  font-family:"Inter",sans-serif!important;
  font-size:.96rem!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  transition:
    transform .28s cubic-bezier(.2,.72,.2,1),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease!important;
}

body.home-agency .hero-actions .button::before{
  content:""!important;
  position:absolute!important;
  top:-120%!important;
  left:-35%!important;
  z-index:-1!important;
  width:40%!important;
  height:340%!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.28),
    transparent
  )!important;
  transform:rotate(18deg) translateX(-220%)!important;
  transition:transform .7s cubic-bezier(.2,.72,.2,1)!important;
  pointer-events:none!important;
}

body.home-agency .hero-actions .button::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:-2!important;
  border-radius:13px!important;
  pointer-events:none!important;
}

body.home-agency .hero-actions .button span{
  display:inline-block!important;
  font-size:1.08rem!important;
  line-height:1!important;
  transition:transform .28s cubic-bezier(.2,.72,.2,1)!important;
}

body.home-agency .hero-actions .button.primary{
  border:1px solid rgba(255,255,255,.22)!important;
  background:
    linear-gradient(135deg,rgba(138,79,255,1) 0%,rgba(84,152,255,1) 100%)!important;
  color:#fff!important;
  box-shadow:
    0 14px 34px rgba(84,152,255,.20),
    0 8px 24px rgba(138,79,255,.18),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

body.home-agency .hero-actions .button.primary::after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%)!important;
}

body.home-agency .hero-actions .button.secondary{
  border:1px solid rgba(178,181,235,.32)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 28px rgba(0,0,0,.10)!important;
}

body.home-agency .hero-actions .button.secondary::after{
  background:
    radial-gradient(circle at 18% 0%,rgba(138,79,255,.12),transparent 45%),
    radial-gradient(circle at 90% 100%,rgba(84,152,255,.10),transparent 42%)!important;
}

body.home-agency .hero-actions .button:hover{
  transform:translateY(-3px)!important;
}

body.home-agency .hero-actions .button:hover::before{
  transform:rotate(18deg) translateX(520%)!important;
}

body.home-agency .hero-actions .button:hover span{
  transform:translateX(4px)!important;
}

body.home-agency .hero-actions .button.primary:hover{
  box-shadow:
    0 18px 42px rgba(84,152,255,.28),
    0 10px 30px rgba(138,79,255,.24),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
}

body.home-agency .hero-actions .button.secondary:hover{
  border-color:rgba(138,79,255,.58)!important;
  background:
    linear-gradient(180deg,rgba(138,79,255,.10),rgba(84,152,255,.06))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 16px 34px rgba(0,0,0,.16)!important;
}

body.home-agency .hero-actions .button:focus-visible{
  outline:none!important;
  box-shadow:
    0 0 0 3px rgba(9,4,26,1),
    0 0 0 5px rgba(84,152,255,.78),
    0 16px 36px rgba(84,152,255,.22)!important;
}

@media(max-width:560px){
  body.home-agency .hero-actions{
    gap:10px!important;
  }

  body.home-agency .hero-actions .button{
    min-width:0!important;
    width:100%!important;
    min-height:54px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   HOME V29 — dissolve o limite inferior do PNG no hero
   ========================================================= */

body.home-agency .hero-campaign-image{
  -webkit-mask-image:
    radial-gradient(
      ellipse 82% 80% at 54% 52%,
      #000 0 64%,
      rgba(0,0,0,.98) 73%,
      rgba(0,0,0,.76) 84%,
      transparent 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 89%,
      rgba(0,0,0,.92) 93%,
      rgba(0,0,0,.48) 97%,
      transparent 100%
    )!important;
  -webkit-mask-composite:source-in!important;

  mask-image:
    radial-gradient(
      ellipse 82% 80% at 54% 52%,
      #000 0 64%,
      rgba(0,0,0,.98) 73%,
      rgba(0,0,0,.76) 84%,
      transparent 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 89%,
      rgba(0,0,0,.92) 93%,
      rgba(0,0,0,.48) 97%,
      transparent 100%
    )!important;
  mask-composite:intersect!important;
}

@media(max-width:900px){
  body.home-agency .hero-campaign-image{
    bottom:2%!important;
  }
}


/* =========================================================
   HOME V30 — título rotativo sem deslocar o restante do hero
   ========================================================= */

body.home-agency .hero-title{
  position:relative!important;
  height:13rem!important;
  min-height:13rem!important;
  max-height:13rem!important;
  overflow:visible!important;
  margin-bottom:16px!important;
}

body.home-agency .hero-title-rotator{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  overflow:visible!important;
}

body.home-agency .hero-title-text{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:.08em 0 .18em!important;
  transform:translateY(-8px)!important;
  overflow:visible!important;
}

body.home-agency .hero-title-text.is-leaving{
  transform:translateY(-34px)!important;
}

body.home-agency .hero-title-text.is-entering{
  transform:translateY(18px)!important;
}

@media(min-width:901px){
  body.home-agency .hero-title{
    height:clamp(12.25rem,13vw,13.5rem)!important;
    min-height:clamp(12.25rem,13vw,13.5rem)!important;
    max-height:clamp(12.25rem,13vw,13.5rem)!important;
  }

  body.home-agency .hero-title-text{
    transform:translateY(-10px)!important;
  }

  body.home-agency .hero-title-text.is-leaving{
    transform:translateY(-36px)!important;
  }

  body.home-agency .hero-title-text.is-entering{
    transform:translateY(18px)!important;
  }
}

@media(max-width:900px){
  body.home-agency .hero-title{
    height:13.25rem!important;
    min-height:13.25rem!important;
    max-height:13.25rem!important;
    margin-bottom:10px!important;
  }

  body.home-agency .hero-title-text{
    transform:translateY(-14px)!important;
  }

  body.home-agency .hero-title-text.is-leaving{
    transform:translateY(-38px)!important;
  }

  body.home-agency .hero-title-text.is-entering{
    transform:translateY(12px)!important;
  }
}

@media(max-width:560px){
  body.home-agency .hero-title{
    height:12.75rem!important;
    min-height:12.75rem!important;
    max-height:12.75rem!important;
  }

  body.home-agency .hero-title-text{
    transform:translateY(-16px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-agency .hero-title-text,
  body.home-agency .hero-title-text.is-leaving,
  body.home-agency .hero-title-text.is-entering{
    transform:translateY(-8px)!important;
  }
}


/* =========================================================
   HOME V31 — título rotativo centralizado apenas no mobile
   ========================================================= */

@media(max-width:900px){
  body.home-agency .hero-title{
    text-align:center!important;
  }

  body.home-agency .hero-title-rotator{
    text-align:center!important;
  }

  body.home-agency .hero-title-text{
    left:0!important;
    right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    justify-content:center!important;
    text-wrap:balance!important;
  }
}


/* =========================================================
   HOME V32 — aproxima conteúdo abaixo sem causar deslocamento
   ========================================================= */

@media(min-width:901px){
  body.home-agency .hero-title{
    height:11.25rem!important;
    min-height:11.25rem!important;
    max-height:11.25rem!important;
    margin-bottom:10px!important;
  }
}

@media(max-width:900px){
  body.home-agency .hero-title{
    height:10.75rem!important;
    min-height:10.75rem!important;
    max-height:10.75rem!important;
    margin-bottom:6px!important;
  }
}

@media(max-width:560px){
  body.home-agency .hero-title{
    height:10.5rem!important;
    min-height:10.5rem!important;
    max-height:10.5rem!important;
  }
}


/* =========================================================
   HOME V33 — mobile no limite seguro de 3 linhas
   ========================================================= */

@media(max-width:560px){
  body.home-agency .hero-title{
    height:9rem!important;
    min-height:9rem!important;
    max-height:9rem!important;
    margin-bottom:0!important;
  }

  body.home-agency .hero-lead{
    margin-top:0!important;
  }
}


/* =========================================================
   HOME V34 — todas as frases em 3 linhas no mobile
   ========================================================= */

@media(max-width:560px){
  body.home-agency .hero-title,
  body.home-agency .hero-title.hero-title--medium,
  body.home-agency .hero-title.hero-title--long{
    height:8.7rem!important;
    min-height:8.7rem!important;
    max-height:8.7rem!important;
    margin-bottom:0!important;
    font-size:clamp(2.25rem,9.4vw,2.85rem)!important;
    line-height:1!important;
  }

  body.home-agency .hero-title-text{
    top:0!important;
    transform:translateY(-20px)!important;
  }

  body.home-agency .hero-title-text.is-leaving{
    transform:translateY(-42px)!important;
  }

  body.home-agency .hero-title-text.is-entering{
    transform:translateY(2px)!important;
  }

  body.home-agency .hero-title-line{
    display:block!important;
    width:100%!important;
    min-height:1em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.home-agency .hero-lead{
    margin-top:-8px!important;
  }
}


/* =========================================================
   HOME V35 — crédito discreto da foto do hero
   ========================================================= */

body.home-agency .hero-campaign-credit{
  position:absolute!important;
  z-index:4!important;
  right:7%!important;
  bottom:-12px!important;
  margin:0!important;
  color:rgba(255,255,255,.48)!important;
  font-family:"Inter","Poppins",sans-serif!important;
  font-size:.68rem!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:.035em!important;
  text-align:right!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

body.home-agency .hero-campaign-credit span{
  color:rgba(255,255,255,.36)!important;
  font-size:.62rem!important;
}

@media(max-width:900px){
  body.home-agency .hero-campaign-credit{
    right:auto!important;
    left:50%!important;
    bottom:-8px!important;
    transform:translateX(-50%)!important;
    font-size:.64rem!important;
    text-align:center!important;
  }

  body.home-agency .hero-campaign-credit span{
    font-size:.59rem!important;
  }
}


/* =========================================================
   HOME V36 — crédito à direita e Aniva em negrito
   ========================================================= */

body.home-agency .hero-campaign-credit{
  right:6%!important;
  left:auto!important;
  transform:none!important;
  text-align:right!important;
}

body.home-agency .hero-campaign-credit span{
  font-weight:700!important;
}

@media(max-width:900px){
  body.home-agency .hero-campaign-credit{
    right:5%!important;
    left:auto!important;
    transform:none!important;
    text-align:right!important;
  }
}


/* =========================================================
   HOME V37 — centralização de textos principais
   ========================================================= */

body.home-agency .hero-lead{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.home-agency .brand-editorial__copy{
  text-align:center!important;
}

body.home-agency .brand-editorial__copy h2,
body.home-agency .brand-editorial__copy p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.home-agency .brand-editorial__copy .brand-editorial__link{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* =========================================================
   HOME V38 — dissolve todas as bordas do PNG no hero
   ========================================================= */

@media(min-width:901px){
  body.home-agency .hero-campaign-image{
    -webkit-mask-image:radial-gradient(
      ellipse 60% 66% at 54% 52%,
      #000 0%,
      #000 62%,
      rgba(0,0,0,.98) 70%,
      rgba(0,0,0,.82) 78%,
      rgba(0,0,0,.48) 88%,
      rgba(0,0,0,.16) 95%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(
      ellipse 60% 66% at 54% 52%,
      #000 0%,
      #000 62%,
      rgba(0,0,0,.98) 70%,
      rgba(0,0,0,.82) 78%,
      rgba(0,0,0,.48) 88%,
      rgba(0,0,0,.16) 95%,
      transparent 100%
    )!important;
    -webkit-mask-composite:initial!important;
    mask-composite:initial!important;
  }

  body.home-agency .hero-campaign-media::before{
    inset:12% 5% 5% 7%!important;
    filter:blur(22px)!important;
    opacity:.9!important;
  }

  body.home-agency .hero-campaign-media::after{
    width:76%!important;
    height:76%!important;
    right:6%!important;
    bottom:8%!important;
    filter:blur(42px)!important;
    opacity:.82!important;
  }
}


/* =========================================================
   HOME V39 — 3 linhas fixas e menores no desktop
   ========================================================= */

@media(min-width:901px){
  body.home-agency .hero-title,
  body.home-agency .hero-title.hero-title--medium,
  body.home-agency .hero-title.hero-title--long{
    height:9.6rem!important;
    min-height:9.6rem!important;
    max-height:9.6rem!important;
    margin-bottom:8px!important;
    font-size:clamp(2.55rem,3.15vw,3.35rem)!important;
    line-height:1!important;
  }

  body.home-agency .hero-title-text{
    top:0!important;
    transform:translateY(-12px)!important;
  }

  body.home-agency .hero-title-text.is-leaving{
    transform:translateY(-34px)!important;
  }

  body.home-agency .hero-title-text.is-entering{
    transform:translateY(10px)!important;
  }

  body.home-agency .hero-title-line{
    display:block!important;
    width:100%!important;
    min-height:1em!important;
    text-align:left!important;
    white-space:nowrap!important;
  }

  body.home-agency .hero-lead{
    margin-top:0!important;
  }
}


/* =========================================================
   HOME V40 — hero desktop com título maior e borda direita dissolvida
   ========================================================= */

@media(min-width:901px){
  body.home-agency .hero-title,
  body.home-agency .hero-title.hero-title--medium,
  body.home-agency .hero-title.hero-title--long{
    height:12.2rem!important;
    min-height:12.2rem!important;
    max-height:12.2rem!important;
    margin-bottom:0!important;
    font-size:clamp(3rem,3.7vw,4rem)!important;
    line-height:.98!important;
  }

  body.home-agency .hero-title-text{
    transform:translateY(-10px)!important;
  }

  body.home-agency .hero-title-text.is-leaving{
    transform:translateY(-36px)!important;
  }

  body.home-agency .hero-title-text.is-entering{
    transform:translateY(12px)!important;
  }

  body.home-agency .hero-lead{
    margin-top:22px!important;
  }

  body.home-agency .hero-actions{
    margin-top:34px!important;
  }

  body.home-agency .hero-campaign-image{
    -webkit-mask-image:radial-gradient(
      ellipse 55% 66% at 47% 52%,
      #000 0%,
      #000 61%,
      rgba(0,0,0,.98) 68%,
      rgba(0,0,0,.80) 77%,
      rgba(0,0,0,.42) 86%,
      rgba(0,0,0,.12) 93%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(
      ellipse 55% 66% at 47% 52%,
      #000 0%,
      #000 61%,
      rgba(0,0,0,.98) 68%,
      rgba(0,0,0,.80) 77%,
      rgba(0,0,0,.42) 86%,
      rgba(0,0,0,.12) 93%,
      transparent 100%
    )!important;
  }
}


/* =========================================================
   HOME V41 — texto de apoio alinhado à esquerda no desktop
   ========================================================= */

@media(min-width:901px){
  body.home-agency .hero-lead{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
}