/* Personalización ROMA para el datahub (inyectada por datahub/scripts/10-roma-css) */

/* Logo arriba a la izquierda, alineado con el título (cabecera expandida) */
header > .container-lg { position: relative; }
header > .container-lg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 200px;
  height: 84px;
  background: url('../img/roma-logo-blanco.svg') left center / contain no-repeat;
  pointer-events: none;
  z-index: 30;
}
@media (max-width: 640px) {
  header > .container-lg::before { width: 150px; height: 62px; top: 8px; }
}

/* Al bajar, la cabecera colapsa y solo queda visible la barra de búsqueda:
   el datahub marca ese estado con .pointer-events-none en el bloque de búsqueda.
   Reubicamos el logo en el margen izquierdo, si hay lugar. */
@media (min-width: 1400px) {
  header > .container-lg:has(> .pointer-events-none)::before { display: none; }
  header > .container-lg:has(> .pointer-events-none)::after {
    content: "";
    position: absolute;
    left: -186px;
    bottom: 14px;
    width: 160px;
    height: 66px;
    background: url('../img/roma-logo-blanco.svg') left center / contain no-repeat;
    pointer-events: none;
    z-index: 50;
  }
}