/* Basic Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.custom-viento-homepage {
  font-family: Arial, sans-serif;
}

.custom-viento-add-border{

  border-style: solid !important;
  border-width: 0 0 1px 0 !important;
  padding-bottom: 8px !important;

}
.header-v3 .header-bottom {
  /*border-width: 1px 0 0 0;*/
  border-style: none;
}

.breadcrumb-title-wrapper {
  border-style: none;
}

/* ==================== DESKTOP MENU STYLES (HOMEPAGE) ==================== */

/* Desktop Menu Wrapper */
.custom-viento-menu-wrapper.custom-viento-desktop-menu {
  display: inline-block; /* shown on desktop */
  position: relative;
}

/* Mobile Menu Button (hidden on desktop) */
.custom-viento-mobile-menu-btn {
  display: none; /* hide the mobile hamburger on desktop */
}

/* Mobile Menu Overlay (hidden on desktop) */
.custom-viento-mobile-menu-overlay {
  display: none; /* hide the mobile overlay on desktop */
}

/* Desktop "Menu" Button */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > button.custom-viento-menu-btn {
  position: relative;
  top: -100;
  left: -10px;
  background-color: rgba(162, 4, 1, 1);
  border: 1px solid white;
  padding: 10px 35px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  width: fit-content;
  text-align: center;
  color: white;
  border-radius: 8px;

}

.custom-viento-menu-wrapper.custom-viento-desktop-menu > button.custom-viento-menu-btn:hover {
  border: 1px solid #ccc;
  border-bottom: #fff;
}

/* Top-level Menu (UL) */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu {
  position: relative;
  top: 20px;
  left: -4%;
  background-color: #fff;
  border: 1px solid #fff;
  list-style: none;
  margin-bottom: 50px;
  z-index: 999;
  font-size: 14px;
  height: fit-content;
  display: block; /* Only shows on hover of the menu wrapper */
}

/* Show the Top-level Menu on Hover */
.custom-viento-menu-wrapper.custom-viento-desktop-menu:hover > ul.custom-viento-menu {
  display: block;
}

/* Level 1 Menu Items */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li {
  position: relative;
  border: 1px solid #eee;
  background-color: #f8f8f8;
  list-style: none;
  height: fit-content;
  padding-right: 10px;

}

/* Level 1 Links */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li > a {
  display: block;
  padding: 20px 35px;
  color: #707070;
  text-decoration: none;
  font-weight: 800;
  transition: background 0.2s;
  height: fit-content;
  border-left: 0px solid rgba(162, 4, 1, 1);
  transition: border-left 0.3s;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li:hover {
  color: rgba(162, 4, 1, 1);
  background-color: rgb(242, 242, 242);
}

/* Icons inside Level 1 Links */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li > a i {
  margin-right: 8px;
  color: rgba(162, 4, 1, 1);
}

/* Mega Panel inside a Level 1 Item */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel {
  position: fixed;
  /* Remove left and top values so that JS can set them dynamically */
  width: 999px;
  height: 400px;
  background-color: #f8f8f8;
  padding: 20px;
  box-sizing: border-box;
  z-index: 9999;
  display: none; /* hidden by default */
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  overflow-y: auto;
  border: 0.5px solid #fff;
}




/* Show the Mega Panel on Hover of a Dropdown Item */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li.custom-viento-dropdown:hover > .custom-viento-mega-panel {
  display: grid;
  overflow: scroll;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li.custom-viento-dropdown:hover {
  border-left: 5px solid rgba(162, 4, 1, 1);
  transition: border-left 0.3s;
}

/* Mega Section inside the Mega Panel */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section {
  position: relative;
  width: 200px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

/* Mega Section Heading */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section h3:hover {
  cursor: pointer;
  color: rgba(162, 4, 1, 1);
}

/* Mega Section List */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li  {
  list-style: none;

}
/* Links in Mega Section List */
.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li a {
  float: inherit;
  display: block;
  padding: 4px 0;
  color: #555;
  text-decoration: none;
  transition: color 0.2s;
  font-size: 12px;
  font-weight: 550;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li a:hover {
  color: rgba(162, 4, 1, 1);
}

/* Tablet Fallback (max-width: 1024px) */
@media (max-width: 1200px) {
  /* Hide the level 1 menu by default in tablet mode */
  .custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu {
    display: none;
  }

  .custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu.custom-viento-active {
    display: block;
  }

  .custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li .custom-viento-mega-panel {
    display: none !important;
  }

  /* Active level 1 category styling */
  .custom-viento-menu-wrapper.custom-viento-desktop-menu > ul.custom-viento-menu > li.custom-viento-active {
    border-left: 5px solid rgba(162, 4, 1, 1);
    transition: border-left 0.5s;
    list-style: none;
  }
}


/* ==================== DESKTOP MENU STYLES (NON-HOMEPAGE) ==================== */

.custom-viento-non-homepage {
  font-family: Arial, sans-serif;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage {
  display: inline-block;
  position: relative;
}

.custom-viento-mobile-menu-btn {
  display: none;
}

.custom-viento-mobile-menu-overlay {
  display: none;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > button.custom-viento-menu-btn {
  position: relative;
  top: -100;
  left: -10px;
  background-color: rgba(162, 4, 1, 1);
  border: 1px solid white;
  padding: 10px 35px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  width: fit-content;
  text-align: center;
  color: white;
  border-radius: 8px;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > button.custom-viento-menu-btn:hover {
  border: 1px solid #ccc;
  border-bottom: #fff;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu {
  position: relative;
  top: 20px;
  left: -4%;
  background-color: #fff;
  border: 1px solid #fff;
  list-style: none;
  margin-bottom: 50px;
  z-index: 999;
  font-size: 14px;
  height: fit-content;
  display: none; /* Only shows on hover of the menu wrapper */
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage:hover > ul.custom-viento-menu {
  display: block;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li {
  position: relative;
  border: 1px solid #eee;
  background-color: #f8f8f8;
  list-style: none;
  height: fit-content;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li > a {
  display: block;
  padding: 20px 35px;
  color: #707070;
  text-decoration: none;
  font-weight: 800;
  transition: background 0.2s;
  height: fit-content;
  border-left: 0px solid rgba(162, 4, 1, 1);
  transition: border-left 0.3s;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li:hover {
  color: rgba(162, 4, 1, 1);
  background-color: rgb(242, 242, 242);
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li > a i {
  margin-right: 8px;
  color: rgba(162, 4, 1, 1);
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel {
  position: fixed;

  width: 999px;
  height: 400px;
  border: 1px solid #eee;
  background-color: #f8f8f8;
  box-shadow: 0.5px 0.5px 0.5px 0.5px #dadada;
  padding: 20px;
  box-sizing: border-box;
  z-index: 9999;
  display: none; /* hidden until hover */
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  overflow-y: auto;
  list-style: none;
}



.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li  {
  list-style: none;

}
.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li.custom-viento-dropdown:hover > .custom-viento-mega-panel {
  display: grid;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li.custom-viento-dropdown:hover {
  border-left: 5px solid rgba(162, 4, 1, 1);
  transition: border-left 0.3s;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section {
  position: relative;
  width: 200px;
  height: fit-content;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section h3:hover {
  cursor: pointer;
  color: rgba(162, 4, 1, 1);
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li a {
  float: inherit;
  display: block;
  padding: 4px 0;
  color: #555;
  text-decoration: none;
  transition: color 0.2s;
  font-size: 12px;
  font-weight: 550;
}

.custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel > .custom-viento-mega-section ul li a:hover {
  color: rgba(162, 4, 1, 1);
}

@media (max-width: 1200px) {
  .custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu {
    display: none;
  }

  .custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu.custom-viento-active {
    display: block;
  }

  .custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li .custom-viento-mega-panel {
    display: none !important;
  }

  .custom-viento-menu-wrapper.custom-viento-desktop-menu-non-homepage > ul.custom-viento-menu > li.custom-viento-active {
    border-left: 5px solid rgba(162, 4, 1, 1);
    transition: border-left 0.5s;
  }
}




.custom-logo-viento-sticky > .logo > a > .normal-logo{
	display:none;
}

.custom-logo-viento-sticky > .logo > a > .mobile-logo{
	display:none;
}


.custom-logo-viento-sticky-tablet > .logo > a > .normal-logo{
	display:none;
}