.elementor-846 .elementor-element.elementor-element-edb4e14{--grid-columns:5;}@media(max-width:1366px){.elementor-846 .elementor-element.elementor-element-edb4e14{--grid-columns:4;}}@media(max-width:1024px){.elementor-846 .elementor-element.elementor-element-edb4e14{--grid-columns:2;}}@media(max-width:767px){.elementor-846 .elementor-element.elementor-element-edb4e14{--grid-columns:2;--grid-column-gap:15px;}}/* Start custom CSS for html, class: .elementor-element-c199667 */.buscador-ajax-independiente {
            display: flex;
            width: 100%;
        }
        .custom-buscador-input {
            flex: 1;
            padding: 12px; font-size: 16px;
            border: 1px solid #ccc; 
            border-right: none;
            border-radius: 8px 0 0 8px;
            outline: none;
        }
        .custom-buscador-btn {
            padding: 0 20px;
            font-size: 16px;
            font-weight: bold;
            background-color: #000000; /* Color del botón */
            color: #ffffff;
            border: none;
            border-radius: 0 8px 8px 0;
            cursor: pointer;
            transition: background 0.3s;
        }
        .custom-buscador-btn:hover {
            background-color: #333333;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff43482 *//* Diseño del desplegable */
        .custom-select-filtro {
            width: 100%; max-width: 400px; padding: 12px; font-size: 16px;
            color: #333; border: 1px solid #ccc; border-radius: 4px;
            background-color: #fff; cursor: pointer; 
        }
        /* Efecto visual mientras carga por AJAX */
        .grid-cargando {
            opacity: 0.4; pointer-events: none; transition: opacity 0.3s ease;
        }
	
	/* 3. MAGIA PARA MÓVILES: Convertirlo en un Botón */
        @media (max-width: 768px) {
            .custom-select-filtro {
				 width: 43px;
				 height: 43px;
                /* Colores del botón (puedes ajustarlos a tu marca) */
                background-color: #000000; 
                background-image: url('/lunasupply/wp-content/uploads/2026/07/icon-filter.svg');
                background-repeat: no-repeat;
                background-position: center;
                color: #ffffff; 
                text-indent: -9999px;
                
                /* Forma de botón */
                border: none;
                border-radius: 8px;
                padding: 0px; /* Más alto para facilitar el toque con el dedo */
                font-weight: bold;
                
                /* Centrar el texto */
                text-align: center;
                text-align-last: center;
                
                /* Ocultar la flecha por defecto del select */
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                
                 
            }
        }/* End custom CSS */