/* ==========================================================================
   XJ SCRIPTS — pie de pagina
   ========================================================================== */

.site-footer{
  background:transparent !important;
  border:0 !important;
  margin-top:90px;
}

.xj-footer{
  position:relative;
  border-top:1px solid var(--xj-line);
  background:linear-gradient(180deg, rgba(6,15,28,.6), rgba(3,9,20,.95));
}
.xj-footer::before{
  content:"";
  position:absolute; top:-1px; left:50%;
  width:min(620px, 70%); height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, transparent, var(--xj-cyan), transparent);
}

.xj-footer__inner{
  max-width:var(--xj-max);
  margin:0 auto;
  padding:52px var(--xj-gutter) 34px;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr));
  gap:36px;
}

.xj-footer__brand img{
  height:54px; width:auto;
  margin-bottom:16px;
  filter:drop-shadow(0 0 16px rgba(7,140,255,.45));
}
.xj-footer__brand p{
  max-width:38ch;
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--xj-dim);
}

.xj-footer__col h4{
  margin:0 0 14px;
  font-family:var(--xj-head);
  font-size:13px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--xj-text);
}
.xj-footer__col a{
  display:block;
  padding:5px 0;
  font-size:14px;
  color:var(--xj-dim);
  transition:color .18s var(--xj-ease), transform .18s var(--xj-ease);
}
.xj-footer__col a:hover{ color:var(--xj-cyan); transform:translateX(3px); }

.xj-footer__legal{
  border-top:1px solid var(--xj-line-soft);
}
.xj-footer__legal-inner{
  max-width:var(--xj-max);
  margin:0 auto;
  padding:18px var(--xj-gutter);
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap;
  font-size:12.5px;
  color:var(--xj-dim-2);
}
.xj-footer__legal-inner a{ color:var(--xj-dim); }
.xj-footer__legal-inner a:hover{ color:var(--xj-cyan); }

.xj-footer__seal{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 14px;
  border-radius:999px;
  border:1px solid var(--xj-line);
  background:rgba(7,140,255,.08);
  font-family:var(--xj-head);
  font-size:12px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--xj-cyan);
}

/* El pie oficial de Tebex (tebex-footer) se queda: es obligatorio. */
tebex-footer{
  display:block;
  padding:10px var(--xj-gutter) 26px;
  text-align:center;
  opacity:.65;
}

@media (max-width:860px){
  .xj-footer__inner{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:28px; }
}
@media (max-width:520px){
  .xj-footer__inner{ grid-template-columns:1fr; }
  .xj-footer__legal-inner{ justify-content:center; text-align:center; }
}