/* Estilo do Modal */
                    .search-modal {
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, 0.7);
                        justify-content: center;
                        align-items: center;
                        z-index: 1000;
                    }

                    .search-modal-content {
                        background: #fff;
                        padding: 20px;
                        border-radius: 8px;
                        width: 50rem;
                        padding-right: 3rem;
                        /* Ajusta a largura da janela modal */
                        max-width: 1000px;
                        /* Limita a largura máxima */
                        position: relative;
                        overflow-y: auto;
                        /* Adiciona barra de rolagem se necessário */
                        max-height: 80vh;
                        /* Limita a altura do modal */
                    }

                    .close-button {
                        font-size: 30px;
                        cursor: pointer;
                        position: absolute;
                        top: 10px;
                        right: 10px;
                        background: #000000;
                        color: #fff;
                        border: none;
                        padding: 5px 10px;
                        border-radius: 50%;
                        font-weight: bold;
                        transition: background-color 0.3s ease;
                    }

                    .close-button:hover {
                        background: #555353;
                    }

                    .search-results {
                        display: flex;
                        flex-wrap: wrap;
                        /* Permite que os itens se movam para a próxima linha */
                        justify-content: space-between;
                        /* Garante que os itens tenham espaçamento */
                        padding: 10px 0;
                        /* Padding vertical para o espaço entre os itens */
                    }

                    .search-results .item {
                        flex: 1 1 calc(33.333% - 20px);
                        /* Ajusta a largura dos itens com padding */
                        display: block;
                        margin: 10px 0;
                        /* Ajusta a margem entre os itens */
                        min-width: 150px;
                        max-width: 200px;
                        /* Limita a largura máxima de cada item */
                        box-sizing: border-box;
                    }

                    /* Ajustes para 1 ou 2 resultados */
                    .search-results.one-item .item {
                        flex: 1 1 100%;
                        /* 1 item ocupa 100% da largura */
                        max-width: 100%;
                        /* Garante que o item ocupe toda a largura */
                    }

                    .search-results.two-items .item {
                        flex: 1 1 calc(50% - 20px);
                        /* 2 itens ocupam 50% da largura cada */
                        max-width: 50%;
                        /* Limita a largura dos itens para 50% */
                    }

                    /* Responsividade para telas pequenas */
                    @media (max-width: 768px) {
                        .search-results .item {
                            flex: 1 1 calc(50% - 20px);
                            /* Ajusta para 2 itens por linha em telas pequenas */
                        }
                    }

                    @media (max-width: 480px) {
                        .search-results .item {
                            flex: 1 1 calc(100% - 20px);
                            /* Ajusta para 1 item por linha em telas muito pequenas */
                        }

                        .search-modal-content {
                            width: 95%;
                            /* Ajusta a largura do modal em telas pequenas */
                        }
                    }

                    /* Estilo para o carrossel, garantindo espaçamento entre os itens */
                    .owl-carousel .item {
                        margin-right: 15px;
                        /* Adiciona margem entre os itens do carrossel */
                    }

                    /* Ajustes para telas grandes e poucos resultados */
                    @media (min-width: 1024px) {
                        .search-results.one-item .item {
                            margin: 0 auto;
                            /* Centraliza o único item em telas grandes */
                        }

                        .search-results.two-items .item {
                            margin: 0 auto;
                            /* Centraliza os dois itens em telas grandes */
                        }

                        .search-results .item {
                            margin-right: 10px;
                            /* Ajusta a margem entre os itens para não ficar largo */
                        }
                    }

                    /* Garantir que o fundo da página não se mova ao visualizar os resultados */
                    body.modal-open {
                        overflow: hidden;
                        /* Impede rolagem de fundo quando o modal estiver aberto */
                    }

                    body {
                        margin: 0;
                        padding: 0;
                        display: flex;
                        flex-direction: column;
                        min-height: 100vh;
                      }
                  
                      .accordion-button {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        width: 100%;
                        padding: 15px;
                        background-color: #DCDCDC;
                        border: 1px solid #ddd;
                        border-radius: 5px;
                        cursor: pointer;
                        font-size: 16px;
                        text-transform: uppercase;
                        color: #1e1e1e;
                        letter-spacing: 0.5px;
                        font-weight: 700;
                        margin-top: 0px;
                        margin-bottom: 20px;
                      }
                  
                      .accordion-content {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height 0.5s ease, padding 0.5s ease;
                      }
                  
                      .accordion-content.open {
                        max-height: 1000px;
                        padding: 15px;
                      }
                  
                      footer {
                        background-color: #343a40;
                        color: #f8f9fa;
                        padding: 15px 0;
                        text-align: center;
                        margin-top: auto;
                      }
                  
                      .search-bar {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        width: 250px;
                      }