/*
Theme Name: Astra Child
Template: astra
*/

@media (max-width: 360px) {
  /* Reducir altura del logo */
  .elementor-element-85e212b img {
    max-height: 60px !important;
    width: auto !important;
    margin-left: -13px !important;
  }
}

@media (max-width: 360px) {
  /* Reducir altura del logo */
  .elementor-element-85e212b {
    max-height: 60px !important;
    width: auto !important;
    margin-left: -40px !important;
  }
}

/* Ajuste del logo en versión móvil */
@media (min-width: 361px) and (max-width: 768px) {
  /* Reducir altura del logo */
  .elementor-element-85e212b img {
    max-height: 60px !important;
    width: auto !important;
    margin-right: 15rem !important;
  }

  /* Evitar scroll horizontal en toda la web */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    margin-top: -3px;
  }
}

/* Ajuste del logo en versión móvil */
@media (min-width: 769px) and (max-width: 1023px) {
  /* Evitar scroll horizontal en toda la web */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    margin-top: -8.4px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1270px) {
  /* Contenedor del logo */
  .elementor-element-2790e8d {
    display: flex !important;
    align-items: center !important;
    /* Centrar logo verticalmente */
    justify-content: flex-start !important;
    /* Mantenerlo a la izquierda */
    padding: 0 !important;
    /* Quitar relleno extra */
    margin: 0 !important;
    /* Evitar márgenes que generen blanco */
    min-height: auto !important;
    margin-top: 80px !important;
  }

  /* Logo en sí */
  .elementor-element-7695064 img {
    max-height: 70px !important;
    /* Ajusta según necesites */
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-top: -10px;
  }
}

/* HOME */
.elementor-35 .elementor-element.elementor-element-bab6ca8 {
  margin-top: -210px !important;
}

.elementor-element-b84ec04 > .e-con {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-top: -10px !important;
}

/************************** */

/* AJUSTES ESPECIFICOS PARA TODAS LAS PAGINAS 
        --------------------------------------------------*/

@media (min-width: 1025px) and (max-width: 1099px) {
  /* Aplica a todos los elementos dentro de la página con ID 37 */
  [data-elementor-id="37"] .elementor-element {
    margin-top: -3px !important;
  }

  /* Logo en sí */
  .elementor-element-7695064 img {
    max-height: 70px !important;
    /* Ajusta según necesites */
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-top: 45px !important;
  }

  [data-elementor-id="37"] .e-con {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-top: -10px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1146px) {
  /* Aplica a todos los elementos dentro de la página con ID 37 */
  [data-elementor-id="37"] .elementor-element {
    margin-top: -2.5px !important;
  }

  /* Logo en sí */
  .elementor-element-7695064 img {
    max-height: 70px !important;
    /* Ajusta según necesites */
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-top: 15px !important;
  }
}

@media (min-width: 1147px) and (max-width: 1270px) {
  /* Aplica a todos los elementos dentro de la página con ID 37 */
  [data-elementor-id="37"] .elementor-element {
    margin-top: -2px !important;
  }

  /* Logo en sí */
  .elementor-element-7695064 img {
    max-height: 70px !important;
    /* Ajusta según necesites */
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-top: 38px !important;
  }
}

/* Regla para eliminar el margin-top final en algunas dimensiones */

@media (min-width: 1100px) and (max-width: 1170px) {
  * {
    margin-top: -1px;
  }
}

/************************************* */

/* Posicionamiento de submenu para VENDER en dispositivos moviles 
--------------------------------------------------------------------------*/

/* Estilos móvil mejorados */
@media (max-width: 768px) {
  .mobile-vender-submenu {
    display: none;
    /*margin: 8px 0 0 0 !important;*/
    padding: 0 !important;
    list-style: none;
    /*background: #f8f9fa;
                border-left: 3px solid #E40523;*/
    border-radius: 0 4px 4px 0;
    overflow: hidden;
  }

  .mobile-vender-submenu li {
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
  }

  .mobile-vender-submenu li:last-child {
    border-bottom: none;
  }

  .mobile-vender-submenu li a {
    display: block !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    color: #555 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border-left: 2px solid transparent;
  }

  /*
  .mobile-vender-submenu li a:hover {
    color: #e40523 !important;
    background-color: #5f5454;
    transform: translateX(2px);
  }*/

  /* Indicador visual para VENDER */
  .mobile-submenu-added > a .elementor-icon-list-text::after {
    content: " ▼";
    font-size: 10px;
    opacity: 0.6;
    transition: transform 0.2s ease;
  }

  .mobile-submenu-added.active > a .elementor-icon-list-text::after {
    transform: rotate(180deg);
  }
}

/* Estilos para tablets: 769px a 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .mobile-vender-submenu {
    display: none;
    padding: 0 !important;
    list-style: none;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
  }

  .mobile-vender-submenu li {
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
  }

  .mobile-vender-submenu li:last-child {
    border-bottom: none;
  }

  .mobile-vender-submenu li a {
    display: block !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    color: #555 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border-left: 2px solid transparent;
  }

  /*
  .mobile-vender-submenu li a:hover {
    color: #e40523 !important;
    background-color: #fff;
    transform: translateX(2px);
  } */

  /* Indicador visual para VENDER */
  .mobile-submenu-added > a .elementor-icon-list-text::after {
    content: " ▼";
    font-size: 10px;
    opacity: 0.6;
    transition: transform 0.2s ease;
  }

  .mobile-submenu-added.active > a .elementor-icon-list-text::after {
    transform: rotate(180deg);
  }
}

/* Arreglo CONOCENOS */

.elementor-928 .elementor-element.elementor-element-0560143 {
  --margin-top: 0 !important;
}

@media (min-width: 767px) {
  .elementor-928 .elementor-element.elementor-element-c294de7,
  .elementor-928 .elementor-element.elementor-element-ce9d223,
  .elementor-928 .elementor-element.elementor-element-dd47f18 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important;
  }
}