/* Banner de cookies con la estetica de la barra: mismo negro translucido,
   mismo desenfoque y misma tipografia. Se respeta el marcado del plugin
   (adapta-rgpd) y sus textos; aqui solo se cambia como se ve. */

#cookies-eu-banner {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999;
  box-sizing: border-box; width: 100%; min-height: 0; padding: 0;
  background: rgba(12,12,12,0.72);
  -webkit-backdrop-filter: blur(18px) saturate(1.12); backdrop-filter: blur(18px) saturate(1.12);
  border-top: 1px solid rgba(255,255,255,0.09);
  color: #C4C5CD; text-align: left;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: clamp(14px, 2vw, 34px);
  padding: 18px clamp(18px, 4vw, 46px);
}
/* respaldo donde no hay backdrop-filter: negro casi solido en vez de translucido */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  #cookies-eu-banner { background: rgba(12,12,12,0.96); }
}

#cookies-eu-label {
  flex: 1 1 380px; max-width: 760px; margin: 0;
  font-size: 12.5px; line-height: 1.6; color: #B4B5BD;
}
#cookies-eu-label a { color: #EDEEF6; text-decoration: none;
  border-bottom: 1px solid rgba(237,238,246,0.28); transition: border-color 220ms ease; }
#cookies-eu-label a:hover { border-bottom-color: #EDEEF6; }

#cookies-eu-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#cookies-eu-banner form { display: contents; }

/* los tres botones comparten caja y tipografia: rechazar cuesta lo mismo que aceptar */
#cookies-eu-banner #cookies-eu-accept,
#cookies-eu-banner #cookies-eu-reject,
#cookies-eu-banner #cookies-eu-settings {
  display: inline-flex !important; align-items: center; justify-content: center;
  margin: 0; padding: 10px 18px; min-height: 40px;
  border-radius: 8px; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 600;
  letter-spacing: 0.015em; text-transform: none;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
#cookies-eu-banner #cookies-eu-accept {
  background: #EDEEF6; border: 1px solid #EDEEF6; color: #0E0E0E;
}
#cookies-eu-banner #cookies-eu-accept:hover,
#cookies-eu-banner #cookies-eu-accept:focus {
  background: #FFFFFF; border-color: #FFFFFF; color: #0E0E0E;
}
#cookies-eu-banner #cookies-eu-reject {
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.22); color: #EDEEF6;
}
#cookies-eu-banner #cookies-eu-reject:hover,
#cookies-eu-banner #cookies-eu-reject:focus {
  background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.4); color: #FFFFFF;
}
#cookies-eu-banner #cookies-eu-settings {
  background: none; border: 1px solid transparent; color: #B4B5BD; font-weight: 600;
}
#cookies-eu-banner #cookies-eu-settings:hover,
#cookies-eu-banner #cookies-eu-settings:focus {
  background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.14); color: #FFFFFF;
}
#cookies-eu-banner button:focus-visible {
  outline: 2px solid rgba(237,238,246,0.55); outline-offset: 3px;
}

/* la pestaña flotante para volver a abrirlo, con la misma piel */
#cookies-eu-banner-closed {
  right: 0; bottom: 84px; min-height: 0; padding: 10px 16px;
  background: rgba(12,12,12,0.72);
  -webkit-backdrop-filter: blur(18px) saturate(1.12); backdrop-filter: blur(18px) saturate(1.12);
  border: 1px solid rgba(255,255,255,0.12); border-right: none;
  border-radius: 9px 0 0 9px;
  color: #C4C5CD; font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 12.5px; font-weight: 600;
}
#cookies-eu-banner-closed span { border-bottom: 1px solid rgba(237,238,246,0.28); }

@media (max-width: 760px) {
  #cookies-eu-banner { gap: 14px; padding: 16px 20px 18px; }
  #cookies-eu-label { flex: 1 1 100%; font-size: 12px; }
  #cookies-eu-buttons { width: 100%; }
  /* en movil los dos botones de decision reparten el ancho a partes iguales */
  #cookies-eu-banner #cookies-eu-accept,
  #cookies-eu-banner #cookies-eu-reject { flex: 1 1 0; }
  #cookies-eu-banner #cookies-eu-settings { flex: 1 1 100%; order: 3; }
}