/* Botón de idioma para las páginas sueltas */
.lang-btn[hidden] { display: none !important; }
.lang-btn { display: inline-flex; align-items: center; gap: .15rem; padding: 3px; border-radius: 999px; border: 1px solid rgba(15,23,42,.12); background: rgba(255,255,255,.92); cursor: pointer; font-weight: 800; font-size: .72rem; line-height: 1; color: #475569; box-shadow: 0 6px 14px -10px rgba(0,0,0,.5); }
.lang-btn span[data-l] { padding: .38rem .6rem; border-radius: 999px; transition: background .25s ease, color .25s ease, transform .25s cubic-bezier(.3,1.6,.5,1); }
.lang-btn span[data-l].on { background: #84cc16; color: #14290a; transform: scale(1.04); }
/* Círculo activo con la bandera de cada idioma, mitad y mitad: ES rojo/amarillo, AND verde/blanco, EN rojo/azul */
.lang-btn span[data-l="es"].on { background: linear-gradient(90deg, #dc2626 50%, #facc15 50%); color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.65), 0 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.lang-btn span[data-l="an"].on { background: linear-gradient(90deg, #16a34a 50%, #ffffff 50%); color: #14532d; text-shadow: 0 0 3px #fff, 0 0 3px #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.lang-btn span[data-l="en"].on { background: linear-gradient(90deg, #dc2626 50%, #2563eb 50%); color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.65), 0 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.lang-btn:hover { box-shadow: 0 8px 16px -8px rgba(0,0,0,.55); }
.lang-btn span[data-l]{padding:.38rem .52rem}
.lang-btn--page{margin:0}
@media (prefers-reduced-motion: reduce){.lang-btn span[data-l]{transition:none}}