/* =============================================================
   LA ROJA RP v1.29 — AJUSTE REAL PORTADA + FOOTER REFERENCIA
   - Botones de inicio juntos, sin que reglas antiguas los separen.
   - Footer a pantalla completa con la referencia del usuario en laterales
     y fondo limpio en el centro para que TODO el contenido siga siendo HTML.
   - No toca lógica WooCommerce, cupones ni URLs.
   ============================================================= */

/* -------------------------------------------------------------
   PORTADA — EXPLORAR TIENDA + MI CUENTA JUNTOS DE VERDAD
   ------------------------------------------------------------- */
.laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions{
  display:inline-grid!important;
  grid-template-columns:max-content max-content!important;
  grid-auto-flow:column!important;
  justify-content:start!important;
  justify-items:start!important;
  align-items:center!important;
  width:max-content!important;
  max-width:max-content!important;
  min-width:0!important;
  gap:10px!important;
  column-gap:10px!important;
  row-gap:0!important;
  margin:26px 0 0!important;
  padding:0!important;
}
.laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions > a{
  position:relative!important;
  display:inline-flex!important;
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 25px!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions > a.lr19-primary{
  width:220px!important;
}
.laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions > a.lr19-secondary{
  width:180px!important;
}

/* -------------------------------------------------------------
   FOOTER — MISMA COMPOSICIÓN DE LA REFERENCIA
   La referencia subida se usa SIN MODIFICAR para recuperar exactamente
   los soldados de ambos laterales. El centro usa el asset limpio existente
   del plugin para evitar texto incrustado en la imagen.
   ------------------------------------------------------------- */
.laroja-v19-page .lr121-footer{
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  min-height:330px!important;
  height:330px!important;
  left:50%!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  margin-top:0!important;
  padding:38px clamp(250px,18.8vw,370px) 56px!important;
  overflow:hidden!important;
  border-radius:0!important;
  border-top:1px solid rgba(225,25,28,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.70) 21%,rgba(0,0,0,.76) 50%,rgba(0,0,0,.68) 79%,rgba(0,0,0,.10) 100%),
    linear-gradient(180deg,rgba(20,0,0,.06) 0%,rgba(0,0,0,.38) 100%),
    url("visuals-v121/footer-soldiers-clean.jpg") center center / cover no-repeat!important;
  box-shadow:inset 0 20px 80px rgba(0,0,0,.20),inset 0 -35px 70px rgba(0,0,0,.58)!important;
  display:grid!important;
  grid-template-columns:minmax(170px,1.05fr) minmax(120px,.72fr) minmax(140px,.82fr) minmax(155px,.88fr) minmax(260px,1.34fr)!important;
  gap:clamp(20px,2vw,40px)!important;
  align-items:start!important;
}

/* Imagen de referencia exacta: solo se revelan las zonas laterales sin textos */
.laroja-v19-page .lr121-footer:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:url("visuals-v129-footer-reference.png") center center / 100% 100% no-repeat!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 17.2%,transparent 21.5%,transparent 78.5%,#000 82.5%,#000 100%)!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 17.2%,transparent 21.5%,transparent 78.5%,#000 82.5%,#000 100%)!important;
  opacity:1!important;
}
.laroja-v19-page .lr121-footer:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.42) 18%,rgba(0,0,0,.10) 25%,rgba(0,0,0,.10) 75%,rgba(0,0,0,.38) 82%,rgba(0,0,0,.04) 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.48) 100%)!important;
}
.laroja-v19-page .lr121-footer > *{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}

/* Tipografía/espaciado compacto como la referencia */
.laroja-v19-page .lr121-footer .lr116-footer-brand,
.laroja-v19-page .lr121-footer .lr116-footer-col,
.laroja-v19-page .lr121-footer .lr116-footer-community{
  margin:0!important;
  padding:0!important;
  align-self:start!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-brand .lr19-brand-name{
  margin:0 0 11px!important;
  font-size:18px!important;
  line-height:1!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-brand p{
  max-width:220px!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.65)!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-brand small{
  position:absolute!important;
  left:50vw!important;
  bottom:-47px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  margin:0!important;
  font-size:10px!important;
  color:rgba(255,255,255,.62)!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:9px!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-col > b{
  margin:0 0 6px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#fff!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-col > a{
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.76)!important;
}

/* Tarjeta Discord más contenida, colocada como en la captura */
.laroja-v19-page .lr121-footer .lr116-footer-community{
  width:100%!important;
  justify-self:end!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-community-copy{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:310px!important;
  margin:0 0 0 auto!important;
  padding:17px 18px 15px!important;
  border:1px solid rgba(194,57,15,.55)!important;
  border-radius:7px!important;
  background:linear-gradient(160deg,rgba(14,4,4,.86),rgba(5,2,2,.88))!important;
  box-shadow:0 12px 36px rgba(0,0,0,.35),inset 0 0 30px rgba(112,12,12,.05)!important;
  backdrop-filter:blur(4px)!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 8px!important;
  font-size:12px!important;
  line-height:1.2!important;
  color:#fff!important;
}
.laroja-v19-page .lr121-footer .lr116-footer-community-copy p{
  margin:0 0 12px!important;
  font-size:9px!important;
  line-height:1.5!important;
  color:rgba(255,255,255,.65)!important;
}
.laroja-v19-page .lr121-footer .lr19-footer-discord{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:5px!important;
  border:1px solid rgba(208,49,23,.55)!important;
  background:linear-gradient(90deg,rgba(29,5,5,.95),rgba(48,7,7,.88))!important;
  font-size:10px!important;
  font-weight:900!important;
}
.laroja-v19-page .lr121-footer .lr19-footer-discord svg{
  width:21px!important;
  height:17px!important;
  color:#6878ff!important;
}

@media (min-width:1101px) and (max-width:1550px){
  .laroja-v19-page .lr121-footer{
    padding-left:clamp(190px,17.5vw,270px)!important;
    padding-right:clamp(190px,17.5vw,270px)!important;
    grid-template-columns:minmax(145px,1fr) minmax(105px,.7fr) minmax(120px,.8fr) minmax(130px,.84fr) minmax(235px,1.26fr)!important;
    gap:18px!important;
  }
}

@media (max-width:1100px){
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:auto!important;
    max-width:100%!important;
    gap:9px!important;
  }
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions > a{
    width:auto!important;
    min-width:170px!important;
  }

  .laroja-v19-page .lr121-footer{
    left:auto!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    height:auto!important;
    min-height:0!important;
    padding:34px 24px 58px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 22px!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.82)),
      url("visuals-v121/footer-soldiers-clean.jpg") center center / cover no-repeat!important;
  }
  .laroja-v19-page .lr121-footer:before{display:none!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community{grid-column:1/-1!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community-copy{max-width:420px!important;margin:0!important}
  .laroja-v19-page .lr121-footer .lr116-footer-brand small{
    left:0!important;
    bottom:-36px!important;
    transform:none!important;
  }
}

@media (max-width:620px){
  .laroja-v19-page .lr121-footer{grid-template-columns:1fr!important;padding:30px 20px 56px!important}
  .laroja-v19-page .lr121-footer .lr116-footer-community{grid-column:auto!important}
  .laroja-v19-page .lr121-hero .lr114-home-copy .lr129-home-actions{
    grid-template-columns:1fr!important;
  }
}