



<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <title>Ulbra - Universidade Luterana do Brasil</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property='og:type' content='website' />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="Venha para a Ulbra e tenha acesso a ensino de excel�ncia e infraestrutura completa em uma institui��o com mais de 50 anos de tradi��o." />
    <link rel="canonical" href="https://www.ulbra.br" />
    <link rel="icon" href="https://www.ulbra.br/favicon.ico?v=7">
    <meta property='og:image' content="https://www.ulbra.br/themes/img/site/share.webp" />
</head>


<body>
    <style>
        body {
            display: none;
        }
    </style>

    <section id="hero">
        <div class="container d-flex align-items-center justify-content-center">
            <div class="row w-100">

                <div class="col-lg-5 col-md-8 d-flex align-items-center btn unidades">
                    <div class="w-100">

                        <img src="https://www.ulbra.br/themes/img/idv/logo-2.png" class="img-fluid mb-md-5 mb-3 idv-logo" alt="Logo Ulbra" />



                        <div class="form-group m-auto">

                            <div class="dropdown w-100 text-center">
                                <a class="dropdown-toggle form-control form-control-lg rounded-pill w-100 mb-md-4 mb-2 " href="#" role="button" id="dropdownEnsinoSuperior" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Ensino Superior
                                </a>

                                <div class="dropdown-menu dropdown-menu-right shadow w-100" aria-labelledby="dropdownEnsinoSuperior">
                                    <a class="dropdown-item" href="https://www.ulbra.br/manaus">AM | Manaus</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/itumbiara">GO | Itumbiara</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/santarem">PA | Santar�m</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/canoas">RS | Canoas</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/cachoeira-do-sul">RS | Cachoeira do Sul</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/carazinho">RS | Carazinho</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/gravatai">RS | Gravata�</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/guaiba">RS | Gua�ba</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/santa-maria">RS | Santa Maria</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/sao-jeronimo">RS | S�o Jer�nimo</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/torres">RS | Torres</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/palmas">TO | Palmas</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/gravatai">RS | Faculdade Ulbra Medicina Gravata�</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/porto-alegre">RS | Faculdade Ulbra Medicina Porto Alegre</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/sao-jeronimo">RS | Faculdade Ulbra Medicina S�o Jer�nimo</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/manaus">AM | Ulbra Medicina Manaus</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/palmas">TO | Ulbra Medicina Palmas</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/faculdade-medicina/santarem">PA | Ulbra Medicina Santar�m</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/ead">EAD | Polos em v�rios estados</a>
                                </div>
                            </div>

                        </div>



                        <div class="form-group m-auto">
                            <div class="dropdown w-100 text-center">
                                <a class="dropdown-toggle form-control form-control-lg rounded-pill w-100 mb-md-4 mb-2"
                                    href="#"
                                    role="button"
                                    id="dropdownEducacaoBasica"
                                    data-toggle="dropdown"
                                    aria-haspopup="true"
                                    aria-expanded="false">
                                    Educa��o B�sica
                                </a>

                                <div class="dropdown-menu dropdown-menu-right shadow w-100" aria-labelledby="dropdownEducacaoBasica">
                                    <a class="dropdown-item" href="https://www.ulbra.br/aplicacao">GO | Itumbiara - Col�gio de Aplica��o</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/cristo-salvador">PA | Santar�m - Col�gio Cristo Salvador</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/sao-pedro">RS | Cachoeira do Sul - Col�gio S�o Pedro</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/cristo-redentor">RS | Canoas - Col�gio Cristo Redentor</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/martinho-lutero">RS | Gua�ba - Col�gio Martinho Lutero</a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/sao-lucas">RS | Sapucaia do Sul - Col�gio S�o Lucas</a>
                                </div>
                            </div>
                        </div>


                        <div class="container">
                            <div class="row justify-content-center">


                                <!-- Form Colaps�vel -->
                                <div class="dropdown w-100 text-center">
                                    <a class="dropdown-toggle btn btn-outline-secondary w-100 rounded-pill border bg-transparent " href="#" role="button" id="dropdownWhatsapp" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
                                        <img src="https://www.ulbra.br/themes/img/unidade/pre/icone-whatsapp.svg" width="30" height="30px"> Fale conosco
                                    </a>

                                    <div class="dropdown-menu dropdown-menu-right shadow w-100 text-center drop-w" aria-labelledby="dropdownWhatsapp">
                                        <a href="https://wa.me/555192741192" target="_blank" class="dropdown-item">
                                            J� sou aluno
                                        </a>
                                        <a href="https://wa.me/555192741192" target="_blank" class="dropdown-item">
                                            Atendimento
                                        </a>

                                        <a href="#" class="dropdown-item" data-toggle="modal" data-target="#modalVestibular">
                                            Vestibular
                                        </a>
                                    </div>
                                </div>


                            </div>
                        </div>





                        <div class="form-group w-100 mt-3">
                            <div class="dropdown w-100">
                                <a class="dropdown-toggle sou-aluno border-0 bg-transparent w-100 rounded-pill d-block" style="background: transparent !important; backdrop-filter: none; "
                                    href="#"
                                    role="button"
                                    id="dropdownSouAluno"
                                    data-toggle="dropdown"
                                    aria-haspopup="true"
                                    aria-expanded="false">
                                    J� sou Aluno
                                </a>

                                <div class="dropdown-menu dropdown-menu-right shadow w-100 drop-w" aria-labelledby="dropdownSouAluno">
                                    <a class="dropdown-item" href="https://www.ulbra.br/autoatendimento" target="_blank">
                                        Autoatendimento
                                    </a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/webaluno" target="_blank">
                                        WebAluno
                                    </a>
                                    <a class="dropdown-item" href="https://ulbra.instructure.com/login/canvas" target="_blank">
                                        Aula - Gradua��o
                                    </a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/aula" target="_blank">
                                        Aula - P�s-gradua��o e Extens�o
                                    </a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/webmail" target="_blank">
                                        E-mail
                                    </a>
                                    <a class="dropdown-item" href="https://www.ulbra.br/webprofessor" target="_blank">
                                        WebProfessor
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-md-6 text-center d-md-flex align-items-md-end justify-content-md-center">

                </div>







            </div>
        </div>
    </section>


    <div class="modal fade" id="modalVestibular" tabindex="-1" aria-labelledby="modalVestibular" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="text-center mb-0">Informe seus dados para iniciar o atendimento</p>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="lead-whatsapp">
                        <div class="form-group">
                            <input type="text" id="w-nome" name="nome" class="form-control" placeholder="Seu nome completo" required>
                        </div>
                        <div class="form-group">
                            <input type="email" id="w-email" name="email" class="form-control" placeholder="Seu e-mail" required>
                        </div>
                        <div class="form-group">
                            <input type="tel" id="w-telefone" name="telefone" class="form-control telefone" placeholder="Telefone" required maxlength="15">
                        </div>

                        <div class="form-group">
                            <select class="form-control text-left" id="w-curso_nome" name="curso_nome" required="">
                                <option value="">Selecione um curso</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <select class="form-control text-left" id="w-unidade" name="unidade" required="" style="display: none;">
                                <option value="">Selecione uma Unidade</option>
                            </select>
                        </div>


                        <div id="retorno-wpp" class="alert alert-warning small" role="alert" style="display: none;"></div>
                        <small class="small d-block text-center text-muted mb-3">
                            Ao enviar, autorizo o uso dos dados para receber informa��es sobre a Ulbra
                        </small>
                        <button type="button" class="btn btn-wpp btn-block enviar-whatsapp">
                            <img src="https://www.ulbra.br/themes/img/unidade/pre/icone-whatsapp.svg" width="21" height="21"> INICIAR
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>




    <section id="produtos" class="text-center">
        <div class="container">
            <div class="row">

                <div class="col-md-6 col-lg-3 mb-4">
                    <a href="https://www.ulbra.br/vestibular" class="card h-100 card-estude text-decoration-none">
                        <div class="card-body d-flex flex-column justify-content-center px-0">
                            <h4>Gradua��o</h4>
                            <p>Ingresso por Vestibular, Nota do Enem, Transfer�ncia ou Segunda Gradua��o.</p>
                        </div>
                    </a>
                </div>

                <div class="col-md-6 col-lg-3 mb-4">
                    <a href="https://www.ulbra.br/pos" class="card h-100 card-estude text-decoration-none">
                        <div class="card-body d-flex flex-column justify-content-center px-0">
                            <h4>P�s-gradua��o</h4>
                            <p>Conhe�a os cursos de especializa��o Lato Sensu nas modalidades presencial e EAD.</p>
                        </div>
                    </a>
                </div>

                <div class="col-md-6 col-lg-3 mb-4">
                    <a href="https://www.ulbra.br/extensao" class="card h-100 card-estude text-decoration-none">
                        <div class="card-body d-flex flex-column justify-content-center px-0">
                            <h4>Extens�o</h4>
                            <p>Cursos, eventos extracurriculares, projetos culturais e comunit�rios, entre outros.</p>
                        </div>
                    </a>
                </div>

                <div class="col-md-6 col-lg-3 mb-4">
                    <a href="https://www.ulbra.br/escolas" class="card h-100 card-estude text-decoration-none">
                        <div class="card-body d-flex flex-column justify-content-center px-0">
                            <h4>Rede de Escolas</h4>
                            <p>Educa��o Infantil - Ensino Fundamental - Ensino M�dio - Educa��o Profissional.</p>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </section>

    <section class="footer">
        <div class="container text-center">
            <div class="row">
                <div class="col-12">
                    <div class="redes">
                        <p class="mb-3 lead text-white">Siga-nos nas Redes Sociais</p>

                        <a href="https://www.instagram.com/ulbrabr/" rel="nofollow" target="_blank">
                            <img src="https://www.ulbra.br/themes/img/unidade/icone/instagram.svg?=v3" class="mr-2" alt="Instagram" />
                        </a>
                        <a href="https://www.facebook.com/ulbrabr" rel="nofollow" target="_blank">
                            <img src="https://www.ulbra.br/themes/img/unidade/icone/facebook.svg?=v3" class="mr-2" alt="Facebook" />
                        </a>
                        <a href="https://br.linkedin.com/school/ulbra/" rel="nofollow" target="_blank">
                            <img src="https://www.ulbra.br/themes/img/unidade/icone/linkedin.svg?=v3" class="mr-2" alt="LinkedIn" />
                        </a>

                        <a href="https://www.youtube.com/siteulbra" rel="nofollow" target="_blank">
                            <img src="https://www.ulbra.br/themes/img/unidade/icone/youtube.svg?=v3" alt="Youtube" />
                        </a>




                        <div class="cnpj container text-center">

                            <p>
                                <a class="text-white" href="https://www.ulbra.br/politica-de-privacidade" target="_blank" rel="nofollow">Pol�tica de privacidade</a>
                            </p>


                            <p>
                                Raz�o Social: ULBRA S.A, CNPJ/MF: 88.332.580/0001-65
                            </p>
                        </div>

                        <div class="text-center pb-3">
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <div id="alert-lgpd" class="alert alert-dark fixed-bottom text-center container alert-lgpd" role="alert" style="display: none;">
        <p class="mb-0">Utilizamos tecnologias para melhorar sua experi�ncia, mas prezamos pela privacidade, saiba mais em nossa <a href="https://www.ulbra.br/politica-de-privacidade" target="_blank" type="button" class="btn-politica-privacidade text-dark"><u>pol�tica de privacidade</u></a>.
            <button id="lgpd" type="button" class="btn btn-dark btn-sm">Entendi</button>
        </p>
    </div>







    <link href="https://www.ulbra.br/themes/bootstrap4/css/bootstrap.min.css" rel="stylesheet" type="text/css" async="async" />



    <script type="text/javascript" src="https://www.ulbra.br/themes/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="https://www.ulbra.br/themes/bootstrap4/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="https://www.ulbra.br/themes/js/jquery.mask.min.js"></script>

    <script>
        $(document).ready(function() {

            function getQueryParams() {
                let params = {};
                let queryString = window.location.search.substring(1);
                let queries = queryString.split("&");
                for (let i = 0; i < queries.length; i++) {
                    let pair = queries[i].split("=");
                    params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || "");
                }
                return params;
            }

            function getUtmData() {
                let stored = localStorage.getItem("utm_data");
                if (!stored) return null;

                try {
                    let data = JSON.parse(stored);

                    // Expirou?
                    if (data.expiresAt && Date.now() > data.expiresAt) {
                        localStorage.removeItem("utm_data");
                        return null;
                    }

                    return data;

                } catch (e) {
                    localStorage.removeItem("utm_data");
                    return null;
                }
            }


            getUtmData(); // faz a limpeza autom�tica


            let params = getQueryParams();

            const hasUtm =
                params.utm_source ||
                params.utm_medium ||
                params.utm_campaign;

            if (hasUtm) {

                let utmParams = {
                    utm_source: params.utm_source || null,
                    utm_medium: params.utm_medium || null,
                    utm_campaign: params.utm_campaign || null,
                    expiresAt: Date.now() + (7 * 24 * 60 * 60 * 1000) // 7 dias real
                };

                localStorage.setItem("utm_data", JSON.stringify(utmParams));
            }

        });

        const element = document.getElementById('lgpd')

        element.addEventListener("click", () => {
            document.cookie = "alert_lgpd=aceito;path=/;expires=Friday, 19-Jun-26 09:26:27 -03";
            document.getElementById("alert-lgpd").style.display = "none";
        });

        var x = getCookie("alert_lgpd");
        if (x != "aceito") {
            document.getElementById("alert-lgpd").style.display = "block";
        }


        function getCookie(variavel) {
            let name = variavel + "=";
            let spli = document.cookie.split(';');
            for (var j = 0; j < spli.length; j++) {
                let char = spli[j];
                while (char.charAt(0) == ' ') {
                    char = char.substring(1);
                }
                if (char.indexOf(name) == 0) {
                    return char.substring(name.length, char.length);
                }
            }
            return "";
        }



        $(function() {
            $('.telefone').mask('(00) 0000-00000');


            var isSendingWpp = false;

            $(document).on('click', '.enviar-whatsapp', function(event) {
                event.preventDefault();

                if (isSendingWpp) return; // evita envio duplicado
                isSendingWpp = true;

                $("#retorno-wpp").hide();

                var formData = $('#lead-whatsapp').serialize();
                // formData += '&pageUri=' + encodeURIComponent(window.location.origin + window.location.pathname + window.location.hash);
                formData += '&pageUri=' + encodeURIComponent(window.location.href);
                formData += '&pageName=' + encodeURIComponent(document.title);

                let utmData = localStorage.getItem("utm_data");
                if (utmData) {
                    formData += '&utm_payload=' + encodeURIComponent(utmData);
                }


                var $button = $(this);

                // adiciona a classe 'enviando' e muda o texto
                $button.prop('disabled', true).addClass('enviando').text('Enviando...');

                $.ajax({
                    url: 'https://www.ulbra.br/lp/salva_lead_whatsapp',
                    type: 'POST',
                    data: formData,
                    success: function(response) {

                        if (response.erro) {
                            const primeiroParagrafo = $('<div>').html(response.erro).find('p').first().prop('outerHTML');
                            $("form #retorno-wpp").html(primeiroParagrafo).fadeIn();

                            // reativa o bot�o e remove a classe
                            $button.prop('disabled', false).removeClass('enviando').text('INICIAR');
                            isSendingWpp = false;
                        }

                        if (response.sucesso) {



                            window.dataLayer = window.dataLayer || [];
                            dataLayer.push({
                                event: 'envioDeFormularioWpp',
                            });

                            localStorage.removeItem("utm_data");


                            $('#w-nome, #w-email, #w-telefone').val('');
                            window.location.href = "https://wa.me/555192741192";




                            // reativa o bot�o e remove a classe (mant�m consist�ncia)
                            $button.prop('disabled', false).removeClass('enviando').text('INICIAR');
                            isSendingWpp = false;
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert('Erro ao enviar os dados: ' + textStatus);
                        console.error(jqXHR, textStatus, errorThrown);

                        // reativa o bot�o e remove a classe
                        $button.prop('disabled', false).removeClass('enviando').text('INICIAR');
                        isSendingWpp = false;
                    }
                });
            });


            let formularioLoad = false;
            $('#modalVestibular').on('shown.bs.modal', function(event) {
                $('#whatsapp-contato').css('display', 'none');
                $('#lead-whatsapp').css('display', 'block');

                if (!formularioLoad) {
                    montar_formulario();
                    formularioLoad = true;
                }


            });



        });


        function montar_formulario() {
            var url = 'https://www.ulbra.br/lp/lista_cursos_ofertados';

            $.ajax({
                url: url,
                type: 'GET',
                dataType: 'json',
                success: function(data) {

                    $('#w-curso_nome').find('option:not(:first)').remove();

                    $.each(data, function(index, item) {
                        $('#w-curso_nome').append(
                            $('<option>', {
                                value: item.nome,
                                text: item.nome,
                                'data-curso_nome_id': item.curso_nome_id,
                                'data-curso_nivel_id': item.curso_nivel_id
                            })
                        );
                    });
                },
                error: function(xhr, status, error) {
                    console.error('Erro ao buscar os dados:', error);
                }
            });


            $('#w-curso_nome').change(function() {
                $.post(
                    'https://www.ulbra.br/lp/lista_unidades_curso', {
                        curso_nome_id: $(':selected', this).data('curso_nome_id'),
                        curso_nivel_id: $(':selected', this).data('curso_nivel_id')
                    },
                    function(r) {
                        $('#w-unidade').html('<option value="">Selecione uma unidade</option>').fadeIn();
                        $.each(r, function(i, u) {
                            $('#w-unidade').append(
                                $('<option>', {
                                    value: u.unidade_id + "|" + u.unidade_nome,
                                    text: u.unidade_nome
                                })
                            );
                        });

                    },
                    'json'
                );

            });

        }
    </script>

    <!--<link async href="/bootstrap4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />-->

    <style>
        :root {
            --aelbra-cor-1: #f5ce99;
            --aelbra-cor-2: #cca269;
            --aelbra-cor-3: #66563d;
            --aelbra-cor-4: #0d3634;
            --aelbra-cor-5: #045a52;
            --aelbra-cor-6: #91baa3;
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://www.ulbra.br/themes/fontes/inter/Inter-Variable.woff2') format('woff2');
            font-weight: 100 900;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://www.ulbra.br/themes/fontes/inter/Inter-Italic-Variable.woff2') format('woff2');
            font-weight: 100 900;
            font-style: italic;
            font-display: swap;
        }

        * {
            font-family: 'Inter', sans-serif;
        }

        h1 {
            font-size: 19px;
            margin-bottom: 15px;
        }

        .modal-header {
            background: var(--aelbra-cor-4) !important;
            color: #FFF;
        }

        .modal-header .close {
            color: #FFF;
        }

        section#hero {
            background: url("https://www.ulbra.br/themes/img/unidade/pre/foto.jpg?v3") center top;
            background-size: cover;
            aspect-ratio: 1900/700;
        }

        section#hero div.unidades {
            min-height: 75vh;
        }


        section#hero .dropdown a.dropdown-toggle,
        section#hero .dropdown a.dropdown-toggle:hover {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border: 1px solid transparent;
            box-shadow:
                inset 0 0 0 1px rgba(255, 255, 255, 0.2),
                inset 0 0 20px rgba(255, 255, 255, 0.25);

            color: white;
        }

        section#hero .dropdown-toggle::after {
            display: none;
        }




        section#hero .dropdown-menu {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        section#hero .drop-w,
        #dropdownWhatsapp,
        #dropdownSouAluno {
            background: transparent;
            box-shadow: none !important;
        }

        section#hero .dropdown-menu a {
            color: #FFF;
        }

        section#hero .dropdown-menu a:hover,
        section#hero .dropdown-menu a:active,
        section#hero .dropdown-menu a.active,
        section#hero .dropdown-menu a:focus {
            color: var(--aelbra-cor-4) !important;
            background: #FFF;
        }



        .logo {
            max-width: 425px;
        }

        .parte {
            /*background: #790000;*/
            display: inline-block;
            padding: 30px 50px;
            color: #FFF;
            margin-top: -100px;
            font-weight: 800;
            letter-spacing: -2px;
        }

        button.enviando {
            background: #ccc !important;
            border-color: #ccc !important;
            color: #777;
            opacity: 0.7;
        }


        section#produtos {
            padding: 90px 0;
            background: url("https://www.ulbra.br/themes/img/unidade/pre/bg-gradiente.webp") center center;
            background-size: cover;
        }


        section#produtos .card-estude {
            display: block;
            height: 100%;
            padding: 20px 16px;
            border: 1px solid #e6c79c;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.05);
            color: #fff;
            transition: all .3s ease;
        }

        section#produtos .card-estude:hover {
            text-decoration: none;
            color: #fff;
            transform: translateY(-6px);
            background: linear-gradient(177deg, #63928f 18%, #165854 78%);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        section#produtos .card-estude h4 {
            font-weight: 600;
            margin-bottom: 10px;
        }


        .footer {
            background: var(--aelbra-cor-4);
            padding: 25px 0 0 0;
        }

        .redes {
            margin-top: 50px;
        }

        .redes-desktop {
            margin-top: 180px;
        }


        .redes a img {
            height: 35px;
            filter: invert(83%) sepia(23%) saturate(458%) hue-rotate(350deg) brightness(101%) contrast(96%);
        }

        .redes a {
            text-decoration: none;
        }

        .redes-mobile {
            display: none !important;
        }



        select {
            text-align: center;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            cursor: pointer;
            margin-bottom: 18px;
        }

        select option:not(:first-child) {
            text-align: left;
            color: #000;
        }

        select.btn-block.rounded-pill {
            border: 1px solid #FFF !important;
            background: none;
            font-weight: 500;
            background: var(--aelbra-cor-2);
            color: #FFF;
        }

        #modalVestibular .card {
            box-shadow: 0 4px 30px rgba(255, 255, 255, 0.5);
            letter-spacing: 1px;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
            border-radius: 16px;
            background: color-mix(in srgb, var(--aelbra-cor-2) 50%, transparent) !important;
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(13px);
            -webkit-backdrop-filter: blur(13px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        #modalVestibular .btn.enviar-whatsapp {
            background: linear-gradient(135deg, #25D366, #20B558);
            border: none;
            color: white;
            padding: 12px 20px;
            border-radius: 8px;
            font-weight: 600;
            width: 100%;
            transition: all 0.3s ease;
        }

        button.rounded-pill-whatsapp {
            border: 1px solid #FFF !important;
            background: transparent;
            color: #FFF;
            font-size: 21px;
        }

        select.btn-block.rounded-pill-whatsapp {
            border: 1px solid #FFF !important;
            background: #006e86 url("https://www.ulbra.br/themes/img/unidade/pre/icone-whatsapp.svg") no-repeat;
            background-size: 25px;
            background-position: 28% center;
            color: #FFF;
        }

        select.btn-block.rounded-pill-whatsapp option {
            background-color: #FFF;
            color: #000;
            border: none;
            padding: 0;
        }



        select.btn-block.rounded-pill-whatsapp option:hover {
            background-color: #d9d9d9;
        }


        .b-sou-aluno {
            margin: 0 auto;
            border: none;
            padding-bottom: 0;
            padding: .7rem 1rem;
            font-size: 18px;
            color: #FFF;
        }

        select.sou-aluno {
            color: #FFF;
            text-decoration: underline;
        }


        .cnpj {
            margin-top: 70px;
            font-size: 12px;
            color: #999;
        }

        @media(max-width:1280px) {
            .redes-desktop {
                margin-top: 100px;
            }
        }


        @media(max-width:1200px) {
            section#hero {
                aspect-ratio: 1900/900;
            }


        }

        @media(max-width:990px) {

            section#hero {
                padding: 50px 0;
            }

            section#hero img.idv-logo {
                max-width: 80%;
            }

            select.btn-block.rounded-pill-whatsapp {
                background-position: 24% center;
            }

            .logo {
                margin-top: 25px;
                max-width: 250px;
                height: auto;
            }

            .container.produtos .card .card-header h3 {
                font-size: 32px;
            }

            .redes {
                margin: 50px 0 !important;
                text-align: center;
            }

            .redes a img {
                max-width: 30px;
                height: auto;
            }
        }

        @media(max-width:767px) {

            section#hero {
                background: url("https://www.ulbra.br/themes/img/unidade/pre/foto-mobile.jpg?v2") center top;
                background-size: cover;
                padding-bottom: 0;
            }

            section#hero .dropdown a.dropdown-toggle,
            section#hero .dropdown a.dropdown-toggle:hover {
                background: rgba(0, 0, 0, 0.15);
            }

            section#hero img.idv-logo {
                margin-top: 35vh;
            }

            select.btn-block.rounded-pill-whatsapp {
                background-position: 35% center;
            }


            .dropdown-item {
                white-space: normal;
                padding-top: 8px;
            }

        }

        @media(max-width:620px) {



            select.btn-block.rounded-pill-whatsapp {
                background-position: 32% center;
            }
        }

        @media(max-width:550px) {

            select.btn-block.rounded-pill-whatsapp {
                background-position: 20% center;
            }
        }


        @keyframes fadeInOpacity {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
    </style>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="preconnect" href="https://analytics.google.com">
    <link rel="preconnect" href="https://googleads.g.doubleclick.net">
    <link rel="preconnect" href="https://www.facebook.com">
    <link rel="preconnect" href="https://connect.facebook.net">
    <link rel="dns-prefetch" href="https://analytics.google.com">
    <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net">
    <link rel="dns-prefetch" href="https://www.facebook.com">
    <link rel="dns-prefetch" href="https://connect.facebook.net">

    <!-- Google Tag Manager -->
    <script>
        ! function() {
            "use strict";

            function l(e) {
                for (var t = e, r = 0, n = document.cookie.split(";"); r < n.length; r++) {
                    var o = n[r].split("=");
                    if (o[0].trim() === t) return o[1]
                }
            }

            function s(e) {
                return localStorage.getItem(e)
            }

            function u(e) {
                return window[e]
            }

            function A(e, t) {
                e = document.querySelector(e);
                return t ? null == e ? void 0 : e.getAttribute(t) : null == e ? void 0 : e.textContent
            }
            var e = window,
                t = document,
                r = "script",
                n = "dataLayer",
                o = "https://sst.ulbra.br",
                a = "",
                i = "71bxgwmvbjp",
                c = "6j0aub0=GQ5fMTk6Sk0jLjgmJzBBDk1YTEdLEwlFBQYABAxZBQo%3D",
                g = "stapeUserId",
                v = "",
                E = "",
                d = !1;
            try {
                var d = !!g && (m = navigator.userAgent, !!(m = new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m))) && 16.4 <= parseFloat(m[1]),
                    f = "stapeUserId" === g,
                    I = d && !f ? function(e, t, r) {
                        void 0 === t && (t = "");
                        var n = {
                                cookie: l,
                                localStorage: s,
                                jsVariable: u,
                                cssSelector: A
                            },
                            t = Array.isArray(t) ? t : [t];
                        if (e && n[e])
                            for (var o = n[e], a = 0, i = t; a < i.length; a++) {
                                var c = i[a],
                                    c = r ? o(c, r) : o(c);
                                if (c) return c
                            } else console.warn("invalid uid source", e)
                    }(g, v, E) : void 0;
                d = d && (!!I || f)
            } catch (e) {
                console.error(e)
            }
            var m = e,
                g = (m[n] = m[n] || [], m[n].push({
                    "gtm.start": (new Date).getTime(),
                    event: "gtm.js"
                }), t.getElementsByTagName(r)[0]),
                v = I ? "&bi=" + encodeURIComponent(I) : "",
                E = t.createElement(r),
                f = (d && (i = 8 < i.length ? i.replace(/([a-z]{8}$)/, "kp$1") : "kp" + i), !d && a ? a : o);
            E.async = !0, E.src = f + "/" + i + ".js?" + c + v, null != (e = g.parentNode) && e.insertBefore(E, g)
        }();
    </script>
    <!-- End Google Tag Manager -->



    <script type="text/javascript">
        (function() {
            'use strict';
            let images = document.querySelectorAll('img[data-src]');

            document.addEventListener('DOMContentLoaded', onReady);

            function onReady() {
                // Show above-the-fold images first


                // scroll listener
                window.addEventListener('scroll', showImagesOnView, false);
            }

            // Show the image if reached on viewport
            function showImagesOnView(e) {

                for (let i of images) {
                    if (i.getAttribute('src')) {
                        continue;
                    } // SKIP if already displayed

                    // Compare the position of image and scroll
                    let bounding = i.getBoundingClientRect();
                    let isOnView = bounding.top >= 0 &&
                        bounding.left >= 0 &&
                        bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                        bounding.right <= (window.innerWidth || document.documentElement.clientWidth);

                    if (isOnView) {
                        i.setAttribute('src', i.dataset.src);
                        if (i.getAttribute('srcset')) {
                            i.setAttribute('srcset', i.dataset.srcset);
                        }
                    }
                }
            }

        })();

        const selectElements = document.querySelectorAll(".select");
        selectElements.forEach(function(selectElement) {
            selectElement.addEventListener("click", function() {
                // Define o valor do select para o valor do primeiro item da lista de op��es
                selectElement.value = selectElement.options[0].value;
            });
        });



        function validarFormulario() {
            var nome = $('#w-nome').val().trim();
            var email = $('#w-email').val().trim();
            var telefone = $('#w-telefone').val().trim();
            var unidade = $('#w-unidade').val(); // Adiciona valida��o da unidade
            var $btnEnviar = $('.enviar-whatsapp');

            // Valida��o b�sica de email
            var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            var emailValido = emailRegex.test(email);

            // Valida��o de telefone - remove caracteres n�o num�ricos e verifica se tem pelo menos 10 d�gitos
            var telefoneNumeros = telefone.replace(/\D/g, ''); // Remove tudo que n�o � d�gito
            var telefoneValido = telefoneNumeros.length === 11;

            // Verifica se todos os campos obrigat�rios est�o preenchidos
            var todosPreenchidos = nome !== '' &&
                email !== '' &&
                emailValido &&
                telefone !== '' &&
                telefoneValido &&
                unidade !== ''; // Adiciona valida��o de unidade


            // Habilita ou desabilita o bot�o baseado na valida��o
            if (todosPreenchidos) {
                $btnEnviar.prop('disabled', false).removeClass('disabled');
            } else {
                $btnEnviar.prop('disabled', true).addClass('disabled');
            }
        }

        // Event listeners para todos os campos obrigat�rios
        $('#w-nome, #w-email, #w-telefone').on('input change blur', function() {
            validarFormulario();
        });

        // Alternativa para navegadores mais antigos - polling
        setInterval(function() {
            validarFormulario();
            adicionarFeedbackVisual();
        }, 500);

        function adicionarFeedbackVisual() {
            // Para campos de texto (input, textarea)
            $('#w-nome, #w-email, #w-telefone').on('input', function() {
                validarCampo($(this));
            });

            function validarCampo($campo) {
                var valor = $campo.val().trim();

                // Remove classes anteriores
                $campo.removeClass('is-valid is-invalid');

                if (valor !== '') {
                    if ($campo.attr('id') === 'w-email') {
                        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                        if (emailRegex.test(valor)) {
                            $campo.addClass('is-valid');
                        } else {
                            $campo.addClass('is-invalid');
                        }
                    } else if ($campo.attr('id') === 'w-telefone') {
                        var telefoneNumeros = valor.replace(/\D/g, '');
                        if (telefoneNumeros.length === 11) {
                            $campo.addClass('is-valid');
                        } else {
                            $campo.addClass('is-invalid');
                        }
                    } else {
                        $campo.addClass('is-valid');
                    }
                }
            }
        }
    </script>

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://sst.ulbra.br/ns.html?id=GTM-5SDZPJG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <style>
        body {
            display: initial;
        }


        .form-control.is-valid,
        .was-validated .form-control:valid {
            background-image: none !important;
        }

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            background-image: none !important;
            border-color: red !important;
        }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus,
        .form-control.is-valid:focus,
        .was-validated .form-control:valid:focus {
            background-image: none !important;
            box-shadow: none !important;
        }

        button.enviar-whatsapp[disabled],
        section#inscricao .enviar-whatsapp[disabled] {
            background: #ccc !important;
            background-color: #ccc !important;
            border-color: #ccc !important;
            color: #666;
            opacity: 0.7;
        }
    </style>

</body>

</html>