/* RepublicaPass V25 — final mobile cleanup + photo motion */
@media(max-width:820px){
  :root{--rp25-green:#0df28a;--rp25-ease:cubic-bezier(.18,.82,.2,1)}

  /* HOME CTA: no loose labels/names around "Ver eventos". */
  .rp-homepage-v16 .rp-cinema-kicker,
  .rp-homepage-v16 .rp-cinema-copy h1,
  .rp-homepage-v16 .rp-cinema-trust,
  .rp-homepage-v16 .rp-cinema-secondary,
  .rp-homepage-v16 .rp-cinema-slide-pill{display:none!important}
  .rp-homepage-v16 .rp-cinema-copy{padding:18px 17px 24px!important}
  .rp-homepage-v16 .rp-cinema-copy h2{margin:0 0 11px!important}
  .rp-homepage-v16 .rp-cinema-copy>p{margin:0!important}
  .rp-homepage-v16 .rp-cinema-actions{margin:17px 0 0!important}
  .rp-homepage-v16 .rp-cinema-primary{position:relative!important;overflow:hidden!important;isolation:isolate!important}
  .rp-homepage-v16 .rp-cinema-primary::after{
    content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
    top:-80%!important;left:-38%!important;width:28%!important;height:260%!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
    transform:rotate(18deg)!important;animation:rp25ButtonFlash 3.9s ease-in-out 1.2s infinite!important;
  }

  /* Event cards: the title exists only in the content area. Image stays clean. */
  .homev3-event-image-copy,
  .homev3-event-status{display:none!important}
  .homev3-event-date{z-index:5!important}

  /* Hero photos — stronger cinematic transition, transform/opacity only for performance. */
  .rp-homepage-v16 .rp-cinema-photo{isolation:isolate!important;box-shadow:inset 0 -34px 70px rgba(0,0,0,.18)!important}
  .rp-homepage-v16 .rp-cinema-slide{
    opacity:0!important;transform:scale(1.035)!important;
    transition:opacity 1.05s ease,transform 1.25s var(--rp25-ease),filter 1.05s ease!important;
    filter:blur(4px) brightness(.82)!important;will-change:opacity,transform,filter!important;
  }
  .rp-homepage-v16 .rp-cinema-slide.is-active{
    opacity:1!important;transform:scale(1)!important;filter:blur(0) brightness(1)!important;
    animation:rp25SlideReveal 1.05s var(--rp25-ease) both!important;
  }
  .rp-homepage-v16 .rp-cinema-slide img{
    animation:rp25HeroCinema 7.2s ease-in-out infinite alternate!important;
    transform-origin:50% 45%!important;will-change:transform,filter!important;
    filter:saturate(1.10) contrast(1.055) brightness(.97)!important;
  }
  .rp-homepage-v16 .rp-cinema-slide-b img{animation-direction:alternate-reverse!important;transform-origin:58% 45%!important}
  .rp-homepage-v16 .rp-cinema-photo::before{
    content:""!important;position:absolute!important;z-index:4!important;inset:0!important;pointer-events:none!important;
    background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(13,242,138,.10) 50%,transparent 64%)!important;
    transform:translateX(-140%)!important;animation:rp25HeroSweep 5.8s ease-in-out 1.1s infinite!important;
    mix-blend-mode:screen!important;
  }
  .rp-homepage-v16 .rp-cinema-slide-dots{animation:rp25DotsFloat 3s ease-in-out infinite!important}
  .rp-homepage-v16 .rp-cinema-slide-dots b{transition:width .35s var(--rp25-ease),opacity .3s!important}
  .rp-homepage-v16 .rp-cinema-slide-dots b.is-active{width:32px!important;box-shadow:0 0 14px rgba(13,242,138,.16)!important}

  /* Event-list photos always have subtle life, with alternating direction. */
  .homev3-event-image{position:relative!important;isolation:isolate!important;background:#06100c!important}
  .homev3-event-image img{
    transform:scale(1.025)!important;
    animation:rp25CardPhoto 6.6s ease-in-out infinite alternate!important;
    will-change:transform,filter!important;
    filter:saturate(1.04) contrast(1.03) brightness(.95)!important;
  }
  .homev3-event:nth-child(even) .homev3-event-image img{animation-direction:alternate-reverse!important;animation-duration:7.4s!important}
  .homev3-event:nth-child(3n) .homev3-event-image img{animation-duration:8.2s!important}
  .homev3-event-image::before{
    content:""!important;display:block!important;position:absolute!important;z-index:4!important;inset:0!important;pointer-events:none!important;
    background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.12) 46%,rgba(13,242,138,.09) 51%,transparent 72%)!important;
    transform:translateX(-145%)!important;animation:rp25CardSweep 5.2s ease-in-out infinite!important;
  }
  .homev3-event:nth-child(2n) .homev3-event-image::before{animation-delay:-2.4s!important}
  .homev3-event.rp24-in .homev3-event-image{animation:rp25ImageFrameIn .72s var(--rp25-ease) both!important}
  .homev3-event:active .homev3-event-image img{animation-play-state:paused!important;transform:scale(1.075)!important;filter:saturate(1.18) contrast(1.06) brightness(1.02)!important}

  /* Individual event photo: breathe slowly and get a controlled light pass. */
  .rp-page-evento .rp-event-mobile-media{position:relative!important;overflow:hidden!important;isolation:isolate!important}
  .rp-page-evento .rp-event-mobile-image{
    animation:rp25EventPhoto 8.5s ease-in-out infinite alternate!important;
    transform-origin:center 43%!important;will-change:transform,filter!important;
    filter:saturate(1.05) contrast(1.025)!important;
  }
  .rp-page-evento .rp-event-mobile-media::before{
    content:""!important;position:absolute!important;z-index:2!important;inset:0!important;pointer-events:none!important;
    background:linear-gradient(118deg,transparent 28%,rgba(255,255,255,.10) 47%,rgba(13,242,138,.08) 51%,transparent 68%)!important;
    transform:translateX(-150%)!important;animation:rp25EventSweep 6.4s ease-in-out 1s infinite!important;
  }
  .rp-page-evento .rp-event-mobile-date{z-index:5!important}

  /* Client/event imagery uses the same motion language. */
  .rp-page-cliente-index .client-event-card img{
    animation:rp25ClientPhoto 7.4s ease-in-out infinite alternate!important;will-change:transform,filter!important;
    filter:saturate(1.04) contrast(1.02)!important;
  }
  .rp-page-cliente-index .client-event-card:nth-child(even) img{animation-direction:alternate-reverse!important}

  /* A little more motion in the page without adding text clutter. */
  .rp-mobile-event-bottom span{display:inline-flex!important;align-items:center!important;gap:4px!important}
  .rp-mobile-event-bottom span{animation:rp25TicketHint 2.4s ease-in-out infinite!important}
  .homev3-heading h2{animation:rp25HeadingGlow 4.2s ease-in-out infinite!important}
}

@keyframes rp25ButtonFlash{0%,55%{left:-38%;opacity:0}62%{opacity:.8}82%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@keyframes rp25SlideReveal{0%{clip-path:inset(0 0 0 18%);opacity:.18}100%{clip-path:inset(0);opacity:1}}
@keyframes rp25HeroCinema{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.10) translate3d(-10px,-5px,0)}}
@keyframes rp25HeroSweep{0%,52%{transform:translateX(-145%);opacity:0}61%{opacity:.72}82%{transform:translateX(145%);opacity:0}100%{transform:translateX(145%);opacity:0}}
@keyframes rp25DotsFloat{0%,100%{transform:translateY(0);opacity:.72}50%{transform:translateY(-3px);opacity:1}}
@keyframes rp25CardPhoto{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.095) translate3d(-5px,-3px,0)}}
@keyframes rp25CardSweep{0%,58%{transform:translateX(-145%);opacity:0}66%{opacity:.65}86%{transform:translateX(145%);opacity:0}100%{transform:translateX(145%);opacity:0}}
@keyframes rp25ImageFrameIn{0%{opacity:.35;transform:scale(.97);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@keyframes rp25EventPhoto{0%{transform:scale(1.01) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-4px,-3px,0)}}
@keyframes rp25EventSweep{0%,62%{transform:translateX(-150%);opacity:0}70%{opacity:.58}90%{transform:translateX(150%);opacity:0}100%{transform:translateX(150%);opacity:0}}
@keyframes rp25ClientPhoto{0%{transform:scale(1.015)}100%{transform:scale(1.06) translate3d(-3px,-2px,0)}}
@keyframes rp25TicketHint{0%,100%{transform:translateX(0);opacity:.82}50%{transform:translateX(3px);opacity:1}}
@keyframes rp25HeadingGlow{0%,100%{text-shadow:0 0 0 rgba(13,242,138,0)}50%{text-shadow:0 0 20px rgba(13,242,138,.06)}}

@media(prefers-reduced-motion:reduce){
  .rp-homepage-v16 .rp-cinema-slide,.rp-homepage-v16 .rp-cinema-slide img,.rp-homepage-v16 .rp-cinema-photo::before,
  .rp-homepage-v16 .rp-cinema-slide-dots,.homev3-event-image img,.homev3-event-image::before,.homev3-event.rp24-in .homev3-event-image,
  .rp-page-evento .rp-event-mobile-image,.rp-page-evento .rp-event-mobile-media::before,.rp-page-cliente-index .client-event-card img,
  .rp-mobile-event-bottom span,.homev3-heading h2,.rp-homepage-v16 .rp-cinema-primary::after{animation:none!important;transition:none!important}
}
