.elementor-10760 .elementor-element.elementor-element-b306928{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10760 .elementor-element.elementor-element-dc2a906{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10760 .elementor-element.elementor-element-c138b9e{width:var( --container-widget-width, 42.963% );max-width:42.963%;--container-widget-width:42.963%;--container-widget-flex-grow:0;}.elementor-10760 .elementor-element.elementor-element-c138b9e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10760 .elementor-element.elementor-element-c138b9e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10760 .elementor-element.elementor-element-3de307d{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-10760 .elementor-element.elementor-element-3de307d.elementor-element{--order:-99999 /* order start hack */;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10760 .elementor-element.elementor-element-c138b9e{width:var( --container-widget-width, 237.6px );max-width:237.6px;--container-widget-width:237.6px;--container-widget-flex-grow:0;}.elementor-10760 .elementor-element.elementor-element-3de307d{--container-widget-width:126px;--container-widget-flex-grow:0;width:var( --container-widget-width, 126px );max-width:126px;}}/* Start custom CSS for html, class: .elementor-element-c138b9e *//* Estilizando o container */
.cidade-container {
    display: flex;
    flex-direction: row; /* Alinha os itens na mesma linha */
    align-items: center; /* Alinha os itens verticalmente no centro */
    justify-content: center; /* Centraliza os itens horizontalmente */
    gap: 10px; /* Espaço entre o select e o botão */
    padding: 10px;
}

/* Estilo do select */
.cidade-container select {
    padding: 10px;
    font-size: 16px;
    width: 100%; /* Faz com que o select ocupe a largura disponível */
    max-width: 300px; /* Limita a largura máxima do select */
    box-sizing: border-box; /* Garante que o padding não quebre o layout */
}

/* Estilizando o botão "Ir" */
.cidade-container button {
    padding: 12px 20px; /* Tamanho do botão, nem muito grande nem muito pequeno */
    font-size: 16px; /* Tamanho da fonte */
    background-color: #0073e6;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: auto; /* Largura do botão se ajusta ao conteúdo */
    max-width: 200px; /* Limita a largura máxima do botão */
    text-align: center;
}

/* Efeito de hover no botão */
.cidade-container button:hover {
    background-color: #005bb5;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .cidade-container {
        width: 90%;
        margin: 0 auto; /* Centraliza o container no mobile */
    }

    .cidade-container select,
    .cidade-container button {
        width: 100%; /* Faz com que o select e o botão ocupem 100% da largura */
        max-width: none; /* Remove a largura máxima no mobile */
    }
}/* End custom CSS */