.elementor-506 .elementor-element.elementor-element-6435318{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-506 .elementor-element.elementor-element-6435318, .elementor-506 .elementor-element.elementor-element-6435318::before{--border-transition:0.3s;}.elementor-506 .elementor-element.elementor-element-2dbc63b{--display:flex;--background-transition:0.3s;}.elementor-506 .elementor-element.elementor-element-2dbc63b:not(.elementor-motion-effects-element-type-background), .elementor-506 .elementor-element.elementor-element-2dbc63b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-506 .elementor-element.elementor-element-2dbc63b, .elementor-506 .elementor-element.elementor-element-2dbc63b::before{--border-transition:0.3s;}@media(max-width:1024px){.elementor-506 .elementor-element.elementor-element-6435318{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-506 .elementor-element.elementor-element-6435318{--content-width:1117px;}}@media(max-width:767px){.elementor-506 .elementor-element.elementor-element-6435318{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-b7b478a *//* Contenedor principal con dos columnas */
.megamenue-container {
    display: flex;
    align-items: flex-start;
}

/* Estilos de la lista de categorías */
.category-list {
    width: 30%; /* Ajusta el ancho según sea necesario */
    padding-right: 20px;
    overflow-y: auto; /* Agrega desplazamiento vertical si la lista es larga */
}

/* Estilos de las categorías */
.category-item {
    cursor: pointer;
    padding: 10px;
    background-color: #f3f3f3;
    margin: 5px 0;
    border-radius: 5px;
    text-align: left;
    transition: background-color 0.3s;
}

.category-item:hover {
    background-color: #e0e0e0;
}

/* Contenedor de productos */
.products-container {
    width: 70%; /* Ajusta el ancho según sea necesario */
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Ocultar todos los productos al cargar */
.products-content {
    display: none;
}

/* Mostrar la categoría activa */
.products-content.active {
    display: block;
}

/* Responsive para pantallas pequeñas */
@media (max-width: 768px) {
    .megamenue-container {
        flex-direction: column;
    }

    .category-list,
    .products-container {
        width: 100%;
    }

    .products-container {
        margin-top: 10px;
    }
}

.mega-menu {
    display: flex;
    max-width: 100%; /* Limita el ancho del menú */
    overflow-x: auto; /* Permite que el contenido se ajuste en caso de desbordamiento horizontal */
}

.menu-productos {
    width: 70%;
    padding: 20px;
    overflow-y: auto; /* Permite desplazamiento vertical si el contenido es muy largo */
    max-height: 500px; /* Limita la altura máxima para evitar que salga de la pantalla */
    box-sizing: border-box;
}

.categoria {
    width: 100%; /* Asegura que cada botón ocupe el ancho completo del contenedor */
}

@media (max-width: 768px) {
    .mega-menu {
        flex-direction: column;
        max-width: 100%; /* Asegura que el menú se ajuste a pantallas pequeñas */
    }

    .menu-categorias, .menu-productos {
        width: 100%; /* Ajusta el ancho al 100% para dispositivos móviles */
    }

    .productos {
        display: none;
    }
}/* End custom CSS */