/* La navegación completa necesita más ancho que el breakpoint móvil de
   Elementor. Solo cambian los dos headers existentes: ni el contenido de
   las páginas ni la navegación de escritorio >= 1400 px se modifican. */
@media (min-width: 768px) and (max-width: 1399px) {
    body .elementor-location-header {
        position: relative;
        z-index: 100;
    }

    body .elementor-1407 .elementor-element-aed0c6b,
    body .elementor-5897 .elementor-element-289435f {
        min-height: 72px !important;
        padding: 0 !important;
        position: relative !important;
    }

    body .elementor-1407 .elementor-element-aed0c6b > .e-con-inner,
    body .elementor-5897 .elementor-element-289435f > .e-con-inner {
        align-items: center !important;
        column-gap: 24px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-inline: auto !important;
        min-height: 72px !important;
        padding: 0 !important;
        width: calc(100% - 40px) !important;
    }

    body .elementor-1407 .elementor-element-9a7be60,
    body .elementor-5897 .elementor-element-c23e44c {
        flex: 0 0 170px !important;
        padding: 0 !important;
        width: 170px !important;
    }

    body .elementor-1407 .elementor-element-e44d90e img,
    body .elementor-5897 .elementor-element-9e205b7 img {
        display: block !important;
        height: 40px !important;
        object-fit: contain !important;
        width: 160px !important;
    }

    /* Landings: logo a la izquierda; tienda y menú juntos a la derecha. */
    body .elementor-1407 .elementor-element-40d4a59 {
        flex: 1 1 auto !important;
        padding: 0 !important;
        position: static !important;
        width: auto !important;
    }

    body .elementor-1407 .elementor-element-2c91c9f {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
        justify-content: flex-end !important;
        position: static !important;
        width: 100% !important;
    }

    body .elementor-1407 .elementor-element-d16b74a {
        flex: 0 0 44px !important;
        order: 2 !important;
        padding: 0 !important;
        position: static !important;
        width: 44px !important;
    }

    body .elementor-1407 .elementor-element-7fc0f51 {
        flex: 0 0 auto !important;
        order: 1 !important;
    }

    body .elementor-1407 .elementor-element-7fc0f51 .elementor-button {
        align-items: center;
        display: inline-flex;
        min-height: 40px;
    }

    /* Tienda: se conservan búsqueda, catálogo, carrito y cuenta. */
    body .elementor-5897 .elementor-element-7e7db3c {
        flex: 1 1 auto !important;
        padding: 0 !important;
        width: auto !important;
    }

    body .elementor-5897 .elementor-element-3f4c6ef {
        align-items: center !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        gap: 12px !important;
        padding: 0 !important;
        width: auto !important;
    }

    body .elementor-5897 .elementor-element-3f4c6ef > .elementor-element {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    body .elementor-5897 .bio-header-catalog-link {
        margin: 0 !important;
    }

    body .elementor-5897 .elementor-element-7ea616c {
        min-height: 60px !important;
        padding: 8px 0 !important;
        position: relative !important;
    }

    body .elementor-location-header .elementor-5897 .elementor-element-7ea616c > .e-con-inner {
        margin-inline: auto !important;
        padding: 0 !important;
        width: calc(100% - 40px) !important;
    }

    body .elementor-5897 .elementor-element-1e3aa90,
    body .elementor-5897 .elementor-element-038784d {
        min-height: 44px !important;
        padding: 0 !important;
        position: static !important;
        width: 100% !important;
    }

    body .elementor-location-header .elementor-nav-menu--main {
        display: none !important;
    }

    body .elementor-location-header .elementor-menu-toggle {
        align-items: center !important;
        background: #2a9fd1 !important;
        border-radius: 8px !important;
        color: #fff !important;
        display: flex !important;
        height: 44px !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 44px !important;
    }

    /* Icono vectorial: no depende de que cargue la fuente de iconos. */
    body .elementor-location-header .elementor-menu-toggle::before {
        background: currentColor;
        content: '';
        height: 22px;
        mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M4 6h16M4 12h16M4 18h16" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E') center / contain no-repeat;
        width: 22px;
    }

    body .elementor-location-header .elementor-menu-toggle.elementor-active::before {
        mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="m6 6 12 12M18 6 6 18" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
    }

    body .elementor-location-header .elementor-widget-nav-menu .elementor-menu-toggle .elementor-menu-toggle__icon--open,
    body .elementor-location-header .elementor-widget-nav-menu .elementor-menu-toggle .elementor-menu-toggle__icon--close {
        display: none !important;
    }

    body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        background: #fff;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 12px 24px rgba(20, 45, 65, .12);
        box-sizing: border-box !important;
        display: block !important;
        inline-size: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        max-inline-size: 100% !important;
        max-width: 100% !important;
        overflow-y: auto !important;
        position: absolute !important;
        right: 0 !important;
        top: 100% !important;
        width: 100% !important;
        z-index: 1000 !important;
    }

    body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul,
    body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li,
    body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a {
        box-sizing: border-box !important;
        inline-size: 100% !important;
        max-inline-size: 100% !important;
        width: 100% !important;
    }

    body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a {
        display: flex !important;
        justify-content: space-between;
        min-height: 44px;
        padding: 14px 5% !important;
        white-space: normal !important;
    }

    body .elementor-location-header .elementor-menu-toggle:focus-visible {
        outline: 2px solid #103c72;
        outline-offset: 3px;
    }
}

/* Mismo ancho de contenedor que las propuestas en tablet. En portátiles
   (1025–1399 px) se conserva el margen de 20 px del contenedor de escritorio. */
@media (min-width: 768px) and (max-width: 1024px) {
    body .elementor-1407 .elementor-element-aed0c6b > .e-con-inner,
    body .elementor-5897 .elementor-element-289435f > .e-con-inner,
    body .elementor-location-header .elementor-5897 .elementor-element-7ea616c > .e-con-inner {
        width: 90% !important;
    }
}
