/* EN / ES switch (plan B6) — a two-segment pill; the pressed language is
   filled indigo, the other is a quiet link-like button. */
.dr-lang {
    display: inline-flex; align-items: center; gap: 2px;
    padding: 3px; margin: 0;
    background: #fff; border: 1px solid var(--border, #E4E2F0);
    border-radius: 9999px;
    box-shadow: 0 1px 2px rgba(45, 43, 61, .06);
    font-family: var(--font-heading, 'Outfit', sans-serif);
}
.dr-lang__globe { font-size: 1rem; color: var(--text-muted, #6B6980); margin: 0 3px 0 5px; }
.dr-lang__opt {
    min-width: 36px; min-height: 30px; padding: 0 9px;
    border: 0; border-radius: 9999px; background: transparent;
    font: inherit; font-size: .78rem; font-weight: 700; letter-spacing: .06em;
    color: var(--text-muted, #6B6980); cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.dr-lang__opt:hover { color: var(--primary, #5B4FC7); background: rgba(91, 79, 199, .08); }
.dr-lang__opt[aria-pressed="true"] {
    background: var(--primary, #5B4FC7); color: #fff; cursor: default;
    box-shadow: 0 1px 3px rgba(91, 79, 199, .35);
}
.dr-lang__opt:focus-visible { outline: 3px solid rgba(232, 145, 58, .9); outline-offset: 2px; }
.dr-lang--compact { padding: 2px; }
.dr-lang--compact .dr-lang__globe { display: none; }
.dr-lang--compact .dr-lang__opt { min-width: 32px; min-height: 28px; padding: 0 7px; }
.dr-lang--login { box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .dr-lang__opt { transition: none; } }