/* =============================================================
   LA ROJA RP v1.28 — CORRECCIONES SOLICITADAS
   - Botones de portada realmente juntos.
   - Footer cinematográfico compacto inspirado en la referencia.
   - No modifica lógica WooCommerce ni cupones.
   ============================================================= */

@media (min-width:1101px){
  /* BOTONES: impedir que CSS anteriores los separen/estiren */
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr19-home-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    gap:8px!important;
    column-gap:8px!important;
    margin:27px 0 0!important;
    padding:0!important;
  }
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr19-home-actions > a{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    height:49px!important;
    min-height:49px!important;
    padding:0 23px!important;
  }
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr19-home-actions > a.lr19-primary{
    min-width:210px!important;
  }
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr19-home-actions > a.lr19-secondary{
    min-width:185px!important;
  }

  /* FOOTER: franja compacta a pantalla completa, como la referencia */
  .laroja-v19-page .lr121-footer{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:268px!important;
    min-height:268px!important;
    margin:0!important;
    padding:34px max(6vw,82px) 45px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:1.05fr .72fr .82fr .82fr 1.28fr!important;
    align-items:start!important;
    gap:28px!important;
    border-top:1px solid rgba(235,20,27,.75)!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    border-radius:0!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.72) 19%,rgba(0,0,0,.79) 50%,rgba(0,0,0,.70) 81%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(15,0,0,.08) 0%,rgba(0,0,0,.30) 100%),
      url("visuals-v121/footer-soldiers-clean.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:inset 0 14px 45px rgba(0,0,0,.25),inset 0 -20px 45px rgba(0,0,0,.55)!important;
  }

  .laroja-v19-page .lr121-footer:before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 8% 42%,rgba(255,25,25,.13),transparent 27%),
      radial-gradient(circle at 92% 42%,rgba(255,25,25,.13),transparent 27%),
      linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%)!important;
  }
  .laroja-v19-page .lr121-footer:after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,#ec1b22 16%,#ec1b22 84%,transparent)!important;
    box-shadow:0 0 12px rgba(236,27,34,.45)!important;
    pointer-events:none!important;
  }

  .laroja-v19-page .lr121-footer > *{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
  }

  .laroja-v19-page .lr121-footer .lr116-footer-brand{
    align-self:start!important;
    padding-top:1px!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-brand .lr19-brand-name{
    margin:0 0 10px!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    color:#fff!important;
    text-shadow:0 3px 14px rgba(0,0,0,.8)!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-brand .lr19-brand-name b{color:#ed181f!important}
  .laroja-v19-page .lr121-footer .lr116-footer-brand p{
    max-width:230px!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.58!important;
    color:rgba(255,255,255,.64)!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-brand small{
    position:absolute!important;
    left:50vw!important;
    bottom:-35px!important;
    width:max-content!important;
    transform:translateX(-50%)!important;
    font-size:9px!important;
    color:rgba(255,255,255,.58)!important;
    white-space:nowrap!important;
  }

  .laroja-v19-page .lr121-footer .lr116-footer-col{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-col > b{
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#fff!important;
    letter-spacing:.015em!important;
    text-transform:uppercase!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-col > a{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    color:rgba(255,255,255,.73)!important;
    text-decoration:none!important;
    transition:color .2s ease,transform .2s ease!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-col > a:hover{
    color:#fff!important;
    transform:translateX(3px)!important;
  }

  .laroja-v19-page .lr121-footer .lr116-footer-community{
    width:100%!important;
    align-self:start!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:315px!important;
    margin:0 0 0 auto!important;
    padding:16px 17px 14px!important;
    border:1px solid rgba(205,75,18,.52)!important;
    border-radius:7px!important;
    background:linear-gradient(160deg,rgba(16,5,5,.82),rgba(6,2,2,.88))!important;
    box-shadow:0 12px 30px rgba(0,0,0,.36),inset 0 0 28px rgba(112,12,12,.06)!important;
    backdrop-filter:blur(5px)!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy > span{
    display:none!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy h3{
    margin:0 0 7px!important;
    font-size:11px!important;
    line-height:1.15!important;
    color:#fff!important;
    font-weight:900!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy p{
    margin:0 0 11px!important;
    font-size:8.8px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.62)!important;
  }
  .laroja-v19-page .lr121-footer .lr19-footer-discord{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    min-height:37px!important;
    height:37px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid rgba(214,42,24,.55)!important;
    border-radius:5px!important;
    background:linear-gradient(90deg,rgba(27,5,5,.92),rgba(47,7,7,.86))!important;
    color:#fff!important;
    font-size:9.5px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  .laroja-v19-page .lr121-footer .lr19-footer-discord svg{
    width:20px!important;
    height:16px!important;
    color:#6577ff!important;
    flex:0 0 auto!important;
  }
}

@media (min-width:1101px) and (max-width:1450px){
  .laroja-v19-page .lr121-footer{
    padding-left:48px!important;
    padding-right:48px!important;
    grid-template-columns:1fr .7fr .8fr .8fr 1.22fr!important;
    gap:20px!important;
  }
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy{max-width:285px!important}
}

@media (max-width:1100px){
  .laroja-v19-page .lr114-home-copy .lr19-home-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:9px!important;
  }
  .laroja-v19-page .lr114-home-copy .lr19-home-actions > a{
    flex:0 0 auto!important;
    margin:0!important;
  }
}
