/* V139 — native vertical scroll / no scroll-state style changes / stronger existing palette.
   Based on V138. Only reto + resultado CTA visuals adjusted; media untouched. */

/* Overflow-x:hidden on body/HTML can create an extra vertical scroll container
   in WebKit (the other axis computes to auto). clip clips horizontally WITHOUT
   creating a secondary scroller. Keep fullscreen and modal overflow locks intact. */
html:not(.apx-hero-expanded){
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body:not(.modal-open):not(.apx-hero-expanded):not(.video-expanded){
  overflow-x:clip!important;
  overflow-y:visible!important;
}
/* When the finger lands on the reto text or its audio control, native vertical
   pan stays with the page. Taps still work normally. */
@media (pointer:coarse){
  #reto{touch-action:pan-y!important;}
}

/* Previously the root acquired apx-touch-scroll-active on every gesture and
   paused the border runners, CTA and audio pulse. V139 doesn't run that script.
   This guard also prevents an old injected class from freezing the effects. */
html.apx-touch-scroll-active #reto .apx-reto-edge rect,
html.apx-touch-scroll-active #reto #voice-play.voice-play,
html.apx-touch-scroll-active #reto #voice-play.voice-play::after,
html.apx-touch-scroll-active #reto .apx-audio-tap,
html.apx-touch-scroll-active #reto #voice-note.is-playing .voice-wave i,
html.apx-touch-scroll-active .results-section #open-contact-modal.final-cta,
html.apx-touch-scroll-active .results-section #open-contact-modal.final-cta::before,
html.apx-touch-scroll-active .results-section #open-contact-modal.final-cta .apx-light-track rect{
  animation-play-state:running!important;
}

/* No filter:saturate() on entire sections: this would change embedded videos.
   Instead increase saturation of the original red/coral/gold stops only. */
#reto .apx-reto-stage{
  border-color:rgba(255,70,51,.68)!important;
  box-shadow:0 24px 82px rgba(0,0,0,.49),
    0 0 49px rgba(250,37,34,.23),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 44px rgba(255,35,31,.075)!important;
}
#reto .apx-reto-stage::before{
  background:
    radial-gradient(ellipse at 6% -4%,rgba(255,46,41,.56),transparent 50%),
    radial-gradient(ellipse at 98% 44%,rgba(255,122,18,.19),transparent 36%),
    radial-gradient(circle at 60% 20%,rgba(255,22,34,.12),transparent 28%),
    radial-gradient(circle at 38% 58%,rgba(255,31,26,.07),transparent 22%),
    linear-gradient(115deg,transparent 17%,rgba(255,255,255,.04) 31%,transparent 47%)!important;
}
#reto .apx-reto-fails{
  background-image:linear-gradient(180deg,#ff665e 0%,#ff1220 50%,#dd0018 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 6px 0 rgba(77,8,12,.84))
    drop-shadow(0 0 33px rgba(255,27,35,.49))!important;
}
#reto em.apx-reto-prize{
  background-image:linear-gradient(180deg,#fff18c 0%,#ffca23 32%,#ffad03 67%,#e97900 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 17px rgba(255,157,7,.43))
    drop-shadow(0 0 32px rgba(255,132,0,.19))!important;
}
#reto em.apx-reto-prize::before{
  background:linear-gradient(90deg,#ef6500,#ffdc33 50%,#ff8c00)!important;
  box-shadow:0 0 15px rgba(255,168,0,.66),0 0 29px rgba(255,148,0,.27)!important;
}
#reto #voice-note.audio-card.apx-audio-embedded{
  background:linear-gradient(180deg,rgba(255,31,35,.18),rgba(14,12,16,.12) 78%)!important;
  border-top-color:rgba(255,77,63,.46)!important;
}
#reto #voice-play.voice-play{
  background:linear-gradient(150deg,#ff5645 0%,#f00021 72%,#d1001b 100%)!important;
}
#reto .voice-wave i{
  background-image:linear-gradient(180deg,#fff5e9 0%,#ff7948 38%,#eb0829 100%)!important;
}
/* Permanent (static) ambient glow avoids an extra animated blur layer. */
#reto .apx-reto-edge .apx-edge-core{
  stroke:#fff8f2!important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.88))!important;
}
#reto .apx-reto-edge .apx-edge-blur{
  stroke:#ff5849!important;
  opacity:.36!important;
}

/* CTA retains original red cinematic design, same dimensions and pulse. */
.results-section .final-cta-wrap{
  border-color:rgba(255,41,48,.42)!important;
  background:radial-gradient(ellipse at 50% 95%,rgba(255,6,28,.30),transparent 70%),
    linear-gradient(145deg,#29070e 0%,#13080d 65%,#0d0b0d 100%)!important;
}
.results-section #open-contact-modal.final-cta{
  background:radial-gradient(ellipse at 50% -18%,rgba(255,243,237,.26),transparent 56%),
    linear-gradient(118deg,#c50019 0%,#ec0024 42%,#ff1926 72%,#ff351b 100%)!important;
  /* The heartbeat animation still owns the changing box-shadow. */
}
.results-section #open-contact-modal.final-cta .apx-light-track .apx-light-aura{
  stroke:#fff2e9!important;
  opacity:.48!important;
}
.results-section #open-contact-modal.final-cta .apx-light-track .apx-light-core{
  stroke:#fff!important;
}