Banner de Consentimiento de Cookies

.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #2c3e50;
  color: #ecf0f1;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
  transform: translateY(100%);
  animation: slideIn 0.5s forwards;
}

@keyframes slideIn {
  to {
    transform: translateY(0);
  }
}

.cookie-consent-banner p {
  margin: 0;
  font-size: 14px;
}

.cookie-consent-banner a {
  color: #3498db;
  text-decoration: none;
}

.cookie-buttons {
  display: flex;
  gap: 10px;
}

.cookie-btn {
  background-color: #3498db;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cookie-btn:hover {
  background-color: #2980b9;
}

document.addEventListener('DOMContentLoaded', () => {
  const cookieBanner = document.getElementById('cookie-banner');
  const acceptButton = document.getElementById('accept-cookies');
  const declineButton = document.getElementById('decline-cookies');

  if (!localStorage.getItem('cookie_consent')) {
    cookieBanner.style.display = 'flex';
  }

  acceptButton.addEventListener('click', () => {
    localStorage.setItem('cookie_consent', 'accepted');
    cookieBanner.style.display = 'none';
  });

  declineButton.addEventListener('click', () => {
    localStorage.setItem('cookie_consent', 'declined');
    cookieBanner.style.display = 'none';
  });
});