.header {
  position: sticky;
  top: 0;
  left: 0;
  transform: none;

  width: 100%;
  max-width: var(--width-1440);
  margin: 0 auto;

  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  border-radius: var(--br-0) var(--br-0) var(--br-24) var(--br-24);
  background-color: var(--Color-primary-2);

  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px var(--padding-100);
  box-sizing: border-box;
  gap: var(--gap-20);

  z-index: 999;
}
#main-content{
  margin-top: -118px;
}
.capa-1-icon2 {
  height: 76.6px;
  width: 114.6px;
  position: relative;
  cursor: pointer;
}
.frame-nav {
  margin: 0;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Color-primary-3);
  font-family: var(--tipografia-secundario);
}
.frame-nav,
.nosotros-parent {
  display: flex;
  align-items: center;
  gap: var(--gap-36);
}
.nosotros-parent ul , .nosotros-parent li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nosotros-parent a {
    color: white;
}
.nosotros2 {
  position: relative;
  line-height: 120%;
  text-transform: capitalize;
  cursor: pointer;
}
.buton,
.buttom {
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
}
.buton {
  border: 0;
  padding: var(--padding-01);
}
.buttom:hover{
    background: var(--Color-primary-5);
}
.buttom {
  border: 0.5px solid var(--Color-secondary-base-1);
  padding: var(--padding-12) var(--padding-24);
  border-radius: var(--br-50);
  overflow: hidden;
  justify-content: center;
  isolation: isolate;
  gap: var(--gap-8);
}
.chevron-right-icon {
  height: var(--height-20);
  width: var(--width-20);
  display: none;
  z-index: 2;
}
.chevron-right-icon,
.comprar-ahora,
.nuevo {
  position: relative;
  flex-shrink: 0;
}
.comprar-ahora {
  font-size: var(--fs-16);
  line-height: 120%;
  text-transform: uppercase;
  font-family: var(--font-amifer);
  color: var(--Color-secondary-base-1);
  text-align: left;
  z-index: 1;
}
.nuevo {
  height: var(--height-18);
  width: var(--width-26);
  overflow: hidden;
  display: none;
  z-index: 0;
}
.vector-icon2 {
  position: absolute;
  height: 95%;
  width: 98.46%;
  top: 0;
  right: 1.54%;
  bottom: 5%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.menu-toggle {
  display: none;
  cursor: pointer;
  z-index: 100;
}

.icon-menu {
  width: 30px;
}

.icon-menu.close {
  display: none;
}


/* NAV */
.frame-nav {
  display: flex;
  align-items: center;
  gap: 30px;
}




/* ============================= */
/* LAPTOP */
/* ============================= */

@media (max-width: 1200px) {
.header{
    padding: 13px 70px;
}
     
}


/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

   .header{
    padding: 13px 40px;
}
.nosotros-parent {
    gap: var(--gap-20);

}
}

/* ============================= */
/* TABLET HORZONTAL */
/* ============================= */

@media (max-width: 868px) {

    .header{
    padding: 13px 20px;
}
.nosotros-parent {
    gap: 15px;

}
.buttom{
    padding: 9px 15px;
}

}



/* ============================= */
/* TABLET PEQUEÑA */
/* ============================= */

@media (max-width: 788px) {

  .header{
    border-radius: 0px;
  }

  .menu-toggle {
    display: block;
  }
  #main-content{
  margin-top: 0px;
}

  .menu-toggle img {
    width: 27px;
  }

  .frame-nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 86%;
    background: #E46F1C;

    flex-direction: column;
    align-items: flex-start;
    padding: 30px;

    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);

    display: flex;
  }

  .frame-nav.active {
    transform: translateX(0);
  }

  .menu-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .buton {
    margin-top: 20px;
  }

  .capa-1-icon2{
    width: 67px;
    height: 45px;
  }

  .nosotros-parent{
    flex-direction: column;
    align-items: start;
    gap: 36px;
  }

  .buttom{
    padding: 12px 24px;
  }

}
/* 
@media (max-width: 576px) {

  

}

@media (max-width: 480px) {

} */