/*
 * Carrito lateral de Elementor.
 *
 * El widget comparte el contexto de apilamiento del encabezado con la
 * navegación y el menú móvil. Elevamos el widget completo, no solo el panel,
 * para impedir que esos elementos se dibujen sobre el contenido del carrito.
 */
#header_sp {
    z-index: 10001 !important;
}

#header_sp_compacto {
    z-index: 101 !important;
}

#header_sp_compacto .btn_carrito_elementor,
#btn_carrito_elementor {
    z-index: 10000 !important;
}

#btn_carrito_elementor .elementor-menu-cart__container {
    z-index: 10000 !important;
}

/* El fondo semitransparente permitía ver productos y textos de la página. */
#btn_carrito_elementor .elementor-menu-cart__main {
    background-color: #fff !important;
    opacity: 1 !important;
}

/*
 * Menú lateral principal de Elementor.
 *
 * El encabezado se elevó para proteger el carrito, por lo que este popup
 * también debe quedar por encima de él cuando está abierto.
 */
#elementor-popup-modal-13339 {
    z-index: 11000 !important;
}