.cookie-overlay {
  position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 10000; display: flex;
  justify-content: center; pointer-events: none; opacity: 0; transform: translateY(20px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden;
}

.cookie-overlay.active { opacity: 1; transform: translateY(0); visibility: visible; }
.cookie-glass-card {
  background: rgba(15, 15, 20, 0.90);  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  border-radius: 16px; padding: 20px; max-width: 500px; width: 100%; pointer-events: auto;
  display: flex; flex-direction: column; gap: 15px;
}
/* --- CABECERA COMPACTA --- */
.cookie-header-row { display: flex; gap: 15px; align-items: flex-start; }

.cookie-icon { font-size: 1.8rem; line-height: 1; }

.cookie-summary h3 { margin: 0 0 5px 0; color: #fff; font-size: 1rem; font-family: 'Space Grotesk', sans-serif; }

.cookie-summary p { margin: 0; color: #ccc; font-size: 0.9rem; line-height: 1.4; }
/* --- BOTÓN DE LEER MÁS --- */
.link-clean-toggle {
  background: none; border: none; padding: 0; color: var(--primary-glow, #a855f7);  
  font-size: 0.85rem; font-weight: 600; cursor: pointer; text-decoration: underline;
  margin-left: 5px;
}
.link-clean-toggle:hover { color: #fff; }
/* --- ZONA DESPLEGABLE --- */
.cookie-details-hidden {
  display: none;  background: rgba(255, 255, 255, 0.03); padding: 15px; border-radius: 8px;
  margin-top: -5px;
}

.cookie-details-hidden.show { display: block; animation: fadeIn 0.3s ease; }

.cookie-details-hidden p { 
    font-size: 0.85rem; color: #bbb; margin-bottom: 10px; line-height: 1.5;
}

.cookie-details-hidden .legal-text p { font-size: 0.75rem; color: #777; margin-bottom: 0; }
/* --- BOTONES --- */
.cookie-actions {
  display: flex; justify-content: space-between; align-items: center; margin-top: 15px; 
  width: 100%; gap: 12px;
}

.cookie-actions button {
  flex: 1 1 0px; width: 0; min-width: 0; display: flex; align-items: center;
  justify-content: center; white-space: nowrap; padding: 12px 0;     
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .cookie-overlay { bottom: 0; left: 0; right: 0; }
  .cookie-glass-card { border-radius: 16px 16px 0 0; border-bottom: none; padding-bottom: 90px; 
    padding-left: 20px; padding-right: 20px; }
}