/* ============================================================
   ACCESOS.MX — SISTEMA DE BOTONES
   Uso: clase en el <a> o en el bloque wp-block-button
============================================================ */


/* ── Base compartida (todos los botones con fondo/borde) ── */

.wp-block-kadence-advancedbtn .kb-button.btn-navy,
.wp-block-kadence-advancedbtn .kb-button.btn-white,
.wp-block-kadence-advancedbtn .kb-button.btn-outline,
.wp-block-kadence-advancedbtn .kb-button.btn-light,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy,
.wp-block-kadence-advancedbtn a.kb-button.btn-white,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline,
.wp-block-kadence-advancedbtn a.kb-button.btn-light,
.btn-navy,
.btn-white,
.btn-outline,
.btn-light,
a.btn-navy,
a.btn-white,
a.btn-outline,
a.btn-light {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.75rem 1.75rem;
  border-radius: 50px;
  border: 2px solid transparent;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}


/* ── btn-navy ── */

.wp-block-kadence-advancedbtn .kb-button.btn-navy,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy,
.btn-navy,
a.btn-navy,
a.btn-navy:visited,
#submit {
  background: var(--color-brand);
  color: var(--color-text-inverse);
  border-color: var(--color-brand);
}
.wp-block-kadence-advancedbtn .kb-button.btn-navy:hover,
.wp-block-kadence-advancedbtn .kb-button.btn-navy:focus,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy:hover,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus,
.btn-navy:hover,
.btn-navy:focus,
a.btn-navy:hover,
a.btn-navy:focus {
  background: var(--color-brand-mid);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-mid);
}
.wp-block-kadence-advancedbtn .kb-button.btn-navy:active,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy:active,
.btn-navy:active,
a.btn-navy:active {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-dark);
}
.wp-block-kadence-advancedbtn .kb-button.btn-navy:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus-visible,
.btn-navy:focus-visible,
a.btn-navy:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}


/* ── btn-white (para usar sobre fondos oscuros) ── */

.wp-block-kadence-advancedbtn .kb-button.btn-white,
.wp-block-kadence-advancedbtn a.kb-button.btn-white,
.btn-white,
a.btn-white,
a.btn-white:visited {
  background: var(--color-text-inverse);
  color: var(--color-brand);
  border-color: var(--color-text-inverse);
}
.wp-block-kadence-advancedbtn .kb-button.btn-white:hover,
.wp-block-kadence-advancedbtn .kb-button.btn-white:focus,
.wp-block-kadence-advancedbtn a.kb-button.btn-white:hover,
.wp-block-kadence-advancedbtn a.kb-button.btn-white:focus,
.btn-white:hover,
.btn-white:focus,
a.btn-white:hover,
a.btn-white:focus {
  background: var(--color-brand);
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}
.wp-block-kadence-advancedbtn .kb-button.btn-white:active,
.wp-block-kadence-advancedbtn a.kb-button.btn-white:active,
.btn-white:active,
a.btn-white:active {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}
.wp-block-kadence-advancedbtn .kb-button.btn-white:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.btn-white:focus-visible,
.btn-white:focus-visible,
a.btn-white:focus-visible {
  /* btn-white se usa sobre fondos oscuros (#243C8C). outline navy sería invisible.
     --color-text-inverse (#FFF) sobre bg-navy (#243C8C) = 10.00:1 ✅ */
  outline: 3px solid var(--color-text-inverse);
  outline-offset: 3px;
}


/* ── btn-outline ── */

.wp-block-kadence-advancedbtn .kb-button.btn-outline,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline,
.btn-outline,
a.btn-outline,
a.btn-outline:visited {
  background: transparent;
  color: var(--color-brand);
  border-color: var(--color-brand);
}
.wp-block-kadence-advancedbtn .kb-button.btn-outline:hover,
.wp-block-kadence-advancedbtn .kb-button.btn-outline:focus,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline:hover,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus,
.btn-outline:hover,
.btn-outline:focus,
a.btn-outline:hover,
a.btn-outline:focus {
  background: var(--color-brand);
  color: var(--color-text-inverse);
  border-color: var(--color-brand);
  text-decoration: none;
}
.wp-block-kadence-advancedbtn .kb-button.btn-outline:active,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline:active,
.btn-outline:active,
a.btn-outline:active {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-dark);
}
.wp-block-kadence-advancedbtn .kb-button.btn-outline:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus-visible,
.btn-outline:focus-visible,
a.btn-outline:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}


/* ── btn-light ── */

.wp-block-kadence-advancedbtn .kb-button.btn-light,
.wp-block-kadence-advancedbtn a.kb-button.btn-light,
.btn-light,
a.btn-light,
a.btn-light:visited {
  background: var(--color-bg-light);
  color: var(--color-brand);
  border-color: var(--color-bg-light);
}
.wp-block-kadence-advancedbtn .kb-button.btn-light:hover,
.wp-block-kadence-advancedbtn .kb-button.btn-light:focus,
.wp-block-kadence-advancedbtn a.kb-button.btn-light:hover,
.wp-block-kadence-advancedbtn a.kb-button.btn-light:focus,
.btn-light:hover,
.btn-light:focus,
a.btn-light:hover,
a.btn-light:focus {
  /* --color-brand-accent (#00ADEE) daba 3.91:1 con --color-brand (falla AA para texto normal). */
  /* Corregido a --color-brand-mid: 5.61:1 ✅ con texto blanco. */
  background: var(--color-brand-mid);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-mid);
}
.wp-block-kadence-advancedbtn .kb-button.btn-light:active,
.wp-block-kadence-advancedbtn a.kb-button.btn-light:active,
.btn-light:active,
a.btn-light:active {
  background: var(--color-brand-light);
  color: var(--color-brand-dark);
  border-color: var(--color-brand-light);
}
.wp-block-kadence-advancedbtn .kb-button.btn-light:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.btn-light:focus-visible,
.btn-light:focus-visible,
a.btn-light:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}


/* ── btn-text-navy ── */

.wp-block-kadence-advancedbtn .kb-button.btn-text-navy,
.wp-block-kadence-advancedbtn a.kb-button.btn-text-navy,
.btn-text-navy,
a.btn-text-navy,
a.btn-text-navy:visited {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.75rem 0;
  background: transparent;
  color: var(--color-brand);
  border: 2px solid transparent;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.wp-block-kadence-advancedbtn .kb-button.btn-text-navy:hover,
.wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus,
.wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:hover,
.wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus,
.btn-text-navy:hover,
.btn-text-navy:focus,
a.btn-text-navy:hover,
a.btn-text-navy:focus {
  color: var(--color-brand-mid);
  text-decoration: underline;
}
.wp-block-kadence-advancedbtn .kb-button.btn-text-navy:active,
.wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:active,
.btn-text-navy:active,
a.btn-text-navy:active {
  color: var(--color-brand-dark);
  text-decoration: underline;
}
.wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus-visible,
.wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus-visible,
.btn-text-navy:focus-visible,
a.btn-text-navy:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}


/* ── Dark mode ── */
/*
   Regla clave: --color-brand en dark mode (#A0B1EE) está pensado
   para TEXTO sobre fondo oscuro (8.69:1). No sirve como fondo de botón
   con texto blanco (2.10:1 ❌). Para fondos de botones se usa
   --color-brand-dark (#243C8C 10:1) o --color-brand-mid (#3E60CB 5.61:1).
*/

/* btn-navy dark */
html[data-theme="dark"] .btn-navy,
html[data-theme="dark"] a.btn-navy,
html[data-theme="dark"] a.btn-navy:visited,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-navy,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-dark);
}
html[data-theme="dark"] .btn-navy:hover,
html[data-theme="dark"] a.btn-navy:hover,
html[data-theme="dark"] .btn-navy:focus,
html[data-theme="dark"] a.btn-navy:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus {
  /* bg #A0B1EE (brand) + texto #243C8C (brand-dark) = 4.77:1 ✅ */
  background: var(--color-brand);
  color: var(--color-brand-dark);
  border-color: var(--color-brand);
}
html[data-theme="dark"] .btn-navy:active,
html[data-theme="dark"] a.btn-navy:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:active {
  background: var(--color-bg-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-bg-dark);
}
html[data-theme="dark"] .btn-navy:focus-visible,
html[data-theme="dark"] a.btn-navy:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

/* btn-white dark */
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] a.btn-white,
html[data-theme="dark"] a.btn-white:visited,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-white,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-white {
  /* bg #FFF + texto #243C8C (brand-dark) = 10.00:1 ✅ */
  background: var(--color-text-inverse);
  color: var(--color-brand-dark);
  border-color: var(--color-text-inverse);
}
html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] a.btn-white:hover,
html[data-theme="dark"] .btn-white:focus,
html[data-theme="dark"] a.btn-white:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-white:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-white:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}
html[data-theme="dark"] .btn-white:active,
html[data-theme="dark"] a.btn-white:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-white:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:active {
  background: var(--color-bg-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}
html[data-theme="dark"] .btn-white:focus-visible,
html[data-theme="dark"] a.btn-white:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-white:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus-visible {
  /* outline sobre bg blanco: --color-brand-dark (#243C8C) = 10.00:1 ✅ */
  outline: 3px solid var(--color-brand-dark);
  outline-offset: 3px;
}

/* btn-outline dark */
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] a.btn-outline,
html[data-theme="dark"] a.btn-outline:visited,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-outline,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline {
  /* transparente + borde/texto blanco sobre fondo oscuro = 18.22:1 ✅ */
  background: transparent;
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] a.btn-outline:hover,
html[data-theme="dark"] .btn-outline:focus,
html[data-theme="dark"] a.btn-outline:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus {
  /* bg #FFF + texto #243C8C (brand-dark) = 10.00:1 ✅ */
  background: var(--color-text-inverse);
  color: var(--color-brand-dark);
  border-color: var(--color-text-inverse);
  text-decoration: none;
}
html[data-theme="dark"] .btn-outline:active,
html[data-theme="dark"] a.btn-outline:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:active {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-dark);
}
html[data-theme="dark"] .btn-outline:focus-visible,
html[data-theme="dark"] a.btn-outline:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus-visible {
  outline: 3px solid var(--color-text-inverse);
  outline-offset: 3px;
}

/* btn-light dark */
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] a.btn-light,
html[data-theme="dark"] a.btn-light:visited,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-light,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-light {
  /* bg #162340 (bg-light dark) + texto #A0B1EE (brand dark) = 7.43:1 ✅ */
  background: var(--color-bg-light);
  color: var(--color-brand);
  border-color: var(--color-bg-light);
}
html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] a.btn-light:hover,
html[data-theme="dark"] .btn-light:focus,
html[data-theme="dark"] a.btn-light:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-light:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-light:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus {
  /* --color-brand-mid (#3E60CB) + texto blanco = 5.61:1 ✅ */
  background: var(--color-brand-mid);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-mid);
}
html[data-theme="dark"] .btn-light:active,
html[data-theme="dark"] a.btn-light:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-light:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:active {
  background: var(--color-brand-dark);
  color: var(--color-text-inverse);
  border-color: var(--color-brand-dark);
}
html[data-theme="dark"] .btn-light:focus-visible,
html[data-theme="dark"] a.btn-light:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-light:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

/* btn-text-navy dark */
html[data-theme="dark"] .btn-text-navy,
html[data-theme="dark"] a.btn-text-navy,
html[data-theme="dark"] a.btn-text-navy:visited,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy {
  /* --color-brand (#A0B1EE) sobre fondo oscuro = 8.69:1 ✅ */
  background: transparent;
  color: var(--color-brand);
}
html[data-theme="dark"] .btn-text-navy:hover,
html[data-theme="dark"] a.btn-text-navy:hover,
html[data-theme="dark"] .btn-text-navy:focus,
html[data-theme="dark"] a.btn-text-navy:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:hover,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus {
  color: var(--color-text-inverse);
  text-decoration: underline;
}
html[data-theme="dark"] .btn-text-navy:active,
html[data-theme="dark"] a.btn-text-navy:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:active,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:active {
  /* --color-brand-accent (#00ADEE) sobre fondo oscuro = 7.13:1 ✅ */
  color: var(--color-brand-accent);
  text-decoration: underline;
}
html[data-theme="dark"] .btn-text-navy:focus-visible,
html[data-theme="dark"] a.btn-text-navy:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus-visible,
html[data-theme="dark"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}


/* ── Alto contraste custom (data-contrast="high") ── */
/*
   En este modo los tokens colapsan:
     --color-brand = #ffffff, --color-text-inverse = #ffffff → blanco sobre blanco.
   Se normaliza todo a: negro bg + blanco/amarillo texto + borde amarillo.
   Hover/active invierte a amarillo bg + negro texto (14.67:1 ✅).
*/

html[data-contrast="high"] .btn-navy,
html[data-contrast="high"] a.btn-navy,
html[data-contrast="high"] a.btn-navy:visited,
html[data-contrast="high"] .btn-white,
html[data-contrast="high"] a.btn-white,
html[data-contrast="high"] a.btn-white:visited,
html[data-contrast="high"] .btn-outline,
html[data-contrast="high"] a.btn-outline,
html[data-contrast="high"] a.btn-outline:visited,
html[data-contrast="high"] .btn-light,
html[data-contrast="high"] a.btn-light,
html[data-contrast="high"] a.btn-light:visited,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-navy,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-white,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-outline,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-light,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-white,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-light {
  background: #000000;
  color: #ffffff;
  border: 2px solid #ffd400;
}
html[data-contrast="high"] .btn-navy:hover,
html[data-contrast="high"] .btn-navy:focus,
html[data-contrast="high"] a.btn-navy:hover,
html[data-contrast="high"] a.btn-navy:focus,
html[data-contrast="high"] .btn-white:hover,
html[data-contrast="high"] .btn-white:focus,
html[data-contrast="high"] a.btn-white:hover,
html[data-contrast="high"] a.btn-white:focus,
html[data-contrast="high"] .btn-outline:hover,
html[data-contrast="high"] .btn-outline:focus,
html[data-contrast="high"] a.btn-outline:hover,
html[data-contrast="high"] a.btn-outline:focus,
html[data-contrast="high"] .btn-light:hover,
html[data-contrast="high"] .btn-light:focus,
html[data-contrast="high"] a.btn-light:hover,
html[data-contrast="high"] a.btn-light:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-white:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-white:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-light:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-light:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus {
  background: #ffd400;
  color: #000000;
  border-color: #ffd400;
  text-decoration: none;
}
html[data-contrast="high"] .btn-navy:active,
html[data-contrast="high"] a.btn-navy:active,
html[data-contrast="high"] .btn-white:active,
html[data-contrast="high"] a.btn-white:active,
html[data-contrast="high"] .btn-outline:active,
html[data-contrast="high"] a.btn-outline:active,
html[data-contrast="high"] .btn-light:active,
html[data-contrast="high"] a.btn-light:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-white:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-light:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
html[data-contrast="high"] .btn-navy:focus-visible,
html[data-contrast="high"] a.btn-navy:focus-visible,
html[data-contrast="high"] .btn-white:focus-visible,
html[data-contrast="high"] a.btn-white:focus-visible,
html[data-contrast="high"] .btn-outline:focus-visible,
html[data-contrast="high"] a.btn-outline:focus-visible,
html[data-contrast="high"] .btn-light:focus-visible,
html[data-contrast="high"] a.btn-light:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-white:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-light:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus-visible {
  outline: 3px solid #ffd400;
  outline-offset: 3px;
}

html[data-contrast="high"] .btn-text-navy,
html[data-contrast="high"] a.btn-text-navy,
html[data-contrast="high"] a.btn-text-navy:visited,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy {
  color: #ffd400;
  background: transparent;
}
html[data-contrast="high"] .btn-text-navy:hover,
html[data-contrast="high"] .btn-text-navy:focus,
html[data-contrast="high"] a.btn-text-navy:hover,
html[data-contrast="high"] a.btn-text-navy:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:hover,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus {
  color: #ffffff;
  text-decoration: underline;
}
html[data-contrast="high"] .btn-text-navy:active,
html[data-contrast="high"] a.btn-text-navy:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:active,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:active {
  color: #ffd400;
  text-decoration: underline;
}
html[data-contrast="high"] .btn-text-navy:focus-visible,
html[data-contrast="high"] a.btn-text-navy:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus-visible,
html[data-contrast="high"] .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus-visible {
  outline: 3px solid #ffd400;
  outline-offset: 3px;
}


/* ── Alto contraste Windows (forced-colors) ── */

@media (forced-colors: active) {
  .btn-navy, .btn-white, .btn-outline, .btn-light,
  a.btn-navy, a.btn-white, a.btn-outline, a.btn-light,
  .wp-block-kadence-advancedbtn .kb-button.btn-navy,
  .wp-block-kadence-advancedbtn .kb-button.btn-white,
  .wp-block-kadence-advancedbtn .kb-button.btn-outline,
  .wp-block-kadence-advancedbtn .kb-button.btn-light,
  .wp-block-kadence-advancedbtn a.kb-button.btn-navy,
  .wp-block-kadence-advancedbtn a.kb-button.btn-white,
  .wp-block-kadence-advancedbtn a.kb-button.btn-outline,
  .wp-block-kadence-advancedbtn a.kb-button.btn-light {
    border: 2px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
    forced-color-adjust: none;
  }
  .btn-navy:hover, .btn-white:hover, .btn-outline:hover, .btn-light:hover,
  a.btn-navy:hover, a.btn-white:hover, a.btn-outline:hover, a.btn-light:hover,
  .btn-navy:focus, .btn-white:focus, .btn-outline:focus, .btn-light:focus,
  a.btn-navy:focus, a.btn-white:focus, a.btn-outline:focus, a.btn-light:focus,
  .wp-block-kadence-advancedbtn .kb-button.btn-navy:hover,
  .wp-block-kadence-advancedbtn .kb-button.btn-white:hover,
  .wp-block-kadence-advancedbtn .kb-button.btn-outline:hover,
  .wp-block-kadence-advancedbtn .kb-button.btn-light:hover,
  .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus,
  .wp-block-kadence-advancedbtn .kb-button.btn-white:focus,
  .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus,
  .wp-block-kadence-advancedbtn .kb-button.btn-light:focus,
  .wp-block-kadence-advancedbtn a.kb-button.btn-navy:hover,
  .wp-block-kadence-advancedbtn a.kb-button.btn-white:hover,
  .wp-block-kadence-advancedbtn a.kb-button.btn-outline:hover,
  .wp-block-kadence-advancedbtn a.kb-button.btn-light:hover,
  .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus,
  .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus,
  .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus,
  .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus {
    background: Highlight;
    color: HighlightText;
    border-color: Highlight;
    forced-color-adjust: none;
  }
  .btn-navy:focus-visible, .btn-white:focus-visible,
  .btn-outline:focus-visible, .btn-light:focus-visible,
  a.btn-navy:focus-visible, a.btn-white:focus-visible,
  a.btn-outline:focus-visible, a.btn-light:focus-visible,
  .wp-block-kadence-advancedbtn .kb-button.btn-navy:focus-visible,
  .wp-block-kadence-advancedbtn .kb-button.btn-white:focus-visible,
  .wp-block-kadence-advancedbtn .kb-button.btn-outline:focus-visible,
  .wp-block-kadence-advancedbtn .kb-button.btn-light:focus-visible,
  .wp-block-kadence-advancedbtn a.kb-button.btn-navy:focus-visible,
  .wp-block-kadence-advancedbtn a.kb-button.btn-white:focus-visible,
  .wp-block-kadence-advancedbtn a.kb-button.btn-outline:focus-visible,
  .wp-block-kadence-advancedbtn a.kb-button.btn-light:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
  }
  .btn-text-navy,
  a.btn-text-navy,
  .wp-block-kadence-advancedbtn .kb-button.btn-text-navy,
  .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy {
    color: LinkText;
    forced-color-adjust: none;
  }
  .btn-text-navy:hover,
  .btn-text-navy:focus,
  a.btn-text-navy:hover,
  a.btn-text-navy:focus,
  .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:hover,
  .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus,
  .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:hover,
  .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus {
    color: Highlight;
    text-decoration: underline;
  }
  .btn-text-navy:focus-visible,
  a.btn-text-navy:focus-visible,
  .wp-block-kadence-advancedbtn .kb-button.btn-text-navy:focus-visible,
  .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
  }
}


/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
  .wp-block-kadence-advancedbtn .kb-button.btn-navy,
  .wp-block-kadence-advancedbtn .kb-button.btn-white,
  .wp-block-kadence-advancedbtn .kb-button.btn-outline,
  .wp-block-kadence-advancedbtn .kb-button.btn-light,
  .wp-block-kadence-advancedbtn .kb-button.btn-text-navy,
  .wp-block-kadence-advancedbtn a.kb-button.btn-navy,
  .wp-block-kadence-advancedbtn a.kb-button.btn-white,
  .wp-block-kadence-advancedbtn a.kb-button.btn-outline,
  .wp-block-kadence-advancedbtn a.kb-button.btn-light,
  .wp-block-kadence-advancedbtn a.kb-button.btn-text-navy,
  .btn-navy,
  .btn-white,
  .btn-outline,
  .btn-light,
  .btn-text-navy,
  a.btn-navy,
  a.btn-white,
  a.btn-outline,
  a.btn-light,
  a.btn-text-navy {
    transition: none;
  }
}