/* Mobile first: oferta e ação antes dos detalhes, sem recriar as fotografias. */
/* Cores dos CTAs: iGreen #18ff00 (SVG oficial) e WhatsApp #25d366. */
.cta.primary,.floating-primary{background:#18ff00;border-color:#18ff00;color:#031006}
.cta.primary:hover,.floating-primary:hover{background:#67ff57;border-color:#67ff57}
.cta.secondary,.floating-support{background:#25d366;border-color:#25d366;color:#032b16}
.cta.secondary:hover,.floating-support:hover{background:#47dd80;border-color:#47dd80}
@media(max-width:760px){
  .campaign>.wrap{display:grid;grid-template-columns:minmax(0,1fr)}
  .campaign header{order:0;padding-top:16px}
  .brand .brand-logo{width:118px}
  .hero-copy{order:1;padding-top:18px}
  .actions{order:2;width:100%;margin:16px 0 0;gap:8px}
  .advantages{order:3;width:100%;margin:24px 0 0}
  .trust{order:4;width:100%}
  .conditions{order:5}
  .scene{height:560px}
  .scene img{width:100%;height:100%}
  .question{font-size:14px;line-height:1.1;max-width:58%}
  h1{margin-top:16px}
  .pay{font-size:23px}
  .discount{font-size:94px}
  .less{font-size:52px}
  .bill{font-size:13px}
  .bonus{width:260px;max-width:90%;margin-top:14px;padding:11px 12px;grid-template-columns:32px minmax(0,1fr);gap:8px}
  .bonus .bonus-gift{width:32px;height:38px}
  .bonus .bonus-label{font-size:14px}
  .bonus .bonus-currency{font-size:44px}
  .bonus strong{font-size:62px}
  .bonus .bonus-caption{font-size:10.5px}
  .explanation{max-width:100%;margin-top:14px;font-size:13px;line-height:1.35}
  .cta{min-height:52px;padding:12px 17px;font-size:15px;font-weight:850;letter-spacing:-.025em}
  .cta .action-icon{width:26px;height:26px}
  .action-note{font-size:10px;line-height:1.4}
}
@media(max-width:350px){
  .brand .brand-logo{width:108px}
  .hero-copy{padding-top:15px}
  .question{font-size:13px}
  .pay{font-size:21px}
  .discount{font-size:84px}
  .less{font-size:46px}
  .bill{font-size:12px}
  .bonus{width:250px;max-width:100%}
  .cta{font-size:13px;padding-inline:14px}
}
@media(max-width:760px) and (max-height:700px){
  .campaign header{padding-top:10px}
  .brand .brand-logo{width:96px}
  .hero-copy{padding-top:6px}
  .scene{height:500px}
  h1{margin-top:8px}
  .discount{font-size:80px}
  .less{font-size:44px}
  .bonus{margin-top:9px;padding-block:8px}
  .bonus .bonus-currency{font-size:36px}
  .bonus strong{font-size:52px}
  .explanation{margin-top:9px}
  .actions{margin-top:10px}
  .cta{min-height:48px;padding-block:10px}
}