/* ASTRA: Submenú (dropdown) con fondo sólido - Desktop */
.main-header-menu .sub-menu {
  background: #ffffff !important;
}

.main-header-menu .sub-menu a {
  color: #000000 !important;
}

.main-header-menu .sub-menu a:hover {
  background: #f5f5f5 !important;
}
/* Separadores en submenú desktop */
.main-header-menu .sub-menu li {
  border-bottom: 1px solid #e5e5e5;
}

/* Quitar línea del último ítem */
.main-header-menu .sub-menu li:last-child {
  border-bottom: none;
}

/* Separadores en menú móvil */
@media (max-width: 921px){
  .ast-mobile-popup-drawer .sub-menu li {
    border-bottom: 1px solid #e5e5e5;
  }

  .ast-mobile-popup-drawer .sub-menu li:last-child {
    border-bottom: none;
  }
}
/* Separadores menú móvil - fuerza en todos los breakpoints móviles */
.ast-header-break-point .main-header-menu li,
.ast-mobile-popup-drawer .menu-item,
.ast-mobile-popup-drawer .sub-menu li {
  border-bottom: 1px solid #e5e5e5 !important;
}

.ast-header-break-point .main-header-menu li:last-child,
.ast-mobile-popup-drawer .sub-menu li:last-child {
  border-bottom: none !important;
}
/* Tablet y móvil: acercar flecha al texto y mantener centrado */
@media (max-width: 921px){

  .ast-header-break-point .menu-item-has-children {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .ast-header-break-point .menu-item-has-children > a {
    padding-right: 0 !important;
  }

  .ast-header-break-point .menu-item-has-children > .ast-menu-toggle {
    margin-left: 0 !important;
  }
}
/* ASTRA: en tablet/celular, que el texto del item padre despliegue el submenú */
@media (max-width: 921px){

  /* Prepara el item para que el toggle pueda cubrirlo */
  .ast-header-break-point .main-header-menu .menu-item-has-children{
    position: relative !important;
  }

  /* Evita que el link del texto "se coma" el toque */
  .ast-header-break-point .main-header-menu .menu-item-has-children > a{
    pointer-events: none !important;
  }

  /* Hace que el botón flecha (toggle) cubra TODA la fila, pero invisible */
  .ast-header-break-point .main-header-menu .menu-item-has-children > .ast-menu-toggle{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Para que se vea normal (sin flecha “colgando”) */
  .ast-header-break-point .main-header-menu .menu-item-has-children > .ast-menu-toggle svg,
  .ast-header-break-point .main-header-menu .menu-item-has-children > .ast-menu-toggle span{
    display: none !important;
  }
}
/* Color texto submenú - Desktop */
.main-header-menu .sub-menu a {
  color: #444444 !important;   /* Cambiá este color */
}

.main-header-menu .sub-menu a:hover {
  color: #b08d57 !important;   /* Hover (ejemplo dorado elegante) */
}
/* Color texto submenú - Móvil */
@media (max-width: 921px){
  .ast-mobile-popup-drawer .sub-menu a {
    color: #444444 !important;  /* Cambiar */
  }

  .ast-mobile-popup-drawer .sub-menu a:hover {
    color: #444444 !important;  /* Hover */
  }
}
/* Submenú con un poco más de grosor */
.ast-desktop .main-header-menu .sub-menu a {
    font-weight: 500 !important;
}

@media (max-width: 921px){
    .ast-mobile-popup-drawer .sub-menu a {
        font-weight: 700 !important;
    }
}

/* Destacar áreas troncales en el desplegable */
.main-header-menu .sub-menu li.menu-troncal > a,
.ast-mobile-popup-drawer .sub-menu li.menu-troncal > a{
  color: #333333 !important;   /* gris más oscuro */
  font-weight: 700 !important; /* más marcado */
}
/* Fondo del submenú Desktop */
.main-header-menu .sub-menu {
    background-color: #f8f4ee !important;  /* Cambiá este color */
}
/* Fondo del submenú en móvil */
@media (max-width: 921px){
    .ast-mobile-popup-drawer .sub-menu {
        background-color: #f8f4ee !important;
    }
}
/* Elementor: evitar que contenedores se pasen del ancho en móvil */
.elementor,
.elementor-section,
.elementor-container,
.e-con{
  max-width: 100% !important;
  overflow-x: clip !important; /* mejor que hidden */
}

img, video, iframe, svg{
  max-width: 100% !important;
  height: auto !important;
}
/* Fix específico para iPhone en modo horizontal (landscape) */
@media (orientation: landscape) {
  html, body{
    overflow-x: hidden !important;
  }

  /* Forzar que Elementor no use vw que genera bordes */
  .elementor-section,
  .elementor-container,
  .e-con{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Asegurar que medios no desborden */
  img, video, iframe, svg{
    max-width: 100% !important;
  }
}
/* Ensanchar el desplegable del menú (submenú) */
.main-header-menu .sub-menu,
.ast-header-menu .sub-menu,
.ast-desktop .sub-menu {
  min-width: 340px;   /* probá 320 / 340 / 380 según te guste */
}
/* Evita que el card de redes se estire (sin tocar flex interno) */
.card-redes{
  align-self: flex-start !important;
  height: fit-content !important;
}
selector a {
    text-decoration: none !important;
}

selector a:hover {
    text-decoration: none !important;
}