.o-header {
  z-index: 500;
  position: sticky;
  top: 0;
  /* QA 24151 (30-oct-2026): al abrir el menú móvil, las líneas del botón salen unos píxeles de la
     pantalla y generaban desplazamiento horizontal (en árabe, hacia la izquierda). El panel del menú
     es fixed y no se recorta. */
  overflow-x: clip;
}

.o-header__content {
  background-color: var(--observatorio-blue-dark);
  position: relative;
}

.o-hader__contain {
  display: grid;
  grid-template-columns: 20% 68% 10%;
  justify-content: center;
  align-items: center;
  margin: auto;
  min-height: 70px;
}

.options {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
  padding: 9px 0px;
}

@media(max-width:1200px){
  .o-hader__contain{
    grid-template-columns: 60% 40%;
  }
}

/* QA 24151 (29-oct-2026): menú según el ancho de la pantalla. Por debajo de 1200 px el menú de
   escritorio no cabe: se oculta y se usa el botón de menú (part/m-mobile). */
.o-header .js-mobile-menu-open,
.o-header .m-menu-mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  .o-hader__contain {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }

  .o-header .main-nav {
    display: none;
  }

  .o-header .js-mobile-menu-open {
    display: inline-flex;
  }

  .o-header .m-menu-mobile {
    display: block;
  }
}

@media(max-width:780px){
  .negative-card__grid{
    padding: 30px !important;
  }

  .trp-language-switcher{
    width: inherit;
  }
}