/* =============================================================
   LA ROJA RP v1.27 — HERO COMPACTO + FOOTER CINEMATICO
   Ajustes visuales sin tocar la lógica WooCommerce/cupones.
   ============================================================= */

@media (min-width:1101px){
  /* HERO: más compacto, sigue ocupando todo el ancho */
  .laroja-v19-page .lr121-hero{
    height:650px!important;
    min-height:650px!important;
    max-height:650px!important;
    grid-template-columns:minmax(0,1fr) 410px!important;
    column-gap:28px!important;
    padding:28px 52px 98px!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 25%,rgba(0,0,0,.05) 56%,rgba(0,0,0,.16) 100%),
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 56%,rgba(0,0,0,.44) 100%),
      url("visuals-v126/hero-city-car-heli-clean.jpg") center 46%/cover no-repeat!important;
    image-rendering:auto!important;
  }

  .laroja-v19-page .lr114-home-copy{
    width:640px!important;
    max-width:640px!important;
    margin-top:-12px!important;
  }
  .laroja-v19-page .lr114-home-copy h1{font-size:70px!important}
  .laroja-v19-page .lr114-home-copy h2{font-size:22px!important;margin:10px 0 14px!important}
  .laroja-v19-page .lr114-home-copy p{width:560px!important;max-width:560px!important;font-size:14px!important;line-height:1.65!important}

  /* Botones más juntos */
  .laroja-v19-page .lr114-home-copy .lr19-home-actions{
    gap:12px!important;
    margin-top:28px!important;
  }
  .laroja-v19-page .lr114-home-copy .lr19-home-actions a{
    min-width:220px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 22px!important;
  }
  .laroja-v19-page .lr114-home-copy .lr19-home-meta{margin-top:27px!important;gap:26px!important}

  /* Panel derecho reducido */
  .laroja-v19-page .lr116-hero-side{
    width:410px!important;
    max-width:410px!important;
    gap:12px!important;
    margin-top:-3px!important;
  }
  .laroja-v19-page .lr116-promo-card{
    min-height:388px!important;
    padding:18px 20px!important;
    border-radius:10px!important;
  }
  .laroja-v19-page .lr116-promo-kicker{font-size:10px!important;margin-bottom:10px!important}
  .laroja-v19-page .lr116-promo-value{font-size:43px!important;max-width:360px!important;margin-bottom:5px!important}
  .laroja-v19-page .lr116-promo-sub{font-size:12px!important;margin-bottom:14px!important}
  .laroja-v19-page .lr116-promo-code{height:46px!important;min-height:46px!important;font-size:11px!important}
  .laroja-v19-page .lr116-promo-code b{font-size:15px!important}
  .laroja-v19-page .lr116-promo-timer-wrap{padding-top:20px!important}
  .laroja-v19-page .lr116-promo-timer-wrap>small{font-size:10px!important;margin-bottom:9px!important}
  .laroja-v19-page .lr116-promo-timer>span{height:58px!important;min-height:58px!important;font-size:21px!important;padding:8px 5px 6px!important}
  .laroja-v19-page .lr116-promo-timer>span em,
  .laroja-v19-page .lr116-promo-timer>span[data-unit] em:after{font-size:8px!important}
  .laroja-v19-page .lr116-promo-cta{height:48px!important;min-height:48px!important;margin-top:13px!important;font-size:12px!important}

  .laroja-v19-page .lr116-discord-panel{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:15px 18px!important;
    grid-template-columns:1fr 70px!important;
    grid-template-rows:auto auto 42px!important;
    column-gap:12px!important;
    border-radius:10px!important;
  }
  .laroja-v19-page .lr116-discord-panel>span{font-size:12px!important}
  .laroja-v19-page .lr116-discord-panel>p{font-size:9px!important;line-height:1.45!important;max-width:260px!important}
  .laroja-v19-page .lr116-discord-panel>.lr19-discord-big{width:66px!important;height:56px!important}
  .laroja-v19-page .lr116-discord-panel>.lr19-discord-big svg{width:61px!important;height:47px!important}
  .laroja-v19-page .lr116-discord-panel>.lr19-discord-login-main{height:42px!important;min-height:42px!important;margin-top:5px!important;font-size:11px!important}

  /* Estadísticas inferiores adaptadas al hero más bajo */
  .laroja-v19-page .lr115-roleplay-stats{
    left:52px!important;
    bottom:14px!important;
    width:calc(100% - 52px - 52px - 410px - 28px)!important;
    min-width:700px!important;
    height:82px!important;
  }
  .laroja-v19-page .lr115-roleplay-stats>div{min-height:80px!important;padding:14px 14px 12px 62px!important}
  .laroja-v19-page .lr115-roleplay-stats>div:before{left:19px!important}

  /* FOOTER: mismo contenido real, nueva composición visual */
  .laroja-v19-page .lr121-footer{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:258px!important;
    min-height:258px!important;
    display:grid!important;
    grid-template-columns:1.05fr .62fr .68fr .76fr 1.35fr!important;
    gap:22px!important;
    align-items:center!important;
    padding:24px 54px!important;
    overflow:hidden!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.90) 19%,rgba(0,0,0,.91) 62%,rgba(0,0,0,.50) 100%),
      url("visuals-v121/footer-soldiers-clean.jpg") center center/cover no-repeat!important;
    border-top:1px solid rgba(225,25,28,.78)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 25px 80px rgba(0,0,0,.22),inset 0 -25px 70px rgba(0,0,0,.55)!important;
  }
  .laroja-v19-page .lr121-footer:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:radial-gradient(circle at 78% 52%,rgba(255,26,28,.11),transparent 28rem)!important;
    pointer-events:none!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-brand{align-self:center!important}
  .laroja-v19-page .lr121-footer .lr116-footer-brand .lr19-brand-name{font-size:21px!important;text-shadow:0 4px 18px rgba(0,0,0,.65)!important}
  .laroja-v19-page .lr121-footer .lr116-footer-brand p{max-width:270px!important;font-size:9px!important;line-height:1.55!important;color:rgba(255,255,255,.60)!important}
  .laroja-v19-page .lr121-footer .lr116-footer-brand small{font-size:8px!important;color:rgba(255,255,255,.52)!important}
  .laroja-v19-page .lr121-footer .lr116-footer-col{gap:7px!important}
  .laroja-v19-page .lr121-footer .lr116-footer-col>b{font-size:10px!important;color:#fff!important;letter-spacing:.015em!important}
  .laroja-v19-page .lr121-footer .lr116-footer-col a{font-size:9px!important;color:rgba(255,255,255,.72)!important}
  .laroja-v19-page .lr121-footer .lr116-footer-col a:hover{color:#fff!important;transform:translateX(2px)!important}

  .laroja-v19-page .lr121-footer .lr116-footer-community{align-self:center!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy{
    box-sizing:border-box!important;
    width:min(300px,100%)!important;
    margin-left:auto!important;
    padding:15px 16px!important;
    background:linear-gradient(155deg,rgba(13,4,4,.76),rgba(5,2,2,.84))!important;
    border:1px solid rgba(255,130,22,.30)!important;
    border-radius:8px!important;
    backdrop-filter:blur(6px)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.30)!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy>span{font-size:7px!important;color:#ff8c17!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy h3{font-size:13px!important;margin:4px 0 5px!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy p{font-size:8px!important;line-height:1.5!important;color:rgba(255,255,255,.62)!important}
  .laroja-v19-page .lr121-footer .lr19-footer-discord{min-height:34px!important;padding:0 12px!important;font-size:8px!important;border-radius:6px!important}
}

@media (min-width:1101px) and (max-width:1450px){
  .laroja-v19-page .lr121-hero{height:610px!important;min-height:610px!important;max-height:610px!important;grid-template-columns:minmax(0,1fr) 370px!important;padding-left:36px!important;padding-right:36px!important}
  .laroja-v19-page .lr114-home-copy{width:570px!important;max-width:570px!important}
  .laroja-v19-page .lr114-home-copy h1{font-size:61px!important}
  .laroja-v19-page .lr114-home-copy p{width:500px!important;max-width:500px!important}
  .laroja-v19-page .lr116-hero-side{width:370px!important;max-width:370px!important}
  .laroja-v19-page .lr116-promo-value{font-size:38px!important}
  .laroja-v19-page .lr115-roleplay-stats{left:36px!important;width:calc(100% - 36px - 36px - 370px - 28px)!important;min-width:620px!important}
  .laroja-v19-page .lr121-footer{padding-left:34px!important;padding-right:34px!important;gap:16px!important}
}