/* Banner y Panel Alquímica */
#cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: rgba(56,73,92,0.95);
  color: #2c2c2c;
  padding: 18px;
  display: none; /* oculto por defecto */
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 9999;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
  font-family: "Georgia", "Times New Roman", serif;
  animation: fadeInUp 0.6s ease-out;
}


#cookie-banner p { margin:0 0 12px 0; font-size:15px; color:#FFFFFF; }
#cookie-banner a:link { color:#FFFFA5; text-decoration:none; font-weight:500; }
#cookie-banner a:hover { color:#FFFF4C; text-decoration:underline; font-weight:500; }
#cookie-banner a:activate { color:#FFFF4C; text-decoration:underline; font-weight:500; }
#cookie-banner a:visited { color:#7ACE6C; text-decoration:underline; font-weight:500; }


.cookie-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.cookie-actions button {
  border:none; border-radius:24px; padding:8px 18px;
  font-size:14px; cursor:pointer; transition:all 0.3s ease;
  font-family: "Georgia", "Times New Roman", serif;
}
#accept-cookies { background:linear-gradient(135deg,#8e44ad,#c39bd3); color:#fff; }
#accept-cookies:hover { background:linear-gradient(135deg,#732d91,#b084c1); }
#reject-cookies { background:#e0e0e0; color:#333; }
#reject-cookies:hover { background:#ccc; }
#settings-cookies { background:linear-gradient(135deg,#f39c12,#f6c667); color:#fff; }
#settings-cookies:hover { background:linear-gradient(135deg,#d68910,#e1b04d); }

#cookie-panel {
  position: fixed; bottom:50%; left:50%;
  transform: translate(-50%,50%);
  width:92%; max-width:460px;
  background:#FAFAFA; color:#2c2c2c; padding:24px;
  border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,0.25);
  z-index:10000;
  font-family: "Georgia", "Times New Roman", serif;
  display: none; /* oculto por defecto */
  animation: fadeInScale 0.5s ease-out;
}
#cookie-panel h2 { margin-top:0; font-size:20px; border-bottom:1px solid #ddd; padding-bottom:10px; color:#38495C; }
#cookie-panel label { display:block; margin:12px 0; font-size:15px; }
#cookie-panel input[type="checkbox"] { margin-right:8px; }
#cookie-panel .cookie-actions { margin-top:20px; justify-content:flex-end; gap:10px; }
#save-cookies { background:linear-gradient(135deg,#8e44ad,#c39bd3); color:#fff; }
#save-cookies:hover { background:linear-gradient(135deg,#732d91,#b084c1); }
#close-cookies { background:#e0e0e0; color:#333; }
#close-cookies:hover { background:#ccc; }

/* Animaciones */
@keyframes fadeInUp { from{opacity:0;transform:translateY(40px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeInScale { from{opacity:0;transform:translate(-50%,60%) scale(0.9);} to{opacity:1;transform:translate(-50%,50%) scale(1);} }
@keyframes fadeOutDown { from{opacity:1;transform:translateY(0);} to{opacity:0;transform:translateY(40px);} }
@keyframes fadeOutScale { from{opacity:1;transform:translate(-50%,50%) scale(1);} to{opacity:0;transform:translate(-50%,60%) scale(0.9);} }

#cookie-banner.hide { animation:fadeOutDown 0.5s ease forwards; }
#cookie-panel.hide { animation:fadeOutScale 0.4s ease forwards; }