/* ══════════════════════════════════════════════
   hono-cookies.css
   Override del banner de Complianz GDPR para
   que case con el diseño HONO.
   Selectores confirmados en Complianz 7.4.6.
══════════════════════════════════════════════ */

/* ── Fuente y color base ── */
.cmplz-cookiebanner,
.cmplz-cookiebanner * {
  font-family: 'DM Sans', sans-serif !important;
  color: #f0ede8 !important;
  box-sizing: border-box !important;
}

/* ── Contenedor del banner ── */
.cmplz-cookiebanner {
  background:    #0d0d0d !important;
  border:        1px solid rgba(240, 237, 232, 0.25) !important;
  border-radius: 0 !important;
  padding:       1.5rem 2rem !important;
  max-width:     480px !important;
  box-shadow:    none !important;
}

/* ── Título ── */
.cmplz-cookiebanner .cmplz-title {
  font-family:    'Anton', sans-serif !important;
  font-size:      clamp(1.4rem, 3vw, 2rem) !important;
  font-weight:    400 !important;
  letter-spacing: -0.01em !important;
  line-height:    1 !important;
  margin-bottom:  0.75rem !important;
}

/* ── Mensaje / cuerpo ── */
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-body {
  font-size:   clamp(0.65rem, 0.9vw, 0.8rem) !important;
  line-height: 1.7 !important;
  color:       #999 !important;
}
.cmplz-cookiebanner .cmplz-message a,
.cmplz-cookiebanner .cmplz-body a {
  color:           #f0ede8 !important;
  text-decoration: underline !important;
  opacity:         0.7 !important;
}
.cmplz-cookiebanner .cmplz-message a:hover,
.cmplz-cookiebanner .cmplz-body a:hover {
  opacity: 1 !important;
}

/* ── Botones: base ── */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  background:     transparent !important;
  border:         1px solid rgba(240, 237, 232, 0.4) !important;
  border-radius:  0 !important;
  color:          #f0ede8 !important;
  font-family:    'DM Sans', sans-serif !important;
  font-size:      0.6rem !important;
  font-weight:    400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding:        0.5rem 1rem !important;
  cursor:         pointer !important;
  transition:     background 0.2s, color 0.2s !important;
  box-shadow:     none !important;
}

/* ── Aceptar: borde más visible ── */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  border-color: #f0ede8 !important;
}

/* ── Hover todos los botones ── */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus {
  background: #f0ede8 !important;
  color:      #0d0d0d !important;
  outline:    none !important;
}

/* ── Botón "Gestionar preferencias" / manage consent ── */
#cmplz-manage-consent .cmplz-manage-consent {
  background:     transparent !important;
  border:         1px solid rgba(240, 237, 232, 0.3) !important;
  border-radius:  0 !important;
  color:          #f0ede8 !important;
  font-family:    'DM Sans', sans-serif !important;
  font-size:      0.55rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor:         pointer !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover,
#cmplz-manage-consent .cmplz-manage-consent:focus {
  background: #f0ede8 !important;
  color:      #0d0d0d !important;
}

/* ── Divider ── */
.cmplz-cookiebanner .cmplz-divider {
  border-color: rgba(240, 237, 232, 0.1) !important;
}

/* ── Botón de cierre (×) ── */
.cmplz-cookiebanner .cmplz-close svg path {
  stroke: #f0ede8 !important;
  fill:   #f0ede8 !important;
}

/* ── Toggles de categorías ── */
.cmplz-cookiebanner .cmplz-categories .cmplz-category-title {
  font-size:      0.62rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Footer legal en todas las páginas ── */
.footer-legal {
  display:         flex;
  flex-wrap:       wrap;
  gap:             0.5rem 1.2rem;
  justify-content: center;
  margin-top:      0.5rem;
  font-size:       0.55rem;
  letter-spacing:  0.12em;
  text-transform:  uppercase;
  color:           #666;
}
.footer-legal a {
  color:           inherit;
  text-decoration: none;
  transition:      color 0.2s;
}
.footer-legal a:hover {
  color: #f0ede8;
}