
.container_total_pesquisa {
    display: flex;
    justify-content: space-between;
    height: 100vh;
    width: 100vw;
    margin-top:1vw;
}

.box_cadastro_pesquisa {
    width: 45vw;
    height: 80vh;
    margin: auto auto auto auto;
    background-color: var(--cor_fundo_tela);
    border-radius: 1vw;
    box-sizing: border-box;
    position: relative;
    margin-top: 0vw;
}



.btn_fechar_principal_pesquisa {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0.5vw;
    top: 0.5vw;
    text-decoration: none;
    cursor: pointer;
}

    .btn_fechar_principal_pesquisa i {
        color: #aaaaaa;
        font-size: 1.5em;
    }

.label_principal_pesquisa {
    display: flex;
    width: 100%;
    font-family: var(--font-family-koho);
    font-size: 1.4em;
    color: var(--cor_cinza_clara);
    font-weight: 600;
    padding: 0.5vw 2vw 0.3vw 2vw;
    letter-spacing: 0.03vw;
}

    .label_principal_pesquisa span {
        margin: auto 0.2vw;
        font-size: 0.8em;
    }

.input_conteudo_pesquisa {
    margin: 0 2.0vw;
    font-family: var(--font-family-koho);
    display: flex;
    width: 90%;
    font-size: 1.1em;
    background-color:white;
    border: none;
    box-shadow: 0 0 0.2vw var(--cor_cinza_clara);
    border-bottom: 0.01vw solid var(--cor_principal_transparencia);
    resize: none;
}

    .input_conteudo_pesquisa i {
        color: var(--cor_principal);
        margin: auto 0.5vw;
        font-size: 1.1em;
    }


.tag_local_pesquisa {
    flex: 1;
    margin: 0;
    border: none;
    width: 100%;
    padding-left: 0.5vw;
}

    .tag_local_pesquisa i {
        flex: 1;
        margin: 0;
        border: none;
        width: 100%;
        padding-left: 0.5vw;
    }

    .tag_local_pesquisa:focus {
        outline: none;
    }

/* ************************Responsividade******************** */
@media only screen and (max-width: 1024px) {
    .box_cadastro_pesquisa {
        width: 45vw;
        height: 80vh;
        margin: auto;
    }

    .btn_fechar_principal_pesquisa {
        right: 1vw;
        top: 1vw;
    }

    .input_conteudo_pesquisa {
        box-shadow: none;
        border-bottom: none;
        border: 0.3vw solid var(--cor_cinza_botao);
    }

        .input_conteudo_pesquisa :not(textarea) {
            height: 4vw;
        }

        .input_conteudo_pesquisa :focus,
        .input_conteudo_pesquisa :hover {
            box-shadow: 0 0 1vw var(--cor_cinza_clara);
            border-bottom: 0.1vw solid green;
        }


        .input_conteudo_pesquisa i {
            color: var(--cor_principal);
            margin: auto 0.5vw;
        }

}

@media only screen and (max-width: 768px) {
    .box_cadastro_pesquisa {
        width: 45vw;
        height: 80vh;
        margin: auto;
    }

    .btn_fechar_principal_pesquisa {
        right: 1vw;
        top: 1vw;
    }


    .input_conteudo_pesquisa {
        box-shadow: none;
        border-bottom: none;
        border: 0.4vw solid var(--cor_cinza_botao);
    }

        .input_conteudo_pesquisa :not(textarea) {
            height: 5vw;
        }

        .input_conteudo_pesquisa :focus,
        .input_conteudo_pesquisa :hover {
            box-shadow: 0 0 1vw var(--cor_cinza_clara);
            border-bottom: 0.1vw solid green;
        }


        .input_conteudo_pesquisa i {
            color: var(--cor_principal);
            margin: auto 0.5vw;
        }


}

@media only screen and (max-width: 480px) {
    .box_cadastro_pesquisa {
        width: 100vw;
        height: 100vh;
        margin: auto;
        padding: 0 4vw;
    }

    .btn_fechar_principal_pesquisa {
        right: 3vw;
        top: 3vw;
    }

    .input_conteudo_pesquisa {
        box-shadow: none;
        border-bottom: none;
        border: 0.5vw solid var(--cor_cinza_botao);
        margin-bottom: 10vw;
    }

        .input_conteudo_pesquisa :not(textarea) {
            height: 7vw;
        }

        .input_conteudo_pesquisa :focus,
        .input_conteudo_pesquisa :hover {
            box-shadow: 0 0 1vw var(--cor_cinza_clara);
            border-bottom: 0.1vw solid green;
        }


        .input_conteudo_pesquisa i {
            color: var(--cor_principal);
            padding: 1.0vw 0.5vw 0.5vw 0.5vw;
        }

}
