/** styles from template-parts/header/content-head.php */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 2;
}

#header {
  position: relative;
  z-index: 3;

  background: white;
  transition: 0.35s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.c-head-content {
  display: flex;
  max-width: 85%;
  height: clamp(57px, 15vw, 86px);

  margin: auto;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.c-head-content__containter{
  flex-basis: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  margin-right: clamp(0px, 1vw, 94px);
  
}
.c-head-content__search{
  flex-basis: 55%;
}
.c-head-content__options{
  flex-basis: 25%;
}
.c-head-content  .custom-logo {
  width: clamp(63px, 15vw, 119px) !important;
  height: clamp(26px, 5vw, 50px);
  object-fit: contain;
  object-position: center;
}


/** Producto */
/** Productos text boton */
.c-head-content__product-link {
  font-size: clamp(16px, 2vw, 16px);
  font-weight: 600;
  
  color: var(--wp--preset--color--azul-pintuco);
 
}



.c-head-icons__search-movile {
display: none;
}
.c-header__close{
  display: none;
}

.c-searh-form__btn-button{
  display: none;
}


@media(max-width:780px){

  #header{
      position: sticky;
      width: 100%;
      top: 0px;
      z-index: 2;
      box-shadow: -1px 4px 4px #00000029;
  }


 

 
 

  .c-head-content__menu-text {
      display: none;
  }

  .c-head__name{
      display: none;
  }
.c-head-content__containter{
  gap: 10px;
}
 


}

@media(max-width:1023px){
  .c-searh-form__btn-button{
    display: flex;
  }
  .c-searh-form__btn-submit{
    display: none;
  }

  .c-head-content {
    max-width: 90%;
}
.c-head-icons-content {
  justify-content:space-evenly !important;
}
.c-search-form__text.containerForm {
  display: flex;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--wp--preset--color--verde-botton);
}


.c-head-content__search.flex-basis {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.c-search-form.reverse{
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.c-searh-form__btn-button.hide{
  display: none;
}
.c-searh-form__btn-submit.initial {
  display: flex;
  align-items: center;
 position: initial;

}

.c-head-content__containter.hide, .c-head-content__options.hide {
  display: none !important; 
}

.c-header__close.show{
display: flex;
width: 15px;
}

}