    <html>

    <head>
        <style>
            * {
                font-family: 'Montserrat', sans-serif;
            }

            p.letra {
                margin-left: 15px;
            }

            .meio {
                align-items: center;

            }

            .meio h2 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .img1 {

                display: block;
                margin-left: auto;
                margin-right: auto;
                height: 150px;
            }

            .btn-inscricao {
                padding: 2rem;
                background-color: #001D3F;
                background-color: #073763;
                border-color: #073763;
                margin: 2rem 0 2rem 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
            }

            .btn-inscricao-fund {
                padding: 2rem;
                background-color: #333333;
                border-color: #ffe11f;
                margin: 2rem 0 2rem 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: normal;
            }

            .card-body {
                display: flex;
                flex-direction: column;
                align-items: stretch;
            }

            .form-group {
                flex: 1;
            }

            select {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }

            /*Adicionar essa cor de fundo nos card-headers #001d3f / background-color: rgb(0, 29, 63);*/

            @media only screen and (max-width: 653px) {
                .row .col-md-12 a.btn-inscricao {
                    font-size: 10px;
                }

                .row .col-md-12 a.btn-inscricao-fund {
                    font-size: 10px;
                }
            }

            @media only screen and (max-width: 720px) {

                .meio h2,
                .img1,
                .img2 {
                    display: none;
                }

                select {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }

                .row .col-md-12 a.btn-inscricao {
                    font-size: 10px;
                }

                .row .col-md-12 a.btn-inscricao-fund {
                    font-size: 10px;
                }
            }

            @media (max-width: 1200px) {

                .meio h2,
                .img1,
                .img2 {
                    display: none;
                }

                select {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            }

            @media only screen and (min-width: 1284px) and (max-width: 1366px) {
                select {
                    width: 100%;
                    max-width: 100%;
                }
            }

            @media only screen and (max-device-width: 1284px) and (max-width: 1366px) {
                select {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
            }
        </style>
        <title>Central de Vagas</title>

        <script src="https://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
        <!-- polyfiller file to detect and load polyfills -->
        <script src="https://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
        <script>
            webshims.setOptions('waitReady', false);
            webshims.setOptions('forms-ext', {
                types: 'date'
            });
            webshims.polyfill('forms forms-ext');
        </script>

        <script>
            function gerarGeo() {
                let ponto = $('#logradouro').val() + ',' + $('#bairro').val() + ',' + $('#numcasa').val() + ',' + $('#cidade').val();
                geocoder = new google.maps.Geocoder();
                console.log(ponto);
                geocoder.geocode({
                    'address': ponto
                }, function(results, status) {
                    console.log(results);
                    let latitudeR = results[0].geometry.location.lat();
                    let longitudeR = results[0].geometry.location.lng();

                    $('#latitude').val(latitudeR)
                    $('#longitude').val(longitudeR)

                })
            }
        </script>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/fontawesome-all.css">
        <link rel="stylesheet" href="../smerp2010/libx/bootstrap4.0.0/css/dataTables.bootstrap4.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

        <link href="../smerp2010/libx/uploadfile.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />


        <script src="../smerp2010/libx/bootstrap4.0.0/js/jquery-3.2.1.min.js"></script>
        <script src="../smerp2010/libx/bootstrap4.0.0/js/popper.min.js"></script>
        <script src="../smerp2010/libx/bootstrap4.0.0/js/bootstrap.min.js"></script>
        <script src="../smerp2010/libx/bootstrap4.0.0/js//jquery.dataTables.min.js"></script>
        <script src="../smerp2010/libx/bootstrap4.0.0/js//dataTables.bootstrap4.min.js"></script>
        <script type="text/javascript" src="../smerp2010/libx/bibliotecaAjax.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>

    </head>

    <body class='bg-dark'>


        <div id=dialog title='mensagem'> </div>
    <input type=hidden value='91' 	name=idsme id=idsme><input type=hidden value='2026' 		name=ano id=ano><input type=hidden value='' name=idescola id=idescola>
        <div class="modal fade" id="caixaDialogo" role="dialog">
            <div class="modal-dialog modal-lg">

                <div class="modal-content">
                    <div class="modal-body">
                        <div id=caixaDialogo_msg> </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    </div>
                </div>

            </div>
        </div>

        <div class='container'>
            <div class='card'>
                <div class='card-header text-white' style='background-color:#001d3f'>
                    Central de Vagas                </div>

                
                <div class='card-body'>
                    <div class='row'>
                        <div class='col-md-4 meio'>
                            <img class='img1' class='img-reponsive' src='https://demanda-net-arquivos-producao.s3.sa-east-1.amazonaws.com/logo/91.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDKFNCINY4KUIMN4%2F20260317%2Fsa-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260317T085129Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=142c7516b3c2d6e36a5d7d288bd660e128911034644263f6a64ddaaa87b21368'>
                        </div>
                        <div class='col-md-4 text-center meio'>
                            <h2> Central de Vagas</h2>
                        </div>
                        <div class='col-md-4 meio'>
                            <img class='img-rounded w-100' src='../images/Logos/LOGO_D-COLOR/LOGO_DEMANDA_H_200_mm.png'>
                        </div>
                    </div>
                    <hr>
                    <div id='resultado'>

                    </div>
                </div>
            </div>
        </div>

        <script>
            classificacao3()

            function classificacao3() {
                var url = '?funcao=classificacao3';
                $('#resultado').html("<div class='alert alert-warning'> Aguarde... </div>");
                $.ajax({
                    type: 'GET',
                    url: url,
                    data: {
                        ano: $('#ano').val(),
                        idsme: $('#idsme').val(),
                        idescola: $('#idescola').val()
                    },
                    success: function(info) {
                        $('#resultado').html(info);
                    }
                });
            }

            function lista(idespera, idescola, idserie) {
                var url = '?funcao=lista' +
                    '&idespera=' + idespera +
                    '&ano=' + $('#ano').val() +
                    '&idsme=' + $('#idsme').val() +
                    '&idserie=' + idserie +
                    '&idescola=' + idescola;
                $.ajax({
                    type: 'GET',
                    url: url,
                    success: function(info) {
                        $('#respostaDetalhes').html(info);

                    }
                });
            }
        </script>
    <center>    </div>
    </body>

    </html>