/* lg-footer.css — compartido por 19 páginas.
   Antes estaba copiado dentro de cada HTML. Edítalo AQUÍ y cambia en todas. */
.lgf{
    --lgf-y:#E8BA1E;--lgf-ink:#EAEAE8;--lgf-bg:#121211;
    --lgf-mut:rgba(234,234,232,.55);--lgf-dim:rgba(234,234,232,.34);--lgf-line:rgba(234,234,232,.08);
    --lgf-pad:clamp(1.5rem,5.5vw,5.5rem);
    position:relative;overflow:hidden;color:var(--lgf-ink);
    font-family:'Montserrat',sans-serif;
    background-color:#121211;
    background-image:
      radial-gradient(52% 60% at 50% 112%,rgba(232,186,30,.075),transparent 68%),
      repeating-linear-gradient(90deg,rgba(234,234,232,.026) 0 1px,transparent 1px 96px),
      repeating-linear-gradient(0deg,rgba(234,234,232,.019) 0 1px,transparent 1px 96px);
  }
  .lgf::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(232,186,30,.6),transparent 95%);}
  .lgf>*{position:relative;z-index:1;}
  .lgf a{text-decoration:none;color:inherit;}

  /* ── 1 · Fila de estado ── */
  .lgf__status{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;padding:1.35rem var(--lgf-pad);border-bottom:1px solid var(--lgf-line);}
  .lgf__pulse{width:7px;height:7px;border-radius:50%;background:var(--lgf-y);flex-shrink:0;box-shadow:0 0 0 0 rgba(232,186,30,.5);animation:lgf-ping 2.6s cubic-bezier(.65,0,.35,1) infinite;}
  @keyframes lgf-ping{0%{box-shadow:0 0 0 0 rgba(232,186,30,.45);}70%,100%{box-shadow:0 0 0 9px rgba(232,186,30,0);}}
  .lgf__status-txt{font-size:.6rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--lgf-mut);}
  .lgf__mail{margin-left:auto;display:inline-flex;align-items:center;gap:.6em;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--lgf-y);border:1px solid rgba(232,186,30,.35);border-radius:12px;padding:.62em 1.35em;transition:background .3s,color .3s,border-color .3s,box-shadow .35s,transform .3s;}
  .lgf__mail .a{transition:transform .3s cubic-bezier(.22,1,.36,1);}
  .lgf__mail:hover{background:var(--lgf-y);color:#131312;border-color:var(--lgf-y);box-shadow:0 0 34px -8px rgba(232,186,30,.55);transform:translateY(-2px);}
  .lgf__mail:hover .a{transform:translate(3px,-3px);}

  /* ── 2 · Grilla editorial: marca + navegación ── */
  .lgf__grid{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.75fr));gap:clamp(2rem,4vw,4rem);padding:clamp(3rem,6vw,5rem) var(--lgf-pad);border-bottom:1px solid var(--lgf-line);}
  @media(max-width:1000px){.lgf__grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.lgf__grid{grid-template-columns:1fr;}}
  .lgf__brand-name{font-family:'Anton',sans-serif;font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:1.1rem;}
  .lgf__brand-name em{font-style:normal;color:var(--lgf-y);}
  .lgf__brand-desc{font-size:.82rem;font-weight:400;line-height:1.75;color:var(--lgf-mut);max-width:34ch;margin:0 0 1.5rem;}
  .lgf__meta{display:flex;flex-wrap:wrap;gap:.45rem;}
  .lgf__meta span{font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lgf-dim);border:1px solid var(--lgf-line);border-radius:999px;padding:.5em 1em;transition:color .3s,border-color .3s;}
  .lgf__meta span:hover{color:var(--lgf-y);border-color:rgba(232,186,30,.4);}
  .lgf__col-title{font-size:.58rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(232,186,30,.9);margin:0 0 1.3rem;}
  .lgf__col-title::before{content:'/ ';color:rgba(232,186,30,.45);}
  .lgf__col a{position:relative;display:block;width:fit-content;font-size:.88rem;font-weight:500;color:var(--lgf-mut);margin-bottom:.7rem;letter-spacing:.02em;transition:color .25s,transform .3s cubic-bezier(.22,1,.36,1);}
  .lgf__col a::before{content:'→';position:absolute;left:-1.25em;top:0;color:var(--lgf-y);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);}
  .lgf__col a:hover{color:var(--lgf-ink);transform:translateX(1.25em);}
  .lgf__col a:hover::before{opacity:1;transform:translateX(0);}

  /* ── 3 · Cierre editorial: eslogan + acción ── */
  .lgf__close{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem 3rem;flex-wrap:wrap;padding:clamp(3rem,6.5vw,5.5rem) var(--lgf-pad);}
  .lgf__slogan{font-family:'Anton',sans-serif;font-size:clamp(1.9rem,4.6vw,4.4rem);line-height:1.02;text-transform:uppercase;letter-spacing:-.01em;margin:0;color:var(--lgf-ink);}
  .lgf__slogan em{display:block;font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none;color:var(--lgf-y);font-size:.84em;margin-top:.16em;letter-spacing:0;}
  .lgf__cta{display:inline-flex;align-items:center;gap:1em;font-size:.66rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--lgf-ink);flex-shrink:0;padding-bottom:.55rem;transition:color .3s;}
  .lgf__cta-ring{width:60px;height:60px;border:1px solid rgba(232,186,30,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--lgf-y);position:relative;transition:background .35s,color .35s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s;}
  .lgf__cta-ring::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(232,186,30,.18);transition:inset .45s cubic-bezier(.22,1,.36,1),border-color .35s;}
  .lgf__cta:hover{color:var(--lgf-y);}
  .lgf__cta:hover .lgf__cta-ring{background:var(--lgf-y);color:#131312;transform:translate(4px,-4px);box-shadow:0 0 38px -8px rgba(232,186,30,.6);}
  .lgf__cta:hover .lgf__cta-ring::after{inset:-3px;border-color:rgba(232,186,30,.45);}

  /* ── 4 · Barra inferior ── */
  .lgf__bottom{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;padding:1rem var(--lgf-pad) 1.6rem;}
  .lgf__copy{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lgf-dim);margin:0;}
  .lgf__coords{color:rgba(232,186,30,.45);letter-spacing:.08em;margin-left:.9em;}
  .lgf__legal{display:flex;gap:1.5rem;}
  .lgf__legal a{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lgf-dim);transition:color .25s;}
  .lgf__legal a:hover{color:var(--lgf-y);}

  @media(max-width:700px){.lgf__status{gap:.8rem;}.lgf__mail{margin-left:0;}}
  @media(prefers-reduced-motion:reduce){.lgf__pulse{animation:none;}}
