/* ============================================================
   Estilos de marca para el banner de cookies (vanilla-cookieconsent).
   - "Aceptar" (data-role="all"): turquesa, GRANDE, ancho completo arriba.
   - "Rechazar" (data-role="necessary") y "Configurar": PEQUEÑOS, sobrios
     (gris), a media anchura, en una fila debajo. Rechazar sigue siendo un
     botón claro de un toque (cumple RGPD).
   Se fuerza con !important para que se respete también en MÓVIL.
   ============================================================ */

#cc-main {
  --cc-btn-primary-bg: #07beb8;
  --cc-btn-primary-border-color: #07beb8;
  --cc-btn-primary-hover-bg: #059e99;
  --cc-btn-primary-hover-border-color: #059e99;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-border-radius: 8px;
}

/* Disposición: Aceptar arriba a todo el ancho; Rechazar + Configurar debajo, mitad cada uno */
#cc-main .cm__btns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.5rem !important;
}
#cc-main .cm__btn-group,
#cc-main .cm__btn-group--uneven {
  display: contents !important;
}
#cc-main .cm__btns .cm__btn {
  margin: 0 !important;
  min-width: 0 !important;
  order: 1 !important;
}
/* Aceptar: fila de arriba, ancho completo, grande */
#cc-main .cm__btns .cm__btn[data-role="all"] {
  grid-column: 1 / -1 !important;
  order: -1 !important;
  min-height: 46px;
  font-size: 0.92em;
  font-weight: 700;
}
/* Orden de la fila inferior: Rechazar a la IZQUIERDA, Configurar a la DERECHA */
#cc-main .cm__btns .cm__btn[data-role="necessary"] { order: 1 !important; }
#cc-main .cm__btns .cm__btn[data-role="show"] { order: 2 !important; }

/* Rechazar: aspecto secundario (sobrio), como Configurar */
#cc-main .cm__btns .cm__btn[data-role="necessary"] {
  background: var(--cc-btn-secondary-bg) !important;
  border-color: var(--cc-btn-secondary-border-color) !important;
  color: var(--cc-btn-secondary-color) !important;
  font-weight: 600;
}
#cc-main .cm__btns .cm__btn[data-role="necessary"]:hover {
  background: var(--cc-btn-secondary-hover-bg) !important;
  border-color: var(--cc-btn-secondary-hover-border-color) !important;
  color: var(--cc-btn-secondary-hover-color) !important;
}