.rb-header{
  background:#1f1f1f;
  padding: 22px 0;
}

.rb-header .rb-header__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 28px;
  align-items: center;
}

.rb-header .wp-block-columns{
  margin: 0;
}

.rb-burger{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:transparent;
  border:0;
  padding:10px 0;
  color:#fff;
  cursor:pointer;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}

.rb-burger__icon{
  width:22px;
  height:2px;
  background:#fff;
  position:relative;
  display:inline-block;
}

.rb-burger__icon::before,
.rb-burger__icon::after{
  content:"";
  position:absolute;
  left:0;
  width:22px;
  height:2px;
  background:#fff;
}

.rb-burger__icon::before{ top:-6px; }
.rb-burger__icon::after{ top: 6px; }

.rb-header .wp-block-image{
  display:flex;
  justify-content:center;
}

.rb-header .wp-block-image img{
  max-height: 90px;
  width: auto;
}

/* --- Layout robusto: 3 zonas (izq / centro / der) --- */
.rb-header .wp-block-columns{
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 !important;
  gap: 0 !important;
}

/* Cada columna: que no “achique” raro */
.rb-header .wp-block-column{
  min-width: 0;
}

/* Posicionamiento */
.rb-header .wp-block-column:first-child{
  justify-self: start;
}

.rb-header .wp-block-column:nth-child(2){
  justify-self: center;
}

.rb-header .wp-block-column:last-child{
  justify-self: end;
}

/* Burger: nunca partir MENU */
.rb-burger{
  white-space: nowrap;
  flex-wrap: nowrap;
}

.rb-burger__text{
  white-space: nowrap;
  display: inline-block;
  line-height: 1;
}

/* Por si Gutenberg/Theme mete estilos raros a botones/enlaces */
.rb-burger,
.rb-burger *{
  word-break: normal;
  overflow-wrap: normal;
}

/* --- Quitar la franja blanca debajo del header --- */
/* Normalmente viene del contenedor del sitio o del main */
body,
.wp-site-blocks,
main{
  background: #1f1f1f;
}

/* Si el theme mete padding/margen superior que “muestra” blanco */
.wp-site-blocks{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Por si hay algún separador/spacer pegado al header */
.rb-header + .wp-block-separator,
.rb-header .wp-block-separator{
  display: none !important;
}