/* APXMAIN V124 — cinematic rebuild. Based on functioning V120 markup + V115 media behavior.
   Only reto, audio, final CTA and preserved Resultados positioning are overridden. */

/* Side padding and vertical overflow: no section-wide containment, no scaling transforms. */
@media (max-width:768px) {
  .results-section #proof-carousel {
    width:calc(100% + 48px)!important;
    margin-left:-34px!important;
    margin-right:-14px!important;
  }
  #proof-track{padding-left:0!important;scroll-padding-left:0!important;}
}

/* Hero challenge: black-blue movie-screen glass, overhead illumination, not fake gold paint. */
#reto .challenge-head{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:calc(100% + 30px)!important;
  margin-left:-15px!important;margin-right:-15px!important;
  padding:20px 17px 22px!important;
  border-radius:24px!important;
  border:1px solid rgba(166,196,255,.38)!important;
  background:
    radial-gradient(ellipse at 92% 0%,rgba(121,167,255,.31) 0,transparent 36%),
    radial-gradient(ellipse at 0% 105%,rgba(94,46,170,.22) 0,transparent 43%),
    linear-gradient(132deg,#0f1930 0%,#0c101e 48%,#080b15 100%)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.46),0 0 27px rgba(98,159,255,.14),inset 0 1px 0 rgba(255,255,255,.17),inset 0 -18px 30px rgba(0,0,0,.12)!important;
}
#reto .challenge-head::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important;
  background:
    linear-gradient(107deg,transparent 0,rgba(255,255,255,.11) 27%,transparent 44%),
    radial-gradient(ellipse at 60% -10%,rgba(255,255,255,.12),transparent 34%)!important;
  mix-blend-mode:screen;opacity:.8;
}
#reto .challenge-head::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important;
  background:linear-gradient(120deg,transparent 22%,rgba(118,227,255,.065) 45%,transparent 64%)!important;
  animation:apx-panel-shift 8s ease-in-out infinite;
}
#reto .challenge-head .apx-film-glint{
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 26px rgba(137,185,255,.08);
}
#reto .challenge-head .apx-film-glint::before{
  content:"";position:absolute;top:0;left:10%;width:74%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),rgba(115,236,255,.78),transparent);
  filter:drop-shadow(0 0 6px rgba(135,222,255,.83));
}
@keyframes apx-panel-shift{
  0%,100%{opacity:.25}50%{opacity:1}
}
#reto .challenge-head #challenge-title{
  position:relative!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;
  width:100%!important;margin:0!important;padding:0!important;gap:11px!important;
  align-items:stretch!important;text-align:left!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;
}
#reto .challenge-head #challenge-title .promise-first{
  display:flex!important;width:100%!important;
  flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(27px,7.1vw,58px)!important;font-weight:950!important;letter-spacing:-.062em!important;
  line-height:1!important;white-space:nowrap!important;
}
#reto .challenge-head #challenge-title .promise-copy{
  font:inherit!important;color:#fafcff!important;-webkit-text-fill-color:#fafcff!important;
  text-shadow:0 1px 20px rgba(207,235,255,.13)!important;white-space:nowrap!important;
}
#reto .challenge-head #challenge-title .promise-second{
  width:100%!important;display:block!important;
  font-size:clamp(20px,5.4vw,44px)!important;line-height:1.1!important;
  letter-spacing:-.043em!important;font-weight:925!important;white-space:nowrap!important;
  color:#d8e6fb!important;-webkit-text-fill-color:#d8e6fb!important;text-shadow:none!important;
}
#reto .challenge-head #challenge-title .promise-second b{
  font:inherit!important;color:#b2f4ff!important;-webkit-text-fill-color:#b2f4ff!important;
  text-shadow:0 0 16px rgba(128,229,255,.32)!important;
}
/* Prize is the hero: prismatic holographic glass with traveling specular light. */
#reto .challenge-head #challenge-title em.apx-holo-prize{
  position:relative!important;flex:0 0 auto!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  overflow:hidden!important;isolation:isolate!important;
  margin:0!important;padding:7px 12px 9px!important;
  font:inherit!important;font-size:1.17em!important;line-height:.98!important;
  font-weight:1000!important;letter-spacing:-.072em!important;
  border-radius:15px!important;border:1.5px solid rgba(239,253,255,.78)!important;
  background:linear-gradient(112deg,#bfe8ff 0%,#f7fcff 19%,#d6d6ff 37%,#a4ecff 52%,#f9f4ff 73%,#f4c6fb 90%,#c2f2ff 100%)!important;
  background-size:230% 100%!important;
  color:#071322!important;-webkit-text-fill-color:#071322!important;text-shadow:none!important;
  box-shadow:0 0 0 1px rgba(184,232,255,.12),0 8px 23px rgba(0,0,0,.26),0 0 25px rgba(111,217,255,.34),inset 0 1px 0 rgba(255,255,255,.9)!important;
  animation:apx-holo-colors 4s ease-in-out infinite!important;
}
#reto .challenge-head #challenge-title em.apx-holo-prize::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:linear-gradient(111deg,transparent 26%,rgba(255,255,255,.78) 44%,rgba(255,255,255,.07) 50%,transparent 65%);
  transform:translateX(-120%);animation:apx-holo-ray 3.5s ease-in-out infinite!important;
}
#reto .challenge-head #challenge-title em.apx-holo-prize::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 -4px 10px rgba(114,185,240,.16);
}
@keyframes apx-holo-colors{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes apx-holo-ray{0%,18%{transform:translateX(-130%);opacity:0}37%{opacity:.85}64%,100%{transform:translateX(140%);opacity:0}}

/* Audio remains the functional V115 card: silver perimeter passes all 4 sides. */
#voice-note.audio-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:radial-gradient(ellipse at 30% 25%,rgba(102,152,255,.13),transparent 48%),linear-gradient(145deg,#111725,#080c13 76%)!important;
  border:1px solid rgba(167,203,255,.22)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 18px rgba(120,179,255,.07),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#voice-note.audio-card::before,#voice-note.audio-card::after{
  content:none!important;animation:none!important;
}
/* CTA outer stage: preserve actual clickable area and no extra caption. */
.results-section .final-cta-wrap{
  margin-top:24px!important;padding:14px!important;
  border-radius:27px!important;border:1px solid rgba(103,175,255,.24)!important;
  background:radial-gradient(ellipse at 50% 100%,rgba(53,123,245,.19),transparent 67%),linear-gradient(145deg,#0e1420,#070a10)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.39),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.results-section .final-cta-wrap>span{display:none!important;}
.results-section #open-contact-modal.final-cta{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  display:flex!important;min-height:92px!important;max-width:none!important;width:100%!important;
  align-items:center!important;justify-content:center!important;gap:14px!important;
  padding:0 20px!important;border-radius:22px!important;
  border:1.5px solid rgba(255,255,255,.72)!important;
  background:radial-gradient(circle at 50% -10%,rgba(223,244,255,.30),transparent 51%),linear-gradient(118deg,#1646db 0%,#265fef 39%,#4439db 100%)!important;
  box-shadow:0 14px 42px rgba(35,91,255,.43),0 0 26px rgba(95,191,255,.25),inset 0 1px 0 rgba(255,255,255,.33),inset 0 -4px 14px rgba(0,0,71,.24)!important;
  transform:none!important;
  animation:apx-cta-heartbeat 2.9s ease-in-out infinite!important;
  text-decoration:none!important;cursor:pointer!important;
}
.results-section #open-contact-modal.final-cta::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(107deg,transparent 23%,rgba(255,255,255,.24) 43%,transparent 62%);
  transform:translateX(-120%);animation:apx-cta-ray 3.1s ease-in-out infinite!important;
}
.results-section #open-contact-modal.final-cta::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.31),inset 0 0 24px rgba(163,222,255,.10);
}
.results-section #open-contact-modal.final-cta strong{
  position:relative!important;z-index:5!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 18px rgba(255,255,255,.19)!important;
  font-size:clamp(23px,5.8vw,30px)!important;line-height:1!important;
  font-weight:950!important;letter-spacing:-.035em!important;white-space:nowrap!important;
}
.results-section #open-contact-modal.final-cta>svg:not(.apx-light-track){
  position:relative!important;z-index:5!important;
  flex:0 0 auto!important;width:27px!important;height:27px!important;
  fill:none!important;stroke:#fff!important;stroke-width:2.8!important;
  padding:0!important;box-sizing:content-box!important;max-width:none!important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.38));
}
@keyframes apx-cta-heartbeat{
  0%,100%{box-shadow:0 14px 42px rgba(35,91,255,.38),0 0 23px rgba(95,191,255,.21),inset 0 1px 0 rgba(255,255,255,.33)}
  12%{box-shadow:0 17px 47px rgba(35,91,255,.52),0 0 31px rgba(139,213,255,.39),inset 0 1px 0 rgba(255,255,255,.38)}
  23%{box-shadow:0 14px 42px rgba(35,91,255,.38),0 0 23px rgba(95,191,255,.21),inset 0 1px 0 rgba(255,255,255,.33)}
  36%{box-shadow:0 19px 55px rgba(35,91,255,.58),0 0 42px rgba(139,213,255,.48),inset 0 1px 0 rgba(255,255,255,.42)}
  54%{box-shadow:0 14px 42px rgba(35,91,255,.38),0 0 23px rgba(95,191,255,.21),inset 0 1px 0 rgba(255,255,255,.33)}
}
@keyframes apx-cta-ray{0%,15%{transform:translateX(-120%);opacity:0}35%{opacity:.8}62%,100%{transform:translateX(120%);opacity:0}}
/* Real stroke chase, never a rotated rectangle crossing the contents. */
#voice-note.audio-card .apx-light-track,
.results-section #open-contact-modal.final-cta .apx-light-track{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 z-index:6!important;pointer-events:none!important;fill:none!important;stroke:none!important;overflow:hidden!important;
}
#voice-note.audio-card .apx-light-track rect,
.results-section #open-contact-modal.final-cta .apx-light-track rect{
  fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  stroke-dasharray:10 90!important;
  stroke-dashoffset:100;animation:apx-light-orbit 3.15s linear infinite!important;
}
#voice-note.audio-card .apx-light-track .apx-light-core,
.results-section #open-contact-modal.final-cta .apx-light-track .apx-light-core{
  stroke:#fff!important;stroke-width:2.4px!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.98))!important;
}
#voice-note.audio-card .apx-light-track .apx-light-aura,
.results-section #open-contact-modal.final-cta .apx-light-track .apx-light-aura{
  stroke:#e7fbff!important;stroke-width:10px!important;opacity:.45!important;
  filter:blur(5px) drop-shadow(0 0 7px rgba(183,239,255,.9))!important;
}
.results-section #open-contact-modal.final-cta .apx-light-track rect{animation-duration:2.75s!important;}
@keyframes apx-light-orbit{to{stroke-dashoffset:0}}
@media(max-width:420px){
  #reto .challenge-head #challenge-title .promise-first{font-size:clamp(24px,7.2vw,31px)!important;}
  #reto .challenge-head #challenge-title .promise-second{font-size:clamp(19px,5.4vw,24px)!important;}
  #reto .challenge-head #challenge-title em.apx-holo-prize{padding:7px 10px 8px!important;}
  .results-section #open-contact-modal.final-cta{min-height:86px!important;}
}
@media(prefers-reduced-motion:reduce){
  #reto .challenge-head::after,
  #reto .challenge-head #challenge-title em.apx-holo-prize,
  #reto .challenge-head #challenge-title em.apx-holo-prize::before,
  .results-section #open-contact-modal.final-cta,
  .results-section #open-contact-modal.final-cta::before,
  .apx-light-track rect{animation:none!important;}
}

/* Preserve the V120 two-line title typography and its distance from the "01" marker.
   The old inline headings use an overly large font if V120's protective rule is absent. */
.video-one-card #video-one-title{
  display:block!important;min-width:0!important;line-height:1.02!important;
  letter-spacing:-.055em!important;
}
.video-one-card #video-one-title .line-1,
.video-one-card #video-one-title .line-2{
  display:block!important;width:max-content!important;max-width:100%!important;
  white-space:nowrap!important;font:inherit!important;font-weight:inherit!important;
  line-height:inherit!important;letter-spacing:inherit!important;
}
@media(max-width:768px){
  .video-one-card .section-heading.compact-heading{
    grid-template-columns:48px minmax(0,1fr)!important;
    column-gap:11px!important;align-items:center!important;
  }
  .video-one-card #video-one-title{font-size:clamp(13.7px,4.75vw,21px)!important;}
}
@media(max-width:350px){.video-one-card #video-one-title{font-size:13px!important;}}
