/* ============================================================================
   cookie-consent.css — Banner de consentimiento de cookies.
   No invasivo: barra fija al pie, no modal, no bloquea el resto del sitio.
   Consume tokens --q-* (sin colores hardcode) para invertir bien en noche.
   ============================================================================ */
.q-cookie-banner{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 60;
  max-width: 100vw;
  background: var(--q-surface, #FFFFFF);
  border-top: 1px solid var(--q-border, #DCE3F1);
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.10);
  padding: .9rem max(1rem, env(safe-area-inset-left)) calc(.9rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-right));
}
.q-cookie-banner__inner{
  max-width: 68rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
}
.q-cookie-banner__text{
  flex: 1 1 18rem;
  min-width: 0;
  margin: 0;
  font-family: var(--q-font-sans, Inter), sans-serif;
  font-size: .88rem;
  line-height: 1.5;
  color: var(--q-ink-2, var(--q-ink));
}
.q-cookie-banner__text a{
  color: var(--q-brand, #3E8551);
  text-decoration: underline;
}
.q-cookie-banner__actions{
  flex: none;
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
}
.q-cookie-banner__btn{
  font-family: var(--q-font-sans, Inter), sans-serif;
  font-weight: 600;
  font-size: .86rem;
  border-radius: 999px;
  padding: .5rem 1.1rem;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.q-cookie-banner__btn--reject{
  background: transparent;
  color: var(--q-muted-2, var(--q-ink-2));
  border: 1px solid var(--q-border, #DCE3F1);
}
.q-cookie-banner__btn--reject:hover{
  border-color: var(--q-ink-2, var(--q-muted-2));
  color: var(--q-ink, #0B102A);
}
.q-cookie-banner__btn--accept{
  background: var(--q-brand, #3E8551);
  color: #fff;
  border: 1px solid var(--q-brand, #3E8551);
}
.q-cookie-banner__btn--accept:hover{
  background: var(--q-accent-hover, #2f6d40);
  border-color: var(--q-accent-hover, #2f6d40);
}
.q-cookie-banner__btn:focus-visible{
  outline: 3px solid var(--q-focus-inset, rgba(60,143,134,.35));
  outline-offset: 2px;
}
@media (max-width: 34rem){
  .q-cookie-banner__inner{ flex-direction: column; align-items: stretch; text-align: center; }
  .q-cookie-banner__actions{ justify-content: center; }
}