/* Hero v41 — rebuilt cleanly. Exactly one photographic layer, no CSS shadow stacks. */
.header{position:fixed!important;top:0;left:0;right:0;z-index:65;visibility:hidden;opacity:0;transform:translateY(-110%);transition:transform .24s ease,opacity .24s ease,visibility .24s}
.header.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.ribbon{height:40px!important;overflow:hidden!important;display:flex!important;align-items:center;background:linear-gradient(100deg,#640007,#a00013 48%,#650007);color:#fff}
.ribbon-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:max-content!important;animation:heroRibbon 25s linear infinite!important;will-change:transform}
.ribbon-group{flex:0 0 auto!important;height:40px;display:flex!important;align-items:center;gap:28px;padding-right:30px;white-space:nowrap;font:800 13px/1 Arial,Helvetica,sans-serif}
.ribbon-group b{color:#ff2347;font-size:18px;line-height:1}
@keyframes heroRibbon{to{transform:translateX(-33.333333%)}}

.hero.hero-reference{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#020203!important;min-height:812px!important}
.hero-reference::before,.hero-reference::after,.hero-reference .hero-photo::after,.hero-reference .hero-copy::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.hero-reference .hero-photo{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;overflow:hidden!important;opacity:1!important;pointer-events:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important}
.hero-reference .hero-photo picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important;overflow:hidden!important;mask:none!important;-webkit-mask:none!important}
.hero-reference .hero-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;filter:none!important;opacity:1!important;mask:none!important;-webkit-mask:none!important}
.hero-reference .hero-inner.container{position:relative!important;z-index:1!important;display:block!important;width:min(1280px,calc(100% - 11%))!important;max-width:1280px!important;min-height:0!important;margin:0 auto!important;padding:0!important}
.hero-reference .hero-copy{position:relative!important;z-index:1!important;width:min(59%,700px)!important;max-width:700px!important;padding:27px 0 36px!important;margin:0!important}
.hero-reference .hero-brand{display:block!important;width:194px!important;height:auto!important;max-width:none!important;object-fit:contain!important;margin:0 0 12px!important;transform:none!important}
.hero-reference .hero-badge{display:block!important;width:min(100%,535px)!important;max-width:535px!important;margin:0 0 10px!important;padding:0!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.hero-reference .hero-badge img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
.hero-reference .hero-title{display:block!important;width:100%!important;max-width:none!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important;line-height:1!important;letter-spacing:0!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:900!important}
.hero-reference .hero-title .hero-esquenta{display:block!important;width:min(100%,502px)!important;max-width:100%!important;height:auto!important;font-size:0!important;letter-spacing:0!important;line-height:0!important}
.hero-reference .hero-title .hero-esquenta img{display:block!important;width:100%!important;height:auto!important}
.hero-reference .hero-title .neon-art{display:block!important;position:relative!important;width:min(100%,565px)!important;max-width:565px!important;margin:3px 0 0 -11px!important;padding:0!important;background:none!important;border:0!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;filter:drop-shadow(0 0 7px rgba(244,0,37,.5))!important;overflow:visible!important}
.hero-reference .hero-title .neon-art img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
.hero-reference .hero-title .neon-art::after{display:none!important}
.hero-reference .hero-offer{display:block!important;max-width:680px!important;margin:0 0 18px!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(27px,2.5vw,35px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.042em!important}
.hero-reference .hero-offer strong{display:block!important;max-width:none!important;margin:4px 0 0!important;color:#fc1741!important;font-family:inherit!important;font-weight:800!important;font-size:1.04em!important;line-height:1.12!important}
.hero-reference .hero-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;max-width:620px!important;width:100%!important;margin:0 0 20px!important}
.hero-reference .hero-benefits span{display:flex!important;justify-content:center!important;align-items:center!important;min-height:66px!important;padding:9px 6px!important;border:1px solid #ed1741!important;border-radius:12px!important;background:rgba(0,0,0,.76)!important;box-shadow:none!important;text-align:center!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;font-size:clamp(12px,1.15vw,16px)!important;line-height:1.14!important;letter-spacing:-.025em!important;color:#fff!important}
.hero-reference .hero-benefits span::before{display:none!important}
.hero-reference .hero-cta{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:608px!important;width:calc(100% - 44px)!important;min-height:80px!important;padding:14px 58px!important;margin:0 auto!important;gap:0!important;overflow:hidden!important;border:2px solid #ff6b83!important;border-radius:28px!important;text-decoration:none!important;color:#fff!important;background:linear-gradient(180deg,#ff1040,#db0029)!important;box-shadow:0 0 16px rgba(255,12,52,.38),inset 0 2px 12px rgba(255,255,255,.2)!important;letter-spacing:0!important;white-space:normal!important}
.hero-reference .hero-cta-label{display:block!important;width:100%!important;flex:1 1 auto!important;text-align:center!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(17px,1.8vw,26px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.03em!important;position:relative!important;z-index:1!important}
.hero-reference .hero-cta .arrow-right{position:absolute!important;right:21px!important;top:50%!important;transform:translateY(-52%)!important;font:400 46px/1 Arial,sans-serif!important;margin:0!important;z-index:1!important}
@keyframes heroGlowPulse{0%,100%{transform:translateZ(0) scale(1);box-shadow:0 0 16px rgba(255,18,65,.42),0 10px 24px rgba(68,0,14,.22),inset 0 2px 12px rgba(255,255,255,.14)}50%{transform:translateZ(0) scale(1.026);box-shadow:0 0 42px rgba(255,18,65,.92),0 16px 34px rgba(68,0,14,.34),0 0 12px rgba(255,160,174,.32),inset 0 2px 14px rgba(255,255,255,.3)}}
.hero-reference .hero-cta.cta-pulse{animation:heroGlowPulse 1.85s cubic-bezier(.4,0,.2,1) infinite!important;will-change:transform,box-shadow!important;transform-origin:center center!important}
@keyframes stableAllCtas{0%,100%{transform:translateZ(0) scale(1);box-shadow:0 0 10px rgba(246,6,50,.26),0 7px 18px rgba(50,0,8,.22),0 0 10px rgba(255,0,51,.14)}50%{transform:translateZ(0) scale(1.024);box-shadow:0 0 30px rgba(255,18,65,.8),0 12px 26px rgba(50,0,8,.3),0 0 10px rgba(255,148,164,.22)}}
.cta-pulse{animation:stableAllCtas 1.85s cubic-bezier(.4,0,.2,1) infinite!important;will-change:transform,box-shadow!important;transform-origin:center center!important}

@media(max-width:1280px) and (min-width:901px){
 .hero.hero-reference{min-height:765px!important}
 .hero-reference .hero-copy{width:61%!important;padding-top:24px!important}
 .hero-reference .hero-title .hero-esquenta{width:min(100%,450px)!important}
 .hero-reference .hero-title .neon-art{max-width:525px!important}
 .hero-reference .hero-offer{font-size:29px!important}
 .hero-reference .hero-brand{width:179px!important}
 .hero-reference .hero-badge{max-width:495px!important}
 .hero-reference .hero-benefits{max-width:575px!important}
 .hero-reference .hero-cta{max-width:565px!important;min-height:74px!important}
}
@media(max-width:900px){
 .hero.hero-reference{min-height:815px!important}
 .hero-reference .hero-inner.container{width:calc(100% - 42px)!important}
 .hero-reference .hero-copy{width:min(100%,540px)!important;max-width:540px!important;padding:28px 0 38px!important}
 .hero-reference .hero-brand{width:165px!important;margin-bottom:16px!important}
 .hero-reference .hero-badge{max-width:425px!important;margin-bottom:12px!important}
 .hero-reference .hero-title .hero-esquenta{width:min(100%,418px)!important}
 .hero-reference .hero-title .neon-art{max-width:475px!important}
 .hero-reference .hero-offer{font-size:clamp(26px,4vw,32px)!important;max-width:500px!important}
 .hero-reference .hero-benefits{max-width:525px!important;gap:11px!important}
 .hero-reference .hero-cta{max-width:490px!important;min-height:78px!important}
}
@media(max-width:600px){
 .ribbon{height:29px!important}
 .ribbon-group{height:29px!important;gap:17px!important;padding-right:19px!important;font-size:10px!important}
 .ribbon-group b{font-size:12px!important}
 .hero.hero-reference{min-height:706px!important}
 .hero-reference .hero-inner.container{width:calc(100% - 32px)!important}
 .hero-reference .hero-copy{width:100%!important;max-width:none!important;padding:15px 0 26px!important}
 .hero-reference .hero-brand{width:132px!important;margin-bottom:26px!important}
 .hero-reference .hero-badge{max-width:345px!important;width:100%!important;margin-bottom:11px!important}
 .hero-reference .hero-title{margin-bottom:10px!important}
 .hero-reference .hero-title .hero-esquenta{width:min(100%,325px)!important}
 .hero-reference .hero-title .neon-art{width:min(100%,345px)!important;max-width:345px!important;margin:-1px 0 0 -8px!important}
 .hero-reference .hero-offer{max-width:300px!important;font-size:clamp(21px,5.6vw,25px)!important;line-height:1.09!important;margin-bottom:15px!important}
 .hero-reference .hero-offer strong{font-size:1.06em!important;margin-top:5px!important}
 .hero-reference .hero-benefits{gap:8px!important;width:100%!important;max-width:none!important;margin-bottom:18px!important}
 .hero-reference .hero-benefits span{min-height:55px!important;border-radius:12px!important;padding:7px 3px!important;font-size:clamp(9px,2.45vw,12px)!important}
 .hero-reference .hero-cta{width:calc(100% - 44px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;min-height:65px!important;border-radius:21px!important;padding:12px 36px!important}
 .hero-reference .hero-cta-label{font-size:clamp(12px,3.4vw,15px)!important;letter-spacing:-.025em!important}
 .hero-reference .hero-cta .arrow-right{right:14px!important;font-size:37px!important}
}
@media(max-width:375px){
 .hero.hero-reference{min-height:689px!important}
 .hero-reference .hero-brand{width:127px!important;margin-bottom:23px!important}
 .hero-reference .hero-badge{max-width:320px!important}
 .hero-reference .hero-title .hero-esquenta{width:min(100%,298px)!important}
 .hero-reference .hero-title .neon-art{max-width:318px!important}
 .hero-reference .hero-offer{max-width:282px!important;font-size:21px!important}
 .hero-reference .hero-cta-label{font-size:12px!important}
}
@media(max-width:360px) and (max-height:640px){
 .hero.hero-reference{min-height:578px!important}
 .hero-reference .hero-copy{padding-top:9px!important;padding-bottom:14px!important}
 .hero-reference .hero-brand{width:111px!important;margin-bottom:12px!important}
 .hero-reference .hero-badge{max-width:290px!important;margin-bottom:7px!important}
 .hero-reference .hero-title{margin-bottom:6px!important}
 .hero-reference .hero-title .hero-esquenta{width:min(100%,280px)!important}
 .hero-reference .hero-title .neon-art{max-width:290px!important;margin-left:-7px!important}
 .hero-reference .hero-offer{font-size:19px!important;line-height:1.08!important;margin-bottom:9px!important}
 .hero-reference .hero-benefits{margin-bottom:10px!important}
 .hero-reference .hero-benefits span{min-height:47px!important;font-size:8px!important}
 .hero-reference .hero-cta{min-height:57px!important}
}
@media(prefers-reduced-motion:reduce){.ribbon-track,.cta-pulse,.hero-reference .hero-cta.cta-pulse{animation:none!important}}


/* v47 — Ajuste fino da hero mobile para alinhar com a referência aprovada. */
@media(max-width:600px){
  .hero.hero-reference{min-height:650px!important;background:#050505!important}
  .hero-reference::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,0) 74%),linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 18%,rgba(62,0,7,.06) 62%,rgba(102,0,12,.22) 100%)!important}
  .hero-reference::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:126px!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at center bottom,rgba(255,0,38,.28) 0%,rgba(112,0,13,.18) 38%,rgba(10,0,0,0) 74%)!important}
  .hero-reference .hero-photo{overflow:hidden!important}
  .hero-reference .hero-photo::after{content:""!important;display:block!important;position:absolute!important;right:-10px!important;top:22px!important;width:185px!important;height:185px!important;border-radius:50%!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle,rgba(255,28,56,.22) 0%,rgba(255,28,56,.09) 40%,rgba(255,28,56,0) 72%)!important;filter:blur(18px)!important}
  .hero-reference .hero-photo img{object-position:67% 34%!important;filter:brightness(1.01) saturate(1)!important}
  .hero-reference .hero-inner.container{width:calc(100% - 34px)!important}
  .hero-reference .hero-copy{width:100%!important;max-width:none!important;padding:12px 0 10px!important}
  .hero-reference .hero-copy::before{content:none!important;display:none!important}
  .hero-reference .hero-brand{width:124px!important;margin-bottom:18px!important}
  .hero-reference .hero-badge{max-width:306px!important;width:100%!important;margin-bottom:14px!important}
  .hero-reference .hero-title{margin-bottom:14px!important}
  .hero-reference .hero-title .hero-esquenta{width:min(100%,300px)!important}
  .hero-reference .hero-title .neon-art{width:min(100%,356px)!important;max-width:356px!important;margin:-2px 0 0 -5px!important;filter:drop-shadow(0 0 10px rgba(244,0,37,.62))!important}
  .hero-reference .hero-offer{max-width:238px!important;font-size:clamp(24px,5.75vw,28px)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin:0 0 19px!important}
  .hero-reference .hero-offer strong{margin-top:8px!important;font-size:1.03em!important;line-height:1.02!important}
  .hero-reference .hero-benefits{gap:9px!important;width:100%!important;max-width:none!important;margin:0 0 22px!important}
  .hero-reference .hero-benefits span{min-height:62px!important;border-radius:14px!important;padding:8px 4px!important;background:rgba(8,8,8,.74)!important;box-shadow:inset 0 0 0 1px rgba(255,33,71,.3),0 0 16px rgba(255,0,43,.06)!important;font-size:clamp(10px,2.55vw,12px)!important;line-height:1.08!important}
  .hero-reference .hero-cta{width:calc(100% - 26px)!important;max-width:none!important;min-height:74px!important;padding:12px 46px 12px 26px!important;margin-left:auto!important;margin-right:auto!important;border-radius:25px!important;border-color:#ff7289!important;box-shadow:0 0 22px rgba(255,18,65,.34),0 8px 18px rgba(50,0,8,.34),inset 0 2px 12px rgba(255,255,255,.16)!important}
  .hero-reference .hero-cta-label{font-size:clamp(14px,3.9vw,17px)!important;line-height:1.05!important;letter-spacing:-.03em!important}
  .hero-reference .hero-cta .arrow-right{right:18px!important;font-size:39px!important}
}
@media(max-width:375px){
  .hero.hero-reference{min-height:626px!important}
  .hero-reference .hero-brand{width:118px!important;margin-bottom:16px!important}
  .hero-reference .hero-badge{max-width:292px!important}
  .hero-reference .hero-title .hero-esquenta{width:min(100%,286px)!important}
  .hero-reference .hero-title .neon-art{max-width:338px!important}
  .hero-reference .hero-offer{max-width:226px!important;font-size:23px!important}
  .hero-reference .hero-benefits span{min-height:58px!important;font-size:10px!important}
  .hero-reference .hero-cta{min-height:70px!important}
}