/* 1) IMAGEN DE FONDO: posición y tamaño (teléfono a la derecha, sin estirarse) */
  .Header__headerBg { 
    background-size: cover !important;             /* prueba 'contain' si la quieres completa */
    background-position: right center !important;  /* imagen pegada a la derecha */
    background-repeat: no-repeat !important;
  }
  
  /* 2) ESPACIOS / ALTO del banner */
  .Header__header {
    min-height: 380px !important;     /* alto del banner */
    padding: 40px 5% !important;      /* espacios internos (arriba/abajo · lados) */
  }

  /* 3) TEXTO + BUSCADOR a la izquierda (sin tapar la imagen) */
  .Header__titleSearchBox {
    align-self: flex-start !important;
    align-items: flex-start !important;
    width: 56% !important;
    max-width: 760px !important;
    margin-left: 4% !important;
    text-align: left !important;
  }
  .Header__titleSearchBox,
  .Header__titleSearchBox * {
    text-align: left !important;
  }

  /* 4) BUSCADOR a lo ancho del bloque, conservando su botón */
  .Header__titleSearchBox #bannerContainer,
  .Header__titleSearchBox .Header__searchSubCont,
  .Header__titleSearchBox .Header__searchAlt,
  .Header__titleSearchBox .Header__searchLink,
  .Header__titleSearchBox .SearchCon__searchCon,
  .Header__titleSearchBox .SearchBox__searchpart {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }