.bb-idiomas { display: inline-flex; align-items: center; gap: 3px; flex: none; margin: 0; padding: 3px; border: 1px solid #d8d8d8; border-radius: 10px; background: #fff; color: #111; }
.bb-idiomas__label { display: none; }
.bb-idiomas button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 55px; min-height: 38px; padding: 5px 6px; border: 0; border-radius: 10px; background: transparent; color: #555; font: 550 12px/1.2 var(--sans, Arial), sans-serif; cursor: pointer; }
.bb-idiomas button[aria-pressed='true'] { color: #111; font-weight: 600; }
.bb-idiomas button:hover { background: #f4f4f4; color: #111; }
.bb-idiomas button:focus-visible { outline: 2px solid #555; outline-offset: 2px; }
.barra__miolo:has(.bb-idiomas) { grid-template-columns: 1fr auto auto auto; }
.photo-credits .bb-idiomas { margin: 0 0 24px; }
@media (max-width: 1200px) {
  .masthead:has(.bb-idiomas), .barra:has(.bb-idiomas) { position: relative; padding-top: 38px; }
  .masthead:has(.bb-idiomas) { position: absolute; }
  .masthead .bb-idiomas, .barra .bb-idiomas { position: absolute; inset: 0 0 auto; display: flex; justify-content: flex-end; height: 38px; padding: 3px var(--pad, 24px); gap: 6px; border: 0; border-bottom: 1px solid #e9e9e9; border-radius: 0; }
  .bb-idiomas__label { display: inline; margin-right: auto; color: #666; font-size: 11px; font-weight: 400; }
  .bb-idiomas button { min-height: 30px; min-width: 55px; border-radius: 10px; font-size: 12px; }
  .barra__miolo:has(.bb-idiomas) { grid-template-columns: 1fr auto 1fr; }
  .cover { padding-top: 118px; }
}
@media (max-width: 650px) {
  .barra__miolo:has(.bb-idiomas) { grid-template-columns: 1fr auto; }
  .cover { padding-top: 116px; }
}
.barra .bb-idiomas { gap: 3px; }
@media (max-width: 1200px) { .barra .bb-idiomas { gap: 6px; } }

.bb-idiomas button img { display: block; flex: none; width: 22px; height: 16px; border-radius: 2px; object-fit: contain; filter: none; }
@media (max-width: 365px) { .bb-idiomas__label { display: none; } }
