/* Ajustes de layout compartilhados entre celular, tablet e computador. */
html{scroll-padding-top:80px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
.container,.hero-media,.product-content,.steps-simple li>div{min-width:0}
.benefit-grid,.audience-grid,.testimonials-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.product-panel,.plan-card{min-width:0}
section{padding-block:clamp(48px,7vw,96px)}
.section-head{margin-bottom:clamp(28px,4vw,46px)}
.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.tag,.formula,.microcopy{overflow-wrap:anywhere}
.offer-bar{padding-inline:max(16px,env(safe-area-inset-left));line-height:1.5;letter-spacing:.035em}
.hero-copy h1{font-size:clamp(1.75rem,3.8vw,3rem);line-height:1.2}
.hero-copy h1 .hero-highlight{color:#FFD84D}
.hero-copy .btn{background:#39FF14;color:#10314C;box-shadow:0 12px 30px rgba(57,255,20,.4);border:1px solid #8AFF72}
.hero-copy .btn:hover{background:#2EE610;box-shadow:0 16px 36px rgba(57,255,20,.5)}
.hero-copy .btn:focus-visible{outline-color:#8AFF72}
.upgrade-modal .upgrade-price strong{color:var(--turq)}
.upgrade-modal .upgrade-actions .btn{overflow-wrap:break-word}
.hero-copy .hero-lead{font-size:clamp(1rem,1.8vw,1.14rem)}
.hero-carousel-viewport{padding-block:20px 30px}
.hero-carousel-track{height:calc(var(--carousel-card) * 1.6)}
.product-panel{padding:clamp(18px,4vw,42px)}
.product-content .category-list{width:fit-content;max-width:100%;text-align:left}
.check-list li{padding-left:32px}
.steps-simple{gap:24px}
.steps-simple li{min-width:0;gap:12px}
.plan-image{height:auto;aspect-ratio:1;max-height:280px;object-fit:contain}
.plan-description{min-height:0}
.benefit-carousel{padding-block:8px 20px}
.carousel-item{height:auto;object-fit:contain;align-self:flex-start}
@media(hover:hover){.carousel-shell:hover .carousel-track{animation-play-state:paused}}
.carousel-shell:focus-within .carousel-track{animation-play-state:paused}

@media(max-width:1024px){
  .testimonials-grid,.benefit-grid,.audience-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .testimonials-grid>.testimonial-card:last-child{grid-column:1/-1}
  .testimonials-grid>.testimonial-card:last-child{max-width:680px;width:100%;justify-self:center}
}

@media(max-width:760px){
  .pricing-grid{grid-template-columns:1fr;max-width:560px;gap:26px}
  .plan-card{padding:28px 24px}
  .plan-card .price{font-size:clamp(2.2rem,7vw,3.3rem)}
  .guarantee-grid{gap:28px}
  .offer-bar{position:static;font-size:.8rem}
  html{scroll-padding-top:20px}
  .pricing-section{scroll-margin-top:20px}
}

@media(max-width:620px){
  body{font-size:16px;line-height:1.65}
  section{padding-inline:16px;padding-block:48px}
  h2{font-size:clamp(1.4rem,5.5vw,1.75rem);line-height:1.3}
  h3{font-size:clamp(1.08rem,4.5vw,1.3rem);line-height:1.35}
  .hero{padding:32px 16px 48px}
  .hero-grid{gap:0}
  .hero-copy h1{font-size:clamp(1.65rem,6.4vw,2.125rem);margin-bottom:12px}
  .hero-copy .tag{padding:8px 12px;letter-spacing:.025em}
  .hero-copy .hero-lead{margin-top:8px}
  .hero-copy .check-list{margin-block:20px 24px;gap:12px}
  .hero-copy .microcopy{padding:12px;font-size:.8rem}
  .hero-carousel{--carousel-card:clamp(168px,56vw,250px);--carousel-offset:clamp(110px,36vw,170px);margin-block:4px 12px}
  .hero-carousel-track{height:calc(var(--carousel-card) * 1.65)}
  .hero-carousel-viewport{padding-block:14px 22px}
  .benefit-grid,.audience-grid,.bonus-grid,.testimonials-grid,.process-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .testimonials-grid>.testimonial-card:last-child{grid-column:auto}
  .card,.bonus-card{padding:22px;border-radius:20px}
  .process-card{padding-top:66px}
  .process-number{top:22px;left:22px}
  .product-panel{padding:22px 16px;gap:22px;border-radius:22px}
  .product-panel h3{padding:9px 12px}
  .check-list{gap:12px;margin-block:20px 24px}
  .formula{padding:14px 16px;font-size:.95rem;line-height:1.7}
  .btn,.plan-card .btn{min-height:56px;width:100%;font-size:.93rem;padding:16px}
  .carousel-shell{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:8px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--turq) var(--border)}
  .carousel-track,.carousel-track.ambient-track{animation:none;gap:14px}
  .carousel-item{flex:0 0 min(78vw,360px);width:min(78vw,360px);scroll-snap-align:start;border-width:3px}
  .carousel-copy{display:none}
  .bonus-card img{width:min(280px,100%)}
  .plan-image{max-height:300px}
  .guarantee-grid img{width:min(230px,100%);height:auto}
  summary{padding:18px 48px 18px 18px;min-height:56px;line-height:1.5}
  summary:after{right:18px}
  .faq-answer{padding:0 18px 18px}
  footer{padding:32px 16px}
}

@media(max-width:360px){
  section,.hero{padding-inline:12px}
  .product-panel,.card,.bonus-card,.plan-card{padding-inline:16px}
  .tag{font-size:.68rem;letter-spacing:.02em}
  .check-list li{padding-left:30px}
  .hero-copy h1{font-size:1.6rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn{transition:none}
  .hero-carousel-slide{animation:none;will-change:auto;display:none}
  .hero-carousel-slide:first-child{display:block;transform:translate(-50%,-50%);opacity:1;filter:none}
  .carousel-shell{overflow-x:auto;scroll-snap-type:x mandatory}
  .carousel-track,.carousel-track.ambient-track{animation:none}
  .carousel-item{scroll-snap-align:start}
  .carousel-copy{display:none}
}