/* Footer */
footer { border-top: 1px solid var(--bg-2); background: var(--bg-1); }
footer .cols { display: grid; grid-template-columns: 1.1fr .9fr .9fr; gap: 24px; }
@media (max-width: 900px) { footer .cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { footer .cols { grid-template-columns: 1fr; } }
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--green); }
.legal { 
  color: #8d8d8d; 
  font-size: 13px; 
  padding-top: 14px; 
  border-top: 1px solid var(--bg-2); 
  margin-top: 24px;
  /* Asegurar que se mantenga dentro del contenedor */
  max-width: 100%;
  width: 100%;
}

.legal > div {
  /* Mantener el contenido dentro del contenedor de la página */
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 20px;
}

/* Responsive para la sección legal */
@media (max-width: 640px) {
  .legal > div {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}

/* Animaciones on-scroll */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.show { opacity: 1; transform: translateY(0); }

/* Header responsive styles */
@media (min-width: 900px) { 
  header .nav { display: flex !important; } 
  #menuToggle { display: none !important; } 
  .actions .btn-glass { display: inline-flex !important; }
}
@media (max-width: 1400px) {
  header > div { padding: 14px 100px !important; }
}
@media (max-width: 1200px) {
  header > div { padding: 14px 50px !important; }
}
@media (max-width: 900px) {
  header > div { padding: 14px 20px !important; }
  .glass-menu { display: none !important; }
  .actions .btn-glass { display: none !important; }
}
header .nav a:hover { 
  color: var(--text) !important; 
  background: rgba(60, 192, 145, 0.2); 
}