/* ==============================================================
   Navbar — Menú principal, megamenú, dropdown (⚠ pendiente auditoría JS)
   Extraído de main.css — módulo activo del sitio
   ============================================================== */

@media only screen and (max-width: 1024px) {
  .search_icon {
    padding-right: 0px;
  }

  .local_flag_chevron {
    margin: 0 0 0 0 !important;
    position: absolute;
    right: 15px;
    width: 15px !important;
  }

  .menu_ac .closeIc {
    display: block;
  }

  .menu_ac .menuIc {
    display: none;
  }

  .search_ac .closeIc2 {
    display: block;
  }

  .search_ac .searchIc {
    display: none;
  }
}

.flag-Toggle .pop:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  background-image: url(../img/arrowDown.svg);
  background-size: 100%;
  width: 14px;
  height: 8px;
  transform: translateY(-50%);
  display: none;
}

.dropdownMobile_box {
  width: 95%;
  border: 0.1em solid #2671ba;
  margin: 0 auto 30px;
  padding: 10px;
  position: relative;
  z-index: 1;
  background: #fff;
  display: block;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  color: #2671ba;
}

.dropdownMobile_box .dropdownMobile_menu {
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  max-height: 0;
}

.drophide {
  margin: 10px 0 0;
  max-height: 20em !important;
}

.dropdownMobile_box .dropdownMobile_menu li {
  font-size: 14px;
  color: #4a4a49;
}

.dropdownMobile_selected {
  position: relative;
  font-size: 14px !important;
  color: #2671ba;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  padding-right: 1em;
}

.dropdownMobile_selected:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url(../img/arrowDown.svg);
  background-size: 100%;
  width: 14px;
  height: 8px;
  transform: translateY(-50%);
}

.dropdownMobile_selected.selectedActive::after {
  transform: translateY(-50%) rotateX(150deg);
}

.dropdownMobile_images {
  position: absolute;
  width: 100%;
  height: 300px;
  top: 70px;
}

.dropdownMobile_images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1024px) {
  .flag-Toggle .pop:after {
    display: block;
  }
}

@media only screen and (max-width: 375px) {
  .dropdownMobile_box {
    font-size: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .dropdownMobile_box {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 320px) {
  .dropdownMobile_box {
    font-size: 10px !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .dropdownMobile_box {
    -webkit-appearance: none;
    background-image: url(../img/arrowDown.svg);
    background-size: 14px 8px;
    background-repeat: no-repeat;
    background-position: 98% 55%;
  }
}

.dropdown {
  color: #005185;
  background-color: #dff2fd;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  border-radius: 10px;
  min-width: 170px;
  min-height: 57px;
}

@media only screen and (max-width: 1024px) {
  .dropdown {
    border-radius: 0px;
  }
}

.dropdown a {
  font-weight: 700;
}

.dropdown_link {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.dropdown a:after {
  content: "";
  border: solid #005185;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  transition: all 400ms ease;
  display: inline-block;
  column-gap: 8px;
}

@media only screen and (max-width: 1024px) {
  .dropdown a:after {
    right: 10px;
  }
}

.dropdown .rotate:after {
  transform: rotate(225deg);
}

.nav__tablet--container {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

@media only screen and (min-width: 1025px) and (max-width: 2560px) {
  .nav__tablet--container {
    display: block;
    visibility: visible;
    pointer-events: all;
    background-color: #f2fafe;
    height: 34px;
  }

  .nav__tablet--container .nav_list.side_menu {
    display: flex;
    justify-content: end;
    gap: 24px;
    padding: 6px 32px 6px 0;
    align-items: center;
  }

  .flag_container.hidden-mobile {
    max-width: 30px;
  }

  .nav__tablet--container .container-img img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
  }

  .flag_container.hidden-mobile.hide-tablet {
    display: none !important;
    visibility: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
  }
}

@media only screen and (max-width: 1024px) {
  .nav__mi-catalogo-item {
    padding: 14px 14px 14px 23px;
  }

  #navMenu .nav_wrapper .nav_list.side_menu li.nav__mi-catalogo-item {
    justify-content: flex-start;
  }
}

.nav_wrapper .nav_list.side_menu li.nav__mi-catalogo-item {
  justify-content: end;
  flex: 1;
}

.nav_wrapper .nav_list.side_menu li.hidden-mobile.filter {
  justify-content: end;
}

.nav__mi-catalogo-hyperlink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
}

a.nav__mi-catalogo-hyperlink p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #2e2e2e;
}

.nav__mi-catalogo-hyperlink:hover svg path {
  fill: #006db2;
}

a.nav__mi-catalogo-hyperlink:hover p {
  color: #006db2;
}

.nav__mi-catalogo-item .dot {
  width: 6px;
  height: 6px;
  position: absolute;
  background: #ff135c;
  border-radius: 50%;
  visibility: hidden;
  pointer-events: none;
}

.main-megamenu {
  width: 100%;
  height: calc(100% - 93px);
  position: fixed;
  transition: all 400ms ease;
  left: -100%;
  bottom: 0;
  z-index: 2000;
}

.main-megamenu.animation-megamenu {
  left: 0;
}

.main-megamenu-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.megamenu {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: 9px 24px 20px 80px;
  gap: 1rem;
  background-color: #ffffff;
  max-width: 53vw;
  border-radius: 0px 0px 40px 0px;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.15));
  overflow: hidden auto;
}

@media (min-height: 900px) {
  .megamenu {
    padding: 20px 24px 20px 80px;
  }
}

.megamenu_section {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .megamenu_section .products_container .products .swiper .swiper-description .swiper-slide .card .card-image-top {
    height: 180px;
    margin: auto;
  }

  .megamenu_section .products_container .products .swiper .swiper-description .swiper-slide .card .card-image-top .card-img {
    width: 100%;
    height: 100%;
  }

  .megamenu_section .products_container .products .swiper .card-body {
    margin: auto;
  }
}

@media (min-height: 900px) {
  .megamenu_section {
    margin-top: 30px;
  }
}

.megamenu_section.pt-16 {
  padding-top: 4px;
}

.megamenu_section h3 {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #006db2;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1024px) {
  .megamenu_section {
    min-width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
  }
}

.megamenu_section .filter_content {
  width: 100%;
  height: 100%;
  max-width: 50%;
}

.megamenu_section .products_container .products .swiper .swiper-description .swiper-slide .card .card-body {
  width: 100%;
  background-color: white;
}

.megamenu .category-description {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}

.megamenu .category-description:hover {
  color: #006db2;
}

.megamenu .card-body {
  background-color: unset !important;
}

.megamenu h3 {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 9px;
  color: #006db2;
}

.megamenu .btnMegamenu {
  border: 1px solid #005185;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 52px;
  gap: 10px;
  color: #005185;
  background-color: #fff;
  margin: auto;
  margin: 12px;
  justify-content: center;
}

.megamenu li {
  display: flex;
  align-items: center;
  border-bottom: none !important;
  column-gap: 10px;
}

.megamenu p {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}

.megamenu .filter_content {
  width: 100%;
  height: 100%;
  max-width: 50%;
}

.megamenu_row {
  display: flex;
  align-items: center;
  column-gap: 23px;
  padding: 0px;
  margin: 6px 0px;
}

@media (min-height: 900px) {
  .megamenu_row {
    margin: 12px 0px;
  }
}

.megamenu_container {
  display: flex;
  gap: 16px;
}

.megamenu_container p {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.004em;
  color: #4a4a49;
}

.megamenu .swiper-custom .swiper-pagination-bullet {
  margin: 0px 8px;
  background: #dff2fd;
  opacity: unset;
}

.megamenu .swiper-custom .swiper-pagination-bullet-active {
  background: #006db2;
}

.megamenu .products_container {
  margin-bottom: 0px;
}

.megamenu .products_container .products {
  padding-top: 5px;
  margin: 0;
}

.megamenu .products_container .products .swiper {
  max-width: 100%;
  width: 100%;
}

.megamenu .products_container .products .swiper .swiper-description .swiper-slide .card .card-image-top .card-img {
  max-height: 180px;
}

.megamenu .products_container .products .swiper .swiper-description .swiper-slide .card .card-body {
  height: 92px;
}

.megamenu .products_container .products .swiper .swiper-description .swiper-slide .card .card-body .box-tittle-description {
  min-height: auto !important;
  max-height: auto !important;
}

.megamenu .products_container .products .swiper .swiper-description .swiper-slide .card .card-body .box-tittle-description .card-title {
  padding: 24px 0px;
}

.megamenu .products_container .products .swiper-pagination-description {
  display: flex;
  justify-content: flex-end;
}