/* idioma.css (oct 2026) - banderas de idioma para visitantes sin cuenta.
   En vez de ir dentro de la barra de enlaces, quedan pequeñas arriba, en la fila del logo:
   - Celular: en la esquina superior derecha, sin ocupar una fila propia ni un hueco entre los enlaces.
   - Computador: al final de la barra, igual que antes. */
.nav__idioma--esquina{margin-left:18px;gap:8px}
.nav__idioma--esquina .nav__bandera{opacity:.7;filter:none}
.nav__idioma--esquina .nav__bandera--activa{opacity:1}
.nav__idioma--esquina .nav__bandera svg{width:24px}
@media (min-width:681px){
  .nav__idioma--esquina{order:3}
  .nav--con-idioma .nav__links{margin-left:auto}      /* los enlaces siguen pegados a la derecha, con las banderas al final */
}
@media (max-width:680px){
  .nav--con-idioma{position:relative}
  .nav--con-idioma .nav__brand{padding-left:12px!important;padding-right:66px!important}   /* deja libre la esquina de las banderas */
  .nav__idioma--esquina{position:absolute;top:0;right:10px;height:58px;margin:0;padding:0;gap:2px;align-items:center;z-index:2}
  .nav__idioma--esquina .nav__bandera{padding:8px 3px}      /* area de toque comoda sin agrandar la bandera */
  .nav__idioma--esquina .nav__bandera svg{width:22px}
}