/* ============================================================
   OMNIS — Footer dinámico
   Marquee + columnas + wordmark gigante con brillo dorado.
   ============================================================ */
.footer{position:relative;background:#070a0d;color:var(--cream);overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}

/* ---- marquee (cinta en movimiento) ---- */
.footer__marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__track{display:flex;width:max-content;animation:ftMarquee 30s linear infinite;will-change:transform}
.footer:hover .footer__track{animation-play-state:paused}
.footer__seg{
  display:flex;align-items:center;flex:none;padding:20px 0;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(20px,2.6vw,34px);color:var(--gold-2);white-space:nowrap;
}
.footer__seg span{padding:0 .9em}
.footer__seg em{color:var(--gold);font-style:normal}
@keyframes ftMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- columnas ---- */
.footer__cols{
  max-width:1200px;margin:0 auto;
  padding:clamp(50px,7vw,90px) clamp(24px,5vw,60px) 24px;
  display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:clamp(28px,4vw,56px);
}
@media(max-width:820px){.footer__cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer__cols{grid-template-columns:1fr}}
.footer__logo{height:32px;width:auto;margin-bottom:18px}
.footer__brand p{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.5;color:rgba(239,231,214,.7);max-width:26ch}
.footer h4{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.footer a{color:rgba(239,231,214,.72);text-decoration:none;font-size:14px;letter-spacing:.02em;transition:color .35s var(--ease),padding-left .35s var(--ease)}
.footer a:hover{color:var(--gold-2);padding-left:5px}
.footer__nav a{display:block;margin-bottom:11px}
.footer__social{display:flex;gap:20px;margin-top:20px}
.footer__social a{padding:0}
.footer__news p,.footer__contact p{font-family:'Cormorant Garamond',serif;font-size:16px;line-height:1.5;color:rgba(239,231,214,.7);margin-bottom:10px}
.footer__form{display:flex;align-items:center;margin-top:16px;max-width:300px;border-bottom:1px solid rgba(231,210,166,.4)}
.footer__form input{flex:1;background:none;border:0;color:var(--cream);font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.04em;padding:11px 0;outline:none}
.footer__form input::placeholder{color:rgba(239,231,214,.4)}
.footer__form button{background:none;border:0;color:var(--gold-2);font-size:20px;line-height:1;cursor:pointer;padding:0 4px;transition:transform .35s var(--ease)}
.footer__form button:hover{transform:translateX(5px);color:var(--cream)}

/* ---- wordmark gigante con brillo ---- */
.footer__big{
  font-family:'Cinzel',serif;font-weight:600;text-align:center;line-height:.86;
  font-size:clamp(74px,23vw,400px);letter-spacing:.02em;padding:0 8px;margin-top:8px;user-select:none;
  background:linear-gradient(100deg,#4f4126 0%,#c6a36a 32%,#f3e0b4 50%,#c6a36a 68%,#4f4126 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:ftShimmer 7s linear infinite;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent);
}
@keyframes ftShimmer{from{background-position:0% center}to{background-position:220% center}}

/* logo de cierre (sustituye al wordmark gigante en texto) */
.footer__sign{text-align:center;padding:clamp(8px,1.6vw,22px) 24px 16px}
/* wordmark de cierre: el logo real recortado con un gradiente dorado que brilla (artístico) */
.footer__word{
  display:inline-block;width:clamp(240px,58vw,560px);aspect-ratio:222/37;
  background:linear-gradient(100deg,#6b552f 0%,#b8945c 28%,#f3e0b4 50%,#b8945c 72%,#6b552f 100%);
  background-size:230% auto;
  -webkit-mask:url("assets/omnis-word.svg") center/contain no-repeat;
          mask:url("assets/omnis-word.svg") center/contain no-repeat;
  animation:ftWordShimmer 8s linear infinite;
}
@keyframes ftWordShimmer{from{background-position:0% center}to{background-position:230% center}}
@media(prefers-reduced-motion:reduce){.footer__word{animation:none}}

/* ---- legal ---- */
.footer__legal{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  max-width:1200px;margin:0 auto;padding:18px clamp(24px,5vw,60px) 36px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,231,214,.45);
}
.footer__legal a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,231,214,.45)}

@media(prefers-reduced-motion:reduce){
  .footer__track{animation:none}
  .footer__big{animation:none}
}