.elementor-1521 .elementor-element.elementor-element-7612252{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-e60137d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-ac5ca5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-625a3df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .menu-item a.hfe-menu-item, .elementor-1521 .elementor-element.elementor-element-020f3d7 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 ul.sub-menu{width:220px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .sub-menu a.hfe-sub-menu-item,
						 .elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-1521 .elementor-element.elementor-element-020f3d7 a.hfe-menu-item, .elementor-1521 .elementor-element.elementor-element-020f3d7 a.hfe-sub-menu-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .sub-menu,
								.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown,
								.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown-expandible,
								.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-1521 .elementor-element.elementor-element-020f3d7 .sub-menu li.menu-item:not(:last-child),
						.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-1521 .elementor-element.elementor-element-020f3d7 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-1521 .elementor-element.elementor-element-bbf3576{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-77e8d8b{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1521 .elementor-element.elementor-element-77e8d8b .elementor-widget-container{text-align:center;}@media(max-width:767px){.elementor-1521 .elementor-element.elementor-element-ac5ca5a{--width:70%;}.elementor-1521 .elementor-element.elementor-element-625a3df{--width:30%;}}@media(min-width:768px){.elementor-1521 .elementor-element.elementor-element-ac5ca5a{--width:30%;}.elementor-1521 .elementor-element.elementor-element-625a3df{--width:50%;}.elementor-1521 .elementor-element.elementor-element-bbf3576{--width:30%;}}/* Start custom CSS for html, class: .elementor-element-2cdc969 */.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.logo-mark {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.logo-word {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    transition: color .3s ease;
}/* End custom CSS */
/* Start custom CSS for navigation-menu, class: .elementor-element-020f3d7 *//* ======================================================
   DESTINO VIVO EXPEDITIONS — HEADER (Elementor + HFE)
   Pegar en: el Contenedor raíz (7612252) > Avanzado > CSS
   personalizado, o en Elementor > Ajustes del sitio > CSS
   personalizado si prefieres centralizarlo.

   Requiere las fuentes Space Grotesk + Inter cargadas
   (ver nota al final del archivo).
   ====================================================== */

/* ------------------------------------------------------------
   1) CONTENEDOR RAÍZ = la "píldora" flotante del header
   ------------------------------------------------------------ */
.elementor-element-7612252{
  position: fixed !important;
  top: 20px;
  left: 24px;
  right: 24px;
  z-index: 999;
  max-width: 1320px !important;
  width: auto !important;
  margin: 0 auto !important;
  border-radius: 20px;
  background: rgba(11,43,34,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 20px 40px -24px rgba(0,0,0,.5);
  transition: background .3s ease, box-shadow .3s ease, padding .3s ease;
}
/* Estado sólido al hacer scroll (requiere el pequeño JS al final) */
.elementor-element-7612252.is-scrolled{
  background: rgba(255,255,255,.97);
  box-shadow: 0 14px 30px -18px rgba(11,43,34,.3);
  border-color: #DCE7E2;
}

.elementor-element-7612252 > .e-con-inner{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 10px 8px 20px !important;
  max-width: 100% !important;
}

/* Grupo izquierdo: logo + menú */
.elementor-element-e60137d{
  display: flex !important;
  align-items: center;
  gap: 30px;
}

/* ------------------------------------------------------------
   2) LOGO (dentro del widget HTML 2cdc969)
   ------------------------------------------------------------ */
.elementor-element-2cdc969 .logo{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.elementor-element-2cdc969 .logo-mark{
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.elementor-element-2cdc969 .logo-word{
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.1;
  color: #fff;
  transition: color .3s ease;
}
.elementor-element-2cdc969 .logo-word span{
  display: block;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7EE3D6;
  margin-top: 2px;
}
.elementor-element-7612252.is-scrolled .elementor-element-2cdc969 .logo-word{
  color: #0B2B22;
}

/* ------------------------------------------------------------
   3) MENÚ DE NAVEGACIÓN (widget HFE)
   ------------------------------------------------------------ */
.elementor-element-020f3d7 .hfe-nav-menu{
  display: flex;
  align-items: center;
}
.elementor-element-020f3d7 ul.hfe-nav-menu{
  display: flex !important;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.elementor-element-020f3d7 .menu-item{
  list-style: none;
}
.elementor-element-020f3d7 a.hfe-menu-item{
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 100px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,.9);
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
  white-space: nowrap;
}
.elementor-element-020f3d7 a.hfe-menu-item:hover{
  background: rgba(255,255,255,.12);
}
/* Estado activo (p. ej. "Inicio" en la home) */
.elementor-element-020f3d7 .current-menu-item a.hfe-menu-item{
  background: rgba(23,182,167,.22);
  color: #7EE3D6;
}

/* Cuando el header pasa a fondo blanco (scrolled) */
.elementor-element-7612252.is-scrolled .elementor-element-020f3d7 a.hfe-menu-item{
  color: #0B2B22;
}
.elementor-element-7612252.is-scrolled .elementor-element-020f3d7 a.hfe-menu-item:hover{
  background: #F4FAF7;
}
.elementor-element-7612252.is-scrolled .elementor-element-020f3d7 .current-menu-item a.hfe-menu-item{
  background: #E4F6F3;
  color: #0E9C8F;
}

/* Toggle de hamburguesa (móvil) — oculto en desktop */
.elementor-element-020f3d7 .hfe-nav-menu__toggle{
  display: none;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255,255,255,.14);
  align-items: center;
  justify-content: center;
  color: #fff;
}
.elementor-element-7612252.is-scrolled .elementor-element-020f3d7 .hfe-nav-menu__toggle{
  background: #F4FAF7;
  color: #0B2B22;
}

/* ------------------------------------------------------------
   3.1) SUBMENÚ DESPLEGABLE — "Tours" > Laguna Humantay, etc.
   ------------------------------------------------------------ */
.elementor-element-020f3d7 .sub-menu{
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1px solid #DCE7E2 !important;
  box-shadow: 0 24px 44px -18px rgba(11,43,34,.35) !important;
  padding: 8px !important;
  min-width: 260px !important;
  list-style: none !important;
  margin: 0 !important;
}
.elementor-element-020f3d7 .sub-menu .menu-item{
  list-style: none !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
}
.elementor-element-020f3d7 .sub-menu a.hfe-sub-menu-item{
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: left !important;
  gap: 14px;
  padding: 11px 12px !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4;
  color: #0B2B22 !important;
  text-decoration: none !important;
  text-transform: none !important;
  border: none !important;
  background: transparent !important;
  transition: background .15s ease;
  box-sizing: border-box;
}
.elementor-element-020f3d7 .sub-menu a.hfe-sub-menu-item::before{
  content: "" !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  border-radius: 50% !important;
  background: #17B6A7 !important;
  flex-shrink: 0;
}
.elementor-element-020f3d7 .sub-menu a.hfe-sub-menu-item:hover{
  background: #F4FAF7 !important;
  color: #0E9C8F !important;
}
.elementor-element-020f3d7 .sub-menu a.hfe-sub-menu-item:hover::before{
  background: #0E9C8F;
}

/* ------------------------------------------------------------
   4) ÍCONOS SOCIALES (WhatsApp / Teléfono / Correo)
   ------------------------------------------------------------ */
.elementor-element-bbf3576{
  flex-shrink: 0;
}
.elementor-element-77e8d8b .elementor-social-icons-wrapper{
  display: flex !important;
  gap: 8px;
}
.elementor-element-77e8d8b .elementor-icon{
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease, border-color .2s ease;
  font-size: 15px;
  border: 1.5px solid rgba(255,255,255,.28) !important;
}
.elementor-element-77e8d8b .elementor-icon:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.5) !important;
}
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon{
  border-color: #DCE7E2 !important;
}
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon:hover{
  border-color: #0E9C8F !important;
}

/* WhatsApp — verde */
.elementor-element-77e8d8b .elementor-social-icon-whatsapp,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-ad3ba47{
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.elementor-element-77e8d8b .elementor-social-icon-whatsapp i,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-ad3ba47 i{
  color: #22C35E !important;
}
/* Teléfono */
.elementor-element-77e8d8b .elementor-social-icon-phone-alt,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-94e1cbb{
  background: rgba(255,255,255,.14) !important;
}
.elementor-element-77e8d8b .elementor-social-icon-phone-alt i,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-94e1cbb i{
  color: #fff !important;
}
/* Correo */
.elementor-element-77e8d8b .elementor-social-icon-envelope,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-26eb290{
  background: rgba(255,255,255,.14) !important;
}
.elementor-element-77e8d8b .elementor-social-icon-envelope i,
.elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-26eb290 i{
  color: #fff !important;
}

/* Estado sólido (scrolled) para los 3 íconos — misma lógica,
   apuntando también a las clases únicas del repetidor para
   ganarle a cualquier color que el widget traiga seteado */
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-whatsapp,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-ad3ba47{
  background: #E4F8EA !important;
}
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-whatsapp i,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-ad3ba47 i{
  color: #1BAA51 !important;
}
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-phone-alt,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-envelope,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-94e1cbb,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-26eb290{
  background: #F4FAF7 !important;
}
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-phone-alt i,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-social-icon-envelope i,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-94e1cbb i,
.elementor-element-7612252.is-scrolled .elementor-element-77e8d8b .elementor-icon.elementor-repeater-item-26eb290 i{
  color: #0F3A2C !important;
}

/* ------------------------------------------------------------
   5) RESPONSIVE
   ------------------------------------------------------------ */
@media (max-width: 980px){
  /* Elementor apila los Contenedores en columna por defecto en
     mobile — lo forzamos de vuelta a fila en todos los niveles
     para que el header siga siendo una barra delgada */
  .elementor-element-7612252,
  .elementor-element-7612252 > .e-con-inner,
  .elementor-element-e60137d,
  .elementor-element-ac5ca5a,
  .elementor-element-625a3df,
  .elementor-element-bbf3576{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .elementor-element-7612252 > .e-con-inner{
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 10px 8px 16px !important;
  }
  .elementor-element-e60137d{
    align-items: center !important;
    gap: 0 !important;
  }
  .elementor-element-625a3df{
    display: flex !important;
    align-items: center !important;
    margin-left: 10px;
  }
  .elementor-element-bbf3576{
    display: flex !important;
    align-items: center !important;
  }

  /* El menú desplegado en mobile es un panel blanco siempre,
     sin importar si el header está transparente o "scrolled"
     — por eso el texto necesita ser oscuro siempre aquí,
     independiente del estado del header. */
  .elementor-element-020f3d7 a.hfe-menu-item{
    color: #0B2B22 !important;
  }
  .elementor-element-020f3d7 a.hfe-menu-item:hover{
    background: #F4FAF7 !important;
  }
  .elementor-element-020f3d7 .current-menu-item a.hfe-menu-item{
    background: #E4F6F3 !important;
    color: #0E9C8F !important;
  }
}
@media (max-width: 480px){
  .elementor-element-2cdc969 .logo-word{
    display: none;
  }
}

/* ======================================================
   NOTA — Fuentes:
   Si "Space Grotesk" no está en tus fuentes globales de
   Elementor (Ajustes del sitio > Fuentes), agrega este
   link en el <head> vía Elementor > Custom Code o el
   header.php del tema:

   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

   NOTA — Links vacíos:
   Los 3 íconos sociales (WhatsApp/Teléfono/Correo) no
   tienen href en el HTML que compartiste — hace falta
   que en el widget "Social Icons" les pongas:
   - WhatsApp: https://wa.me/51900000000
   - Teléfono: tel:+51900000000
   - Correo:   mailto:reservas@destinovivoexpeditions.com
   ====================================================== *//* End custom CSS */