/* ============================================================
   FOOTER.CSS — Pie de página (todas las páginas)
   ============================================================ */

footer{position:relative; z-index:1; padding:40px 5vw; border-top:1px solid var(--panel-border);}
.footer-inner{max-width:1080px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
.footer-brand{display:flex; align-items:center; gap:10px;}
.footer-brand img{
  height:4em;
  /* filter:
    drop-shadow(0 0 4px rgba(127,224,168,.6))
    drop-shadow(0 0 9px rgba(79,184,201,.4)); */
}
.footer-brand span{font-family:'Chakra Petch'; font-weight:600; font-size:.95rem;}
.footer-brand b{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.footer-links{display:flex; gap:22px; font-size:.8rem; color:var(--ink-dim);}
.footer-links a:hover{color:var(--green);}

/* ===== Redes / contacto rápido ===== */
.footer-social{display:flex; align-items:center; gap:12px;}
.footer-social a{
  width:50px; height:50px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--panel-border);
  border-radius:50%;
  color:var(--ink-dim);
  transition:color .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.footer-social a i{font-size:30px; line-height:1;}
.footer-social a:hover{
  color:var(--green);
  border-color:var(--line);
  box-shadow:0 0 14px rgba(127,224,168,.35);
  transform:translateY(-2px);
}

.footer-copy{width:100%; text-align:center; margin-top:22px; font-size: 1rem; color:var(--ink-dim); opacity:.7;}

/* ============================================================
   RESPONSIVE — footer.css
   ============================================================ */
@media (max-width:600px){
  .footer-inner{flex-direction:column; text-align:center;}
  .footer-links{justify-content:center; flex-wrap:wrap; row-gap:8px;}
  .footer-social{justify-content:center;}

  .footer-brand img{
    height: 3em;
  }
  .footer-social a{
    width:40px; height:40px;
  }

  .footer-social a i{
    font-size: 1.5em;
  }

  .footer-copy {
    font-size: .8em;
  }
}