/* Amaragua Spa — estilos del banner de cookies.
   Variables alineadas a la paleta editorial del sitio (css/main.css). */
:root {
  --cc-bg: #FAF6EF;      /* --crema */
  --cc-text: #241D16;    /* --carbon */
  --cc-accent: #B5673A;  /* --terracota */
  --cc-accent-text: #FAF6EF; /* --crema */
  --cc-border: rgba(36, 29, 22, .14); /* --linea */
  --cc-radius: 0px;
  --cc-font: "DM Sans", -apple-system, Helvetica, sans-serif;
}

#cc-banner {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--cc-bg);
  color: var(--cc-text);
  font-family: var(--cc-font);
  border-top: 1px solid var(--cc-border);
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);
}

/* Modo simple: franja fina de una sola línea, lo menos invasiva posible */
#cc-banner.cc-simple .cc-inner {
  max-width: 1180px; margin: 0 auto; padding: .55rem 1.2rem;
  display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap;
}
#cc-banner.cc-simple .cc-text { margin: 0; font-size: .78rem; line-height: 1.4; color: rgba(36,29,22,.8); }
#cc-banner.cc-simple .cc-text a { color: inherit; text-decoration: underline; }
#cc-banner.cc-simple .cc-actions { display: flex; gap: .5rem; flex-shrink: 0; }
#cc-banner.cc-simple .cc-btn { padding: .4rem .85rem; font-size: .74rem; }

/* Modo configuración: necesita más espacio para las categorías */
#cc-banner.cc-config .cc-inner { max-width: 640px; margin: 0 auto; padding: 20px 22px; }
#cc-banner.cc-config .cc-title { margin: 0 0 8px; font-size: 1.05rem; }
#cc-banner.cc-config .cc-cat { margin: 0 0 12px; font-size: 0.88rem; }
#cc-banner.cc-config .cc-cat label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
#cc-banner.cc-config .cc-cat p { margin: 4px 0 0 26px; opacity: 0.75; font-size: 0.82rem; line-height: 1.45; }
#cc-banner.cc-config .cc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }

#cc-banner .cc-btn {
  font: inherit;
  font-size: 0.88rem;
  padding: 10px 16px;
  border-radius: var(--cc-radius);
  border: 1px solid var(--cc-accent);
  cursor: pointer;
  white-space: nowrap;
}
/* Aceptar y Rechazar con la MISMA prominencia (criterio AEPD) — no tocar */
#cc-banner .cc-primary { background: var(--cc-accent); color: var(--cc-accent-text); }
#cc-banner .cc-ghost { background: transparent; color: var(--cc-text); border-color: var(--cc-border); }
#cc-banner .cc-btn:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 2px; }

/* Placeholder para embeds bloqueados (opcional) */
.cc-blocked { background: #f2efeb; min-height: 200px; }

@media (max-width: 700px) {
  #cc-banner.cc-simple .cc-inner { justify-content: flex-start; text-align: left; }
  #cc-banner.cc-simple .cc-actions { width: 100%; flex-wrap: wrap; }
  #cc-banner.cc-simple .cc-btn { flex: 1 1 auto; min-width: 40%; text-align: center; }
}
@media (max-width: 480px) {
  #cc-banner.cc-config .cc-actions { flex-direction: column; }
  #cc-banner.cc-config .cc-btn { width: 100%; }
}