/* Evita que el padding global empuje el header si existe */
.wp-site-blocks { --wp--style--root--padding-top: 0; }

.mobile-nav-button {display: none;}

.wp-block-image.header-logo, 
.wp-block-image.header-logo img {
  max-width: 205px;
  width: auto;
}

header ul.wp-block-navigation__container.wp-block-navigation > li:first-child {
  /* display: none; */
}

/* Header fijado con GSAP (sin sticky CSS) */
header.wp-block-template-part {
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  background-color: var(--dark-grey);
}

header.wp-block-template-part .wp-block-group {
  height: 100%;
}

header.wp-block-template-part > .wp-block-group {
  padding-left: 30px;
  padding-right: 30px;
}

/* Menu nav */
header .wp-block-navigation {
  gap:35px;
}

header.wp-block-template-part span, 
header.wp-block-template-part p, 
header.wp-block-template-part a, 
header.wp-block-template-part li {
  font-weight: 500 !important;
  font-size: 16px;
  text-decoration: none !important;
  transition: all .3s;
  color:#FFF;
}

header.wp-block-template-part span:hover, 
header.wp-block-template-part p:hover, 
header.wp-block-template-part a:hover, 
header.wp-block-template-part li:hover,
header.wp-block-template-part .current-menu-item span.wp-block-navigation-item__label{
  color:var(--yellow);
}

/* Desktop */
@media (min-width: 768px) {

  header.wp-block-template-part .wp-block-group.alignwide {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  header.wp-block-template-part .wp-block-group-row {
    width: 100%;
  }

  /* Empuja el nav al borde derecho (sin padding extra) */
  header.wp-block-template-part .wp-block-group-row > .wp-block-group-nav {
    margin-left: auto;
    flex: 1 1 auto;
    justify-content: flex-end;
  }

  header.wp-block-template-part .wp-block-group-row > .wp-block-group-nav .wp-block-navigation__container {
    margin-left: auto;
  }

}

@media (min-width:1121px) AND (max-width:1380px) {

  header .wp-block-navigation {
    gap:20px;
  }

}


@media (min-width:900px) AND (max-width:1120px) {
  header.wp-block-template-part .wp-block-group {
    gap:10px
  }
}

@media (min-width:900px) AND (max-width:1260px) {

  header.wp-block-template-part > .wp-block-group {
    padding-left: 0;
    padding-right: 0;
  }

  header.wp-block-template-part span, 
  header.wp-block-template-part p, 
  header.wp-block-template-part a, 
  header.wp-block-template-part li {
    /* font-size: 15px; */
  }

}

/* Mobile */
@media (max-width:767px) {

  .wp-block-image.header-logo, 
  .wp-block-image.header-logo img {
    width: auto;
    margin-top: 7px;
  }

  header.wp-block-template-part,
  .is-menu-open header.wp-block-template-part { 
    background-color: var(--dark-grey);
  }

  
  header.wp-block-template-part > .wp-block-group,
  header.wp-block-template-part > .wp-block-group  > .wp-block-group  {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  header.wp-block-template-part > .wp-block-group  > .wp-block-group > .wp-block-group{
    padding-left:16px;
    padding-right:16px;
  }

  /* Hamburger menu */
  .mobile-nav-button {
    display: block;
  }

  .mobile-nav-button-container {
    border:2px solid var(--yellow);
    height: 46px;
    width: 46px;
    /* border-radius: 50px; */
    background-color: rgba(255,255,255,0);
    top:32px;
    position: absolute;
    right: 15px;
    z-index: 50;  
    border-radius: 0px 6px 0px 6px;  
  }

  .mobile-nav-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 14px;
    right: 11px;
    width: 24px;
    height: 16px;
    margin:0;
    padding:0;
  }

  .mobile-nav-button > span {
      width: 24px;
      height: 2px;
      display: block;
      position: relative;
      background-color: var(--yellow);
  }

  header .header-phone { 
    position: absolute;
    top: 28px;
    right: 96px;
    display: block !important;      
  }

  /* Nav container */
  header.wp-block-template-part .wp-block-group-row {
    align-items: flex-start;
    padding-top: 23px !important;
  }

  .wp-block-group-nav {
    position: absolute;
    width: 100%;
    left:0;
    top:110px;
    align-items: flex-start;
    justify-content: center;
  }

  header.wp-block-template-part ul.wp-block-navigation__container {
    flex-direction: column !important;
    width: 100%;
    justify-content: flex-start;
    gap:40px;
  }

  header.wp-block-template-part .wp-block-group-nav nav.wp-block-navigation{
    margin-top:30px;
    width: calc(100% - 40px);
  }

  header.wp-block-template-part .wp-block-navigation__container > li {
    width: 100%;
  }

  header.wp-block-template-part .wp-block-navigation__container > li a {
    margin:auto;
  }

  header.wp-block-template-part span {
    font-size: 16px;
  }

}