/**
 * Entrar CTA — single source for landing + SPA public chrome (KIT-LAND-BTN.enter).
 * Landing: static/index.html · SPA: web EnterLink · kit: components.html
 */
.btn-enter,
a.btn-enter,
button.btn-enter {
  --_enter-green: var(--pymex-green, #5fe3a1);
  --_enter-navy: var(--pymex-navy, #0b192e);
  background: var(--_enter-green) !important;
  color: var(--_enter-navy) !important;
  border: 2.5px solid color-mix(in srgb, var(--_enter-green) 85%, #fff);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--_enter-green) 35%, transparent),
    0 0 14px color-mix(in srgb, var(--_enter-green) 45%, transparent) !important;
  filter: none !important;
  /* Outfit (landing) — Segoe UI @800 se ve demasiado grueso en el chrome SPA. */
  font-family: Outfit, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-shadow: none;
  text-decoration: none;
  min-width: 88px;
  border-radius: 0.55rem;
}

.btn-enter:hover,
a.btn-enter:hover,
button.btn-enter:hover {
  filter: brightness(1.05) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--_enter-green, var(--pymex-green, #5fe3a1)) 50%, transparent),
    0 0 20px color-mix(in srgb, var(--_enter-green, var(--pymex-green, #5fe3a1)) 55%, transparent) !important;
  color: var(--_enter-navy, var(--pymex-navy, #0b192e)) !important;
}

.btn-enter:focus-visible,
a.btn-enter:focus-visible,
button.btn-enter:focus-visible {
  outline: 3px solid var(--_enter-green, var(--pymex-green, #5fe3a1));
  outline-offset: 2px;
  color: var(--_enter-navy, var(--pymex-navy, #0b192e)) !important;
}