
/* LA ROJA RP v1.20 — definitive clean backgrounds */
.lr114-home-hero{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.06) 68%,rgba(0,0,0,.18) 100%),
    url("visuals-v120/hero-city-car-clean.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.lr114-home-hero:before{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28))!important;
}
.lr114-home-hero:after{
  background:radial-gradient(circle at 66% 38%,rgba(255,45,20,.07),transparent 24rem)!important;
  background-size:100% 100%!important;
}

/* No old decorative/baked image layers are allowed over the hero */
.lr19-city-glow,
.lr114-home-hero .lr19-city-glow{display:none!important}

/* Cars/category scene: clean and centered */
.lr19-category-feature,
.lr113-shop .lr-shop-hero{
  background-image:
    linear-gradient(90deg,rgba(5,1,1,.88),rgba(10,2,2,.52),rgba(4,1,1,.24)),
    url("visuals-v120/vehicles-clean.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Policy clean background */
.lr19-policy .lr-policy-hero{
  background-image:
    linear-gradient(90deg,rgba(3,1,1,.94),rgba(8,2,2,.62),rgba(3,1,1,.30)),
    url("visuals-v120/policy-clean.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Footer: exact 1920:330 asset ratio, centered, no zoomed positioning */
.lr117-footer,
.lr19-footer.lr116-footer.lr117-footer{
  height:auto!important;
  min-height:330px!important;
  aspect-ratio:1920/330!important;
  background-image:
    linear-gradient(90deg,rgba(1,1,1,.95) 0%,rgba(2,1,1,.84) 47%,rgba(2,1,1,.38) 75%,rgba(1,1,1,.22) 100%),
    url("visuals-v120/footer-soldiers-clean.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* More visual movement on homepage, without moving the actual background crop */
.lr114-home-copy h1 .lr117-letter{
  animation-duration:2.7s!important;
}
.lr114-home-copy h1 strong{
  animation:lr120RpNeon 1.45s ease-in-out infinite!important;
}
.lr19-home-actions a{
  animation:lr120CtaAttention 3.1s ease-in-out infinite!important;
}
.lr19-home-actions a:nth-child(2){animation-delay:.45s!important}
.lr115-roleplay-stats>div{
  animation:lr120StatHover 4s ease-in-out infinite!important;
}
.lr115-roleplay-stats>div:nth-child(2){animation-delay:.35s!important}
.lr115-roleplay-stats>div:nth-child(3){animation-delay:.7s!important}
.lr115-roleplay-stats>div:nth-child(4){animation-delay:1.05s!important}
.lr116-discord-panel{
  animation:lr120DiscordPanel 3.2s ease-in-out infinite!important;
}
.lr19-section-head h2,
.lr19-category-feature h2{
  animation:lr120HeadingEnergy 3.4s ease-in-out infinite!important;
}

/* Button hover: stronger but clean */
.lr19-site a[class*="btn"]:hover,
.lr19-site button:hover,
.lr19-site .button:hover,
.lr19-site .lr19-primary:hover,
.lr19-site .lr19-secondary:hover{
  filter:brightness(1.18) saturate(1.08)!important;
  transform:translateY(-4px) scale(1.035)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.48),0 0 24px rgba(238,33,28,.25)!important;
}

@keyframes lr120RpNeon{
  0%,100%{filter:brightness(1);text-shadow:0 0 8px rgba(239,29,35,.25)}
  50%{filter:brightness(1.34);text-shadow:0 0 14px rgba(239,29,35,.55),0 0 32px rgba(239,29,35,.28)}
}
@keyframes lr120CtaAttention{
  0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.34)}
  50%{box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 19px rgba(239,38,24,.22)}
}
@keyframes lr120StatHover{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes lr120DiscordPanel{
  0%,100%{box-shadow:0 16px 40px rgba(0,0,0,.38)}
  50%{box-shadow:0 19px 46px rgba(0,0,0,.48),0 0 19px rgba(88,101,242,.11)}
}
@keyframes lr120HeadingEnergy{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.12)}
}

@media(max-width:1100px){
  .lr117-footer{
    aspect-ratio:auto!important;
    background-size:cover!important;
  }
}
