/* =============================================================
   LA ROJA RP v1.26 — HERO EXACTO / CONTENIDO HTML REAL
   La imagen de fondo contiene SOLO escena (ciudad/coche/helicóptero).
   Título, botones, cupón, contador, Discord y estadísticas son HTML.
   ============================================================= */

@media (min-width:1101px){
  .laroja-v19-page .lr121-hero{
    box-sizing:border-box!important;
    position:relative!important;
    width:100%!important;
    height:760px!important;
    min-height:760px!important;
    max-height:760px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 486px!important;
    grid-template-rows:1fr!important;
    column-gap:52px!important;
    align-items:center!important;
    padding:38px 60px 112px!important;
    overflow:hidden!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.38) 24%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.18) 100%),
      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 54%,rgba(0,0,0,.47) 100%),
      url("visuals-v126/hero-city-car-heli-clean.jpg") center center/cover no-repeat!important;
    border-bottom:2px solid rgba(224,25,30,.74)!important;
    box-shadow:inset 0 -90px 110px rgba(0,0,0,.44)!important;
  }

  .laroja-v19-page .lr121-hero:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 67% 20%,rgba(255,46,27,.13),transparent 28rem),
      linear-gradient(90deg,rgba(0,0,0,.14),transparent 34%,transparent 70%,rgba(0,0,0,.12))!important;
  }

  .laroja-v19-page .lr121-hero:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(110deg,transparent 0%,rgba(255,48,18,.035) 48%,transparent 57%)!important;
    background-size:220% 100%!important;
    animation:lr126SceneSweep 9s linear infinite!important;
  }

  .laroja-v19-page .lr19-city-glow{display:none!important}

  /* LEFT CONTENT */
  .laroja-v19-page .lr114-home-copy{
    position:relative!important;
    z-index:8!important;
    align-self:center!important;
    justify-self:start!important;
    width:700px!important;
    max-width:700px!important;
    margin-top:-22px!important;
    opacity:1!important;
    transform:none!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-kicker{
    display:none!important;
  }

  .laroja-v19-page .lr114-home-copy h1{
    margin:0!important;
    font-size:82px!important;
    line-height:.91!important;
    font-weight:900!important;
    letter-spacing:-.055em!important;
    color:#f7f7f7!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
    text-shadow:0 8px 28px rgba(0,0,0,.76)!important;
    animation:lr126Title 3.2s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr114-home-copy h1 strong{
    color:#ef1720!important;
    font-weight:950!important;
    text-shadow:0 0 20px rgba(239,23,32,.16)!important;
    animation:lr126RP 2s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr114-home-copy h1:after{display:none!important}

  .laroja-v19-page .lr114-home-copy h2{
    margin:13px 0 18px!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.66)!important;
    animation:lr126Sub 3s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr114-home-copy h2 strong{color:#ef1720!important;font-weight:950!important}

  .laroja-v19-page .lr114-home-copy p{
    width:610px!important;
    max-width:610px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.75!important;
    font-weight:500!important;
    color:rgba(255,255,255,.78)!important;
    text-shadow:0 3px 12px rgba(0,0,0,.74)!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-home-actions{
    display:flex!important;
    gap:28px!important;
    margin:39px 0 0!important;
    align-items:center!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-home-actions a{
    min-width:252px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 26px!important;
    border-radius:7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
    animation:lr126CTA 3.4s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-primary{
    color:#fff!important;
    border:1px solid rgba(255,69,32,.9)!important;
    background:linear-gradient(90deg,#f20d17 0%,#ff4a14 100%)!important;
    box-shadow:0 8px 28px rgba(239,23,32,.28)!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-primary:before{
    content:"🛒"!important;
    margin-right:10px!important;
    font-size:14px!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-secondary{
    color:#fff!important;
    border:1px solid rgba(255,153,15,.58)!important;
    background:linear-gradient(180deg,rgba(37,13,4,.72),rgba(17,7,3,.84))!important;
    box-shadow:inset 0 0 24px rgba(255,122,0,.045)!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-secondary:before{
    content:"👤"!important;
    margin-right:10px!important;
    font-size:14px!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-home-meta{
    display:flex!important;
    align-items:center!important;
    gap:34px!important;
    margin-top:36px!important;
    color:rgba(255,255,255,.76)!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  .laroja-v19-page .lr114-home-copy .lr19-home-meta span{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    animation:lr126Meta 3.7s ease-in-out infinite!important;
  }

  /* RIGHT SIDE */
  .laroja-v19-page .lr116-hero-side{
    position:relative!important;
    z-index:9!important;
    width:486px!important;
    max-width:486px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:17px!important;
    justify-self:end!important;
    align-self:center!important;
    margin-top:-8px!important;
  }

  .laroja-v19-page .lr116-hero-side:before{display:none!important}

  .laroja-v19-page .lr116-promo-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:474px!important;
    padding:24px 26px 24px!important;
    border-radius:12px!important;
    border:1px solid rgba(239,23,32,.62)!important;
    background:linear-gradient(155deg,rgba(26,4,5,.95),rgba(7,2,2,.98))!important;
    box-shadow:0 22px 60px rgba(0,0,0,.52),inset 0 0 34px rgba(239,23,32,.025)!important;
    backdrop-filter:blur(7px)!important;
    text-align:center!important;
    animation:lr126Promo 3.2s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr116-promo-kicker{
    display:block!important;
    margin-bottom:14px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#ff9b00!important;
    letter-spacing:.015em!important;
  }

  .laroja-v19-page .lr116-promo-value{
    display:block!important;
    max-width:405px!important;
    margin:0 auto 8px!important;
    font-size:53px!important;
    line-height:1.03!important;
    font-weight:950!important;
    color:#ed0f19!important;
    text-transform:uppercase!important;
    letter-spacing:-.03em!important;
    text-shadow:0 0 28px rgba(237,15,25,.14)!important;
    animation:lr126Discount 2.3s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr116-promo-sub{
    display:block!important;
    margin-bottom:20px!important;
    font-size:14px!important;
    font-weight:900!important;
    color:#fff!important;
  }

  .laroja-v19-page .lr116-promo-code{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    border-radius:7px!important;
    border:1px solid rgba(255,101,18,.22)!important;
    background:rgba(7,3,2,.64)!important;
    color:#ed1820!important;
    font-size:13px!important;
    font-weight:900!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    cursor:pointer!important;
  }

  .laroja-v19-page .lr116-promo-code b{
    color:#fff!important;
    font-size:17px!important;
    letter-spacing:.05em!important;
  }

  .laroja-v19-page .lr116-promo-code i{
    position:absolute!important;
    right:20px!important;
    color:#ff9b00!important;
    font-size:16px!important;
  }

  .laroja-v19-page .lr116-promo-timer-wrap{
    padding-top:28px!important;
    border:0!important;
  }

  .laroja-v19-page .lr116-promo-timer-wrap>small{
    display:block!important;
    margin-bottom:12px!important;
    font-size:12px!important;
    font-weight:900!important;
    color:#fff!important;
  }

  .laroja-v19-page .lr116-promo-timer{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:8px!important;
    margin:0!important;
  }

  .laroja-v19-page .lr116-promo-timer>span{
    box-sizing:border-box!important;
    width:auto!important;
    height:70px!important;
    min-height:70px!important;
    padding:10px 6px 7px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,154,0,.22)!important;
    background:rgba(8,4,2,.66)!important;
    color:#ff9d00!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:950!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .laroja-v19-page .lr116-promo-timer>span em{
    display:block!important;
    margin-top:7px!important;
    font-style:normal!important;
    color:rgba(255,255,255,.72)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
    text-transform:uppercase!important;
  }

  .laroja-v19-page .lr116-promo-timer>span[data-unit="days"] em{font-size:0!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="days"] em:after{content:"DÍAS";font-size:9px!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="hours"] em{font-size:0!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="hours"] em:after{content:"HORAS";font-size:9px!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="minutes"] em{font-size:0!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="minutes"] em:after{content:"MINUTOS";font-size:9px!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="seconds"] em{font-size:0!important}
  .laroja-v19-page .lr116-promo-timer>span[data-unit="seconds"] em:after{content:"SEGUNDOS";font-size:9px!important}

  .laroja-v19-page .lr116-promo-cta{
    box-sizing:border-box!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    margin-top:17px!important;
    border-radius:7px!important;
    border:1px solid rgba(255,55,31,.82)!important;
    background:linear-gradient(90deg,#ef0d18,#ff3b17)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    box-shadow:0 10px 26px rgba(238,13,24,.2)!important;
  }

  .laroja-v19-page .lr116-discord-panel{
    box-sizing:border-box!important;
    width:100%!important;
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    padding:20px 24px!important;
    display:grid!important;
    grid-template-columns:1fr 94px!important;
    grid-template-rows:auto auto 52px!important;
    grid-template-areas:"title icon" "copy icon" "button button"!important;
    column-gap:18px!important;
    row-gap:4px!important;
    align-items:center!important;
    border-radius:12px!important;
    border:1px solid rgba(239,23,32,.38)!important;
    background:linear-gradient(155deg,rgba(18,5,5,.95),rgba(6,2,2,.98))!important;
    box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
    animation:lr126Discord 3.8s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr116-discord-panel>span{
    grid-area:title!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#fff!important;
  }

  .laroja-v19-page .lr116-discord-panel>p{
    grid-area:copy!important;
    max-width:300px!important;
    margin:0!important;
    color:rgba(255,255,255,.65)!important;
    font-size:11px!important;
    line-height:1.55!important;
  }

  .laroja-v19-page .lr116-discord-panel>.lr19-discord-big{
    grid-area:icon!important;
    width:88px!important;
    height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#6673ff!important;
    filter:drop-shadow(0 7px 15px rgba(88,101,242,.20))!important;
  }

  .laroja-v19-page .lr116-discord-panel>.lr19-discord-big svg{
    width:82px!important;
    height:62px!important;
  }

  .laroja-v19-page .lr116-discord-panel>.lr19-discord-login-main{
    grid-area:button!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:8px 0 0!important;
    border-radius:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:#fff!important;
    background:linear-gradient(90deg,#ef0d18,#ff5715)!important;
    border:1px solid rgba(255,74,31,.72)!important;
    font-size:13px!important;
    font-weight:950!important;
    text-decoration:none!important;
  }

  .laroja-v19-page .lr116-discord-panel>.lr19-discord-login-main small{display:none!important}

  /* BOTTOM FOUR BLOCKS */
  .laroja-v19-page .lr115-roleplay-stats{
    box-sizing:border-box!important;
    position:absolute!important;
    z-index:10!important;
    left:60px!important;
    bottom:18px!important;
    width:calc(100% - 60px - 60px - 486px - 52px)!important;
    min-width:770px!important;
    max-width:1175px!important;
    height:96px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    background:rgba(6,3,3,.88)!important;
    border:1px solid rgba(255,139,16,.26)!important;
    border-radius:8px!important;
    overflow:hidden!important;
    backdrop-filter:blur(7px)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.4)!important;
  }

  .laroja-v19-page .lr115-roleplay-stats>div{
    position:relative!important;
    box-sizing:border-box!important;
    min-height:94px!important;
    padding:18px 18px 16px 72px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    border-right:1px solid rgba(255,122,0,.14)!important;
    animation:lr126Stat 4s ease-in-out infinite!important;
  }

  .laroja-v19-page .lr115-roleplay-stats>div:last-child{border-right:0!important}

  .laroja-v19-page .lr115-roleplay-stats>div:before{
    position:absolute!important;
    left:22px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#ee1720!important;
    font-size:34px!important;
    line-height:1!important;
    text-shadow:0 0 18px rgba(238,23,32,.24)!important;
  }
  .laroja-v19-page .lr115-roleplay-stats>div:nth-child(1):before{content:"♢"!important}
  .laroja-v19-page .lr115-roleplay-stats>div:nth-child(2):before{content:"♧"!important}
  .laroja-v19-page .lr115-roleplay-stats>div:nth-child(3):before{content:"✪"!important}
  .laroja-v19-page .lr115-roleplay-stats>div:nth-child(4):before{content:"▤"!important}

  .laroja-v19-page .lr115-roleplay-stats b{
    margin-bottom:8px!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:950!important;
  }

  .laroja-v19-page .lr115-roleplay-stats span{
    color:rgba(255,255,255,.64)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  /* If there is no valid WooCommerce coupon, the promo block remains absent. */
  .laroja-v19-page .lr121-hero:not(.lr125-has-promo) .lr116-promo-card{display:none!important}
  .laroja-v19-page .lr121-hero:not(.lr125-has-promo) .lr116-hero-side{justify-content:center!important}

  .laroja-v19-page .lr19-home-actions a:hover,
  .laroja-v19-page .lr116-promo-cta:hover,
  .laroja-v19-page .lr116-discord-login-main:hover{
    transform:translateY(-3px) scale(1.018)!important;
    filter:brightness(1.12)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 28px rgba(239,23,32,.16)!important;
  }
}

@media (min-width:1101px) and (max-width:1500px){
  .laroja-v19-page .lr121-hero{
    grid-template-columns:minmax(0,1fr) 410px!important;
    column-gap:30px!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }
  .laroja-v19-page .lr114-home-copy{width:610px!important;max-width:610px!important}
  .laroja-v19-page .lr114-home-copy h1{font-size:68px!important}
  .laroja-v19-page .lr114-home-copy h2{font-size:21px!important}
  .laroja-v19-page .lr114-home-copy p{width:530px!important;max-width:530px!important;font-size:14px!important}
  .laroja-v19-page .lr114-home-copy .lr19-home-actions{gap:16px!important}
  .laroja-v19-page .lr114-home-copy .lr19-home-actions a{min-width:215px!important}
  .laroja-v19-page .lr116-hero-side{width:410px!important;max-width:410px!important}
  .laroja-v19-page .lr116-promo-value{font-size:45px!important}
  .laroja-v19-page .lr115-roleplay-stats{left:44px!important;width:calc(100% - 44px - 44px - 410px - 30px)!important;min-width:680px!important}
  .laroja-v19-page .lr115-roleplay-stats>div{padding-left:58px!important}
  .laroja-v19-page .lr115-roleplay-stats>div:before{left:17px!important;font-size:28px!important}
}

@media (max-width:1100px){
  .laroja-v19-page .lr121-hero{
    background:
      linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.52)),
      url("visuals-v126/hero-city-car-heli-clean.jpg") center center/cover no-repeat!important;
  }
}

@keyframes lr126SceneSweep{from{background-position:190% 0}to{background-position:-45% 0}}
@keyframes lr126Title{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
@keyframes lr126RP{0%,100%{filter:brightness(1)}50%{filter:brightness(1.32);text-shadow:0 0 24px rgba(239,23,32,.48)}}
@keyframes lr126Sub{0%,100%{filter:brightness(1)}50%{filter:brightness(1.1)}}
@keyframes lr126CTA{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.3)}50%{box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 20px rgba(239,23,32,.14)}}
@keyframes lr126Meta{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes lr126Promo{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes lr126Discount{0%,100%{filter:brightness(1)}50%{filter:brightness(1.26);text-shadow:0 0 31px rgba(237,15,25,.28)}}
@keyframes lr126Discord{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.42)}50%{box-shadow:0 21px 55px rgba(0,0,0,.48),0 0 20px rgba(88,101,242,.09)}}
@keyframes lr126Stat{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}