﻿/* FONTES */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');
/*
    font-family: 'Montserrat', sans-serif;
    font-family: 'Roboto', sans-serif;

    Montserrat
    - bold        -> 700
    - extrabold   -> 800

    Roboto
    - regular     -> 400
    - bold    -> 700
*/


/* VARIÁVEIS */
:root {
  --gray-0:             #F2F2F2;
  --gray-1:             #EFECF0;
  --gray-2:             #E2DEE4;
  --gray-3:             #AEA6A3;
  --gray-4:             #706E6E;
  --yellow:             #FDC334;
  --gold:               #CD9539;
  --blue:               #183660;
  --red:                #CE0032;
  --green:              #13ac0e;
  --pink:               #BD024E;
  --purple:             #A80030;
  --wine:               #9D0040;
  --white:              #ffffff;
  --black:              #000000;
  --dummy:              #ffcc00;
}

/* GERAL */
html, body { height: auto; width: 100%; overflow-x: hidden; border: none; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 400; color: var(--gray-4); }
a:hover, a:active, a:focus, button:hover, button:active, button:focus, input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { outline: 0; outline-width: 0; border: none; text-decoration: none; }
a { text-decoration: none; }
h1 { font-family: 'Montserrat', sans-serif; font-size: 3.2em; font-weight: 800; }
h2 { font-family: 'Montserrat', sans-serif; font-size: 4em; font-weight: 800; }
h3 { font-family: 'Montserrat', sans-serif; font-size: 2.8em; font-weight: 800; }
h4 { font-size: 2.4em; font-weight: 800; margin-bottom: 15px; }
p { font-size: 1.6em; }
.flex-center { justify-content: center; }
.img { width: 100%; text-align: center; }
.img img { width: 100%; }

/* NAV */
nav { position: absolute; width: 100%; z-index: 2; }
nav .holder { justify-content: space-between; align-items: center; padding-top: 60px; }
nav .holder .logo { position: relative; z-index: 2; }
nav .holder .menu a { font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: 700; color: var(--white); padding: 15px; margin: 0 15px; transition: all 0.5s ease; }
nav .holder .menu a:hover { color: var(--yellow); }

nav .bt-menu { position: absolute; right: 15px; top: 37px; display: none; }
nav .bt-menu a { text-decoration: none; display: block; width: 50px; height: 50px; }
nav .bt-menu .bar { width: 27px; height: 3px; background: var(--white); margin-bottom: 5px; border-radius: 3px; }
nav .bt-menu .bar-1 { transform: rotate(0); transition: all 0.2s ease; }
nav .bt-menu .bar-2 { opacity: 1; transition: all 0.2s ease; }
nav .bt-menu .bar-3 { transform: rotate(0); transition: all 0.2s ease; }

nav.open .bt-menu .bar { background: var(--white); }
nav.open .bt-menu .bar-1 { transform: rotate(45deg); transform-origin: 10% 10%; transition: all 0.2s ease; margin-right: 0; margin-top: 0px; width: 30px; }
nav.open .bt-menu .bar-2 { opacity: 0; transition: all 0.2s ease; }
nav.open .bt-menu .bar-3 { transform: rotate(-45deg); transform-origin: 10% 90%; transition: all 0.2s ease; margin-left: 0; margin-top: 0px; width: 30px; }
nav.open .menu-mobile { top: 0; }

nav.universidade-gratuita .holder .logo img { height: 70px; }

nav.universidade-gratuita .holder { justify-content: flex-start; }
nav.universidade-gratuita .holder .logo-universidade { margin-left: 30px; }
nav.universidade-gratuita .holder .logo-universidade img { width: 100px; }


/*' 'CONTEÚDO */
main .topo { background-image: url('../../images/lp/el_topo.svg'), linear-gradient(74.82deg, #6E0028 -6.61%, #183660 116.06%); background-repeat: no-repeat, no-repeat; background-position: bottom 50px right 0px, center; }
main .topo.full { display: flex; justify-content: center; align-items: center; height: calc(100vh - 166px); min-height: 615px; }
main .topo .holder { padding: 160px 0 90px 0; position: relative; }
main .topo .holder:before { content: ''; position: absolute; left: -73px; bottom: 75px; width: 48px; height: 48px; border: solid 2px var(--yellow); border-radius: 50%; }
main .topo h1 { color: var(--white); }
main .topo h1 strong { color: var(--yellow); font-weight: 800; }
main .topo h2.tempor{ color: #FFF; font-size: 24px; padding: 10px; background: red; display: inline-block; box-shadow: 0 5px 5px rgba(0,0,0,.3); border-radius: 7px; text-transform: uppercase; }
main .topo p { color: var(--white); }
main .topo a { color: var(--white); text-decoration: underline; }
main .topo a:hover { text-decoration: underline; }
main .topo .bt a { text-decoration: none; }
main .topo .bt a:hover { text-decoration: none; }
main .topo .form p { margin-bottom: 15px; }
main .topo .form .hld-input { width: 100%; margin-bottom: 10px; }
main .topo .form .hld-input.flex { display: flex; justify-content: flex-start; margin-top: 15px; }
main .topo .form .hld-input.flex.pl { padding-left: 15px; }
main .topo .form .hld-input input[type="text"] { font-size: 1.6em; width: 100%; line-height: 39px; border: solid 2px var(--white); border-radius: 40px; background: none; padding: 0 15px; color: var(--white) }
main .topo .form .hld-input label { font-size: 1.6em; color: var(--white); }
main .topo .form ::-webkit-input-placeholder { color: var(--white); opacity: 1; }
main .topo .form ::-moz-placeholder { color: var(--white); opacity: 1; }
main .topo .form :-ms-input-placeholder { color: var(--white); opacity: 1; }
main .topo .form :-moz-placeholder { color: var(--white); opacity: 1; }
main .topo .form .checkbox { position: relative; display: block; margin-top: 15px; padding: 0 0 0 15px; }
main .topo .form .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 30px; left: 0; font-size: 1.4em; color: var(--white); line-height: 1.2; text-align: left; }
main .topo .form .checkbox input[type=checkbox] { display: none; }
main .topo .form .checkbox label:before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 6px; background: none; border-radius: 2px; border: solid 2px var(--white); }
main .topo .form .checkbox input[type=checkbox] + label:after { content: ''; position: absolute; left: 5px; top: 11px; width: 10px; height: 10px; border-radius: 2px; background: var(--white); transform: scale(0.01); transition: all 0.4s ease; opacity: 0; transform-origin: 50% 50%; }
main .topo .form .checkbox input[type=checkbox]:checked + label:after { transform: scale(1); opacity: 1; }
main .topo .form .radio { position: relative; display: block; margin: 0 15px; }
main .topo .form .radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 34px; left: 0; font-size: 1.6em; color: var(--white); text-align: left; }
main .topo .form .radio input[type=radio] { display: none; }
main .topo .form .radio label:before { content: ''; display: inline-block; width: 26px; height: 26px; position: absolute; left: 0; top: -2px; background: none; border-radius: 50%; border: solid 2px var(--white); }
main .topo .form .radio input[type=radio] + label:after { content: ''; position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--white); transform: scale(0.01); transition: all 0.4s ease; opacity: 0; transform-origin: 50% 50%; }
main .topo .form .radio input[type=radio]:checked + label:after { transform: scale(1); opacity: 1; }
main .topo .form .bt { margin-top: 15px; }
main .topo .form .bt a { margin-top: 15px; display: inline-block; line-height: 48px; border: 2px solid var(--yellow); padding: 0 25px; border-radius: 48px; font-size: 2em; color: var(--yellow); margin: 5px 0; transition: all 0.5s ease; }
main .topo .form .bt a:hover { background: var(--yellow); color: var(--white); }
main .topo .form .bt.disabled { opacity: 0.5; pointer-events: none; }

main .cronograma { padding: 80px 0; text-align: center; }
main .cronograma h2 { color: var(--black); margin-bottom: 60px; }
main .cronograma .box { padding: 30px 35px; border: 4px solid var(--purple); border-radius: 12px; }
main .cronograma .box h3 { color: var(--black); }
main .cronograma .box .bts { height: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
main .cronograma .box .bts a { display: inline-block; border: 2px solid var(--pink); padding: 9px 25px; text-align: center; line-height: 1.2; border-radius: 40px; font-size: 1.6em; color: var(--pink); margin: 5px 0; transition: all 0.5s ease; }
main .cronograma .box .bts a:hover { background: var(--pink); color: var(--white); }

main .sacday { padding: 40px 0 15px 0; background: var(--yellow); text-align: center; }
main .sacday h2 { color: var(--purple); margin-bottom: 30px; }
main .sacday p { margin-bottom: 60px; }
main .sacday a { display: inline-block; border: 2px solid var(--purple); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; background: var(--purple); color: var(--white); margin: 5px 0; transition: all 0.5s ease; }
main .sacday a:hover { background: none; color: var(--purple); }

main .faq { padding: 50px 0; background: var(--gray-1); }
main .faq h2 { color: var(--black); margin-bottom: 40px; }
main .faq h3 { margin-bottom: 15px; }
main .faq .filtro { margin-top: 60px }
main .faq .filtro .txt { font-size: 1.6em; color: var(--wine); display: inline-block; }
main .faq .filtro .hld-select { position: relative; display: inline-block; margin-left: 20px; }
main .faq .filtro .hld-select select { font-size: 1.6em; cursor: pointer; color: var(--wine); padding: 0 40px 0 16px; height: 40px; border: solid 2px var(--wine); border-radius: 8px; background: none; display: block; position: relative; white-space: nowrap; transition: all 0.3s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
main .faq .filtro .hld-select:after { content: ''; position: absolute; right: 15px; top: 8px; display: block; z-index: 2; pointer-events: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; color: var(--wine); font-size: 1.6em; }
main .faq .img { text-align: right; }
main .faq .img img { max-width: 347px; }
main .faq .hld-grid { height: 500px; overflow: hidden; margin-top: 30px; transition: all 1s ease; }
main .faq .grid { flex-wrap: wrap; }
main .faq .grid .grid-sizer { width: 25%; }
main .faq .grid .box { width: 25%; padding: 12px; }
main .faq .grid .box a { display: block; background: var(--wine); border-radius: 12px; padding: 45px 15px; }
main .faq .grid .box a .titulo { height: 65px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; font-size: 2em; font-weight: 700; line-height: 1.2; text-align: center; color: var(--white); }
main .faq .grid .box a .hld-bt .bt { display: inline-block; border: 2px solid var(--white); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; color: var(--white); transition: all 0.5s ease; }
main .faq .grid .box a:hover .hld-bt .bt { background: var(--white); color: var(--wine); }
main .faq .hld-bt { width: 100%; display: flex; justify-content: center; }
main .faq .hld-bt .bt-carregar { margin-top: 30px; }
main .faq .hld-bt .bt-carregar a { display: block; border: 2px solid var(--wine); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; color: var(--white); background: var(--wine); transition: all 0.5s ease; }
main .faq .hld-bt .bt-carregar a:hover { background: none; color: var(--wine); }
main .faq.all .hld-grid { height: auto; }
main .faq.all .bt-carregar{ display: none; }

main .chamadas { padding: 60px 0; }
main .chamadas .box a { display: block; border-radius: 12px; padding: 40px 25px; min-height: 380px; }
main .chamadas .box a h2 { font-size: 3.2em; }
main .chamadas .box a p { margin: 15px 0 25px 0; }
main .chamadas .box a .hld-bt .bt { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; transition: all 0.5s ease; }
main .chamadas .box.wine a h2, main .chamadas .box.wine a p { color: var(--white); }
main .chamadas .box.gray a h2 { color: var(--black); }
main .chamadas .box.gray a p { color: var(--gray-4); }
main .chamadas .box.wine a { background: var(--wine); }
main .chamadas .box.wine a .hld-bt .bt { border-color: var(--white); color: var(--white); }
main .chamadas .box.wine a:hover .hld-bt .bt { background: var(--white); color: var(--wine); }
main .chamadas .box.gray a { background: var(--gray-2); }
main .chamadas .box.gray a .hld-bt .bt { border-color: var(--black); color: var(--black); }
main .chamadas .box.gray a:hover .hld-bt .bt { background: var(--black); color: var(--white); }

main .chamadas .full-box { display: block; border-radius: 12px; padding: 40px 25px; margin-top: 30px; }
main .chamadas .full-box h2 { font-size: 3.2em; }
main .chamadas .full-box p { margin: 15px 0 25px 0; }
main .chamadas .full-box p a { color: var(--gray-4); font-weight: 800; }
main .chamadas .full-box .hld-bt { display: flex; }
main .chamadas .full-box .hld-bt .bt { margin-right: 15px; }
main .chamadas .full-box .hld-bt .bt a { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; transition: all 0.5s ease; }
main .chamadas .full-box.wine h2, main .chamadas .box.wine a p { color: var(--white); }
main .chamadas .full-box.gray h2 { color: var(--black); }
main .chamadas .full-box.gray p { color: var(--gray-4); }
main .chamadas .full-box.wine { background: var(--wine); }
main .chamadas .full-box.wine .hld-bt .bt a { border-color: var(--white); color: var(--white); }
main .chamadas .full-box.wine .hld-bt .bt a:hover { background: var(--white); color: var(--wine); }
main .chamadas .full-box.gray { background: var(--gray-2); }
main .chamadas .full-box.gray .hld-bt .bt a { border-color: var(--black); color: var(--black); }
main .chamadas .full-box.gray .hld-bt .bt a:hover { background: var(--black); color: var(--white); }

main .documentos { padding-top: 60px; background: var(--gray-1); }
main .documentos h2 { color: var(--black); margin-bottom: 40px; }
main .documentos h3 { margin-bottom: 15px; }
main .documentos .img { text-align: right; }
main .documentos .img img { max-width: 566px; }
main .documentos .box-documentos { position: relative; margin-top: 90px; }
main .documentos .box-documentos a { display: block; padding: 40px 0; text-align: center; color: var(--white); position: relative; z-index: 2; }
main .documentos .box-documentos a .hld-txt { height: 60px; width: 100%; display: flex; justify-content: center; align-items: center; }
main .documentos .box-documentos a p { font-family: 'Montserrat', sans-serif; font-size: 2em; font-weight: 700; line-height: 1.2; margin: 15px 0; color: var(--white); transition: all 0.5s ease; }
main .documentos .box-documentos a .hld-bt .bt { display: inline-block; border: 2px solid var(--white); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; color: var(--white); transition: all 0.5s ease; }
main .documentos .box-documentos.wine:after { content: ''; width: 60vw; height: 100%; position: absolute; right: 0; top: 0; background: var(--wine) }
main .documentos .box-documentos.red:after { content: ''; width: 60vw; height: 100%; position: absolute; left: 0; top: 0; background: var(--red) }
main .documentos .box-documentos a:hover p { font-size: 2.4em; }
main .documentos .box-documentos.wine a:hover .hld-bt .bt { background: var(--white); color: var(--wine); }
main .documentos .box-documentos.red a:hover .hld-bt .bt { background: var(--white); color: var(--red); }

main .diferenca { padding: 60px 0; background: var(--gray-1); }
main .diferenca h2 { color: var(--black); margin-bottom: 40px; }
main .diferenca h3 { margin-bottom: 15px; }
main .diferenca .img { text-align: right; }
main .diferenca .img img { max-width: 449px; }
main .diferenca .holder { margin-top: 80px; }
main .diferenca .box a { display: block; background: var(--wine); border-radius: 12px; padding: 45px 15px; margin-bottom: 30px; }
main .diferenca .box a .titulo { height: 65px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; font-size: 2em; font-weight: 700; line-height: 1.2; text-align: center; color: var(--white); }
main .diferenca .box a .hld-bt { width: 100%; display: flex; justify-content: center; }
main .diferenca .box a .hld-bt .bt { display: inline-block; border: 2px solid var(--white); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; color: var(--white); transition: all 0.5s ease; }
main .diferenca .box a:hover .hld-bt .bt { background: var(--white); color: var(--wine); }

main .resultado { padding: 50px 0 60px 0; text-align: center; }
main .resultado h2 { color: var(--black); margin-bottom: 40px; }
main .resultado .box { margin-top: 50px; }
main .resultado .box a { display: block; padding: 40px; border: solid 4px; border-radius: 12px; border-color: var(--wine); background: var(--wine); min-height: 305px; }
main .resultado .box a h3 { font-size: 3.2em; color: var(--white) }
main .resultado .box a p { margin: 30px 0; color: var(--white) }
main .resultado .box a .hld-bt .bt { display: inline-block; border: 2px solid var(--white); color: var(--white); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; transition: all 0.5s ease; }
main .resultado .box.em-breve a { border-color: var(--gold); background: var(--white); pointer-events: none; }
main .resultado .box.em-breve a h3 { color: var(--gold); }
main .resultado .box.em-breve a p { color: var(--gold); }
main .resultado .box.em-breve a .hld-bt .bt { border: 2px solid var(--gold); color: var(--white); background: var(--gold) }
main .resultado .box a:hover .hld-bt .bt { color: var(--wine); background: var(--white) }

main .depoimentos { background: var(--wine); padding: 70px 0; color: var(--white); text-align: center; }
main .depoimentos .slider { margin-top: 60px; }
main .depoimentos .slider .slide { padding-bottom: 40px; position: relative; width: 100%; }
main .depoimentos .slider .slide .holder:before { content: ''; width: 92px; height: 68px; position: absolute; left: 0; top: 30px; background: url('../../images/lp/aspas.png') no-repeat top left; }
main .depoimentos .slider .slide .holder:after { content: ''; width: 92px; height: 68px; position: absolute; right: 0; bottom: 0px; background: url('../../images/lp/aspas.png') no-repeat top left; transform: rotate(180deg); }
main .depoimentos .slider .slide .foto { width: 160px; height: 160px; border: solid 8px var(--white); border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; }
main .depoimentos .slider .slide p { margin: 20px 100px 40px 100px; }
main .depoimentos .slider .slide h3 { font-weight: 700; }

main .slick-dots { margin: 0; padding: 0; display: flex; justify-content: center; }
main .slick-dots li { list-style: none; margin: 0 5px; }
main .slick-dots li button { width: 12px; height: 12px; border: solid 2px var(--white); border-radius: 50%; padding: 0; background: none; cursor: pointer; }
main .slick-dots li.slick-active button { background: var(--white) }

footer.main { display: none !important; }
footer { text-align: center; padding: 40px 0 30px 0; }
footer a { font-size: 1.6em; color: var(--gray-3); line-height: 96px; display: inline-block; }
footer a:hover { color: var(--wine); }
footer a img { margin-left: 15px; margin-top: -10px; }

/* SCROLL */
.hld-scrl { padding: 20px 0; position: relative; }
.nicescroll-rails-vr { left: 100%; }
.nicescroll-rails-vr:after { content: ''; display: block; position: absolute; left: 5px; top: 0; width: 8px; height: 100%; background: var(--gray-1); z-index: 998; }
.nicescroll-rails-vr .nicescroll-cursors:after { content: ''; display: block; width: 8px; height: 100%; background: var(--purple); position: absolute; z-index: 999; left: 5px; top: 0; }

.modal-content .mdl-scrl { padding-right: 30px; max-height: calc(90vh - 310px); }

/* MODAL */
.modal { padding-right: 0 !important; }
.modal .container { height: 100vh; overflow: hidden; }
.modal-open { overflow: inherit; padding-right: 0 !important; }
.modal .modal-content { border: none; padding: 50px 50px 30px 50px; box-shadow: 0px 4px 30px -10px rgba(0, 0, 0, 0.25); border-radius: 20px; max-height: 90vh; }
.modal.modal-info .modal-content { padding: 70px 50px; }
.modal.modal-info .modal-content a { color: var(--purple); font-size: 16px; }
.modal .modal-dialog { max-width: 80%; }
.modal .bt-fechar { position: absolute; right: 12px; top: 12px; }
.modal .bt-fechar svg * { transition: all 0.5s ease; }
.modal .bt-fechar:hover .base { fill: var(--wine); }
.modal .bt-fechar:hover .linha { stroke: var(--gray-1); }
.modal .modal-content .modal-body { display: flex; padding: 0; }
.modal .modal-content .modal-body .conteudo { width: 100%; }
.modal .modal-content .modal-body .conteudo h2 { font-family: 'Montserrat', sans-serif; font-size: 3.2em; font-weight: 800; text-align: center; color: var(--black); margin-bottom: 90px; }
.modal .modal-content .modal-body .conteudo h3 { margin-top: 30px; }
.modal .modal-content .modal-body .conteudo .wp-block-embed-youtube { margin: 0 auto; padding-left: 30px; text-align: center; msax-height: calc(90vh - 310px); max-width: 83vh; }
.wp-embed-responsive .wp-has-aspect-ratio iframe { max-height: calc(90vh - 310px) !important; }
/*.modal .modal-content .modal-body .conteudo .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.modal .modal-content .modal-body .conteudo .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.modal .modal-content .modal-body .sac { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; }
.modal .modal-content .modal-body .sac .infos { flex: 1; padding-right: 10vw; }
.modal .modal-content .modal-body .sac h2 { font-family: 'Montserrat', sans-serif; font-size: 4em; font-weight: 800; color: var(--purple); margin-bottom: 30px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25) }
.modal .modal-content .modal-body .sac h3 { font-family: 'Montserrat', sans-serif; font-size: 3.2em; font-weight: 700; color: var(--yellow); margin-bottom: 15px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25) }
.modal .modal-content .modal-body .sac .img { text-align: right; width: auto; }
.modal .modal-content .modal-body .sac .img img { max-width: 347px; }
.modal .modal-content .modal-body .fixo { width: 30%; padding-right: 15px; }
.modal .modal-content .modal-body .fixo h2 { font-family: 'Montserrat', sans-serif; font-size: 2.4em; font-weight: 800; color: var(--black) }
.modal .modal-content .modal-body .fixo .etapas { margin-top: 30px; font-size: 1.6em; color: var(--black); display: flex; justify-content: flex-start; }
.modal .modal-content .modal-body .fixo .etapas .hld { margin-left: 10px; display: flex; padding: 4px 2px; background: var(--gray-0); border-radius: 24px; }
.modal .modal-content .modal-body .fixo .etapas .hld .bull { width: 16px; height: 16px; border-radius: 50%; margin: 0 8px; background: var(--gray-3); }
.modal .modal-content .modal-body .fixo .etapas .hld .bull-mobile { display: none; }
.modal .modal-content .modal-body .etapa { width: 70%; padding-left: 15px; position: relative; }
.modal .modal-content .modal-body .etapa .inelegivel { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 50px; opacity: 0; pointer-events: none; color: var(--purple); transition: all 0.5s ease; }
.modal .modal-content .modal-body .etapa .inelegivel.on { opacity: 1; pointer-events: all; }
.modal .modal-content .modal-body .etapa .inelegivel .hld-bts { display: flex; justify-content: center; }
.modal .modal-content .modal-body .etapa .inelegivel .bt { margin: 50px 10px 0 10px; }
.modal .modal-content .modal-body .etapa .inelegivel .bt a { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; margin: 5px 0; transition: all 0.5s ease; border-color: var(--gray-3); background: none; color: var(--gray-3); margin-right: 15px; }
.modal .modal-content .modal-body .etapa .inelegivel .bt a:hover { background: var(--gray-3); color: var(--white); }

.modal .modal-content .modal-body .etapa .hld-pergunta { width: 100%; display: flex; justify-content: space-between; align-items: center; background: var(--gray-0); border-radius: 8px; padding: 14px 20px; margin-bottom: 8px; }
.modal .modal-content .modal-body .etapa .hld-pergunta p { margin-bottom: 0; }
.modal .modal-content .modal-body .etapa .hld-pergunta small { line-height: 1; font-size: 10px; color: var(--purple); }
.modal .modal-content .modal-body .etapa .hld-mobile { display: none; }
.modal .modal-content .modal-body .etapa .hld-tablet { display: none; }
.modal .modal-content .modal-body .etapa .hld-desk { display: flex; }
.modal .modal-content .modal-body .etapa .txt { padding-right: 30px; }
.modal .modal-content .modal-body .etapa .input { display: flex; justify-content: flex-end; }
.modal .modal-content .modal-body .etapa .input input[type=text] { font-size: 1.6em; color: var(--purple); border: solid 2px var(--purple); border-radius: 8px; padding: 10px 25px; background: none; max-width: 80%; }
.modal .modal-content .modal-body .etapa .input input[type=number] { font-size: 1.6em; color: var(--purple); border: solid 2px var(--purple); border-radius: 8px; padding: 10px 25px; background: none; max-width: 80%; }
.modal .modal-content .modal-body .etapa .input  ::-webkit-input-placeholder { color: var(--purple); opacity: 1; }
.modal .modal-content .modal-body .etapa .input  ::-moz-placeholder { color: var(--purple); opacity: 1; }
.modal .modal-content .modal-body .etapa .input  :-ms-input-placeholder { color: var(--purple); opacity: 1; }
.modal .modal-content .modal-body .etapa .input  :-moz-placeholder { color: var(--purple); opacity: 1; }
.modal .modal-content .modal-body .etapa .radio { position: relative; display: flex; margin: 0 15px; }
.modal .modal-content .modal-body .etapa .radio input[type=radio] { display: none; }
.modal .modal-content .modal-body .etapa .radio label { display: inline; font-size: 1.6em; color: var(--purple); border: solid 2px var(--purple); border-radius: 8px; padding: 10px 25px; transition: all 0.5s ease; cursor: pointer; }
.modal .modal-content .modal-body .etapa .radio label:hover { background: var(--purple); color: var(--white); }
.modal .modal-content .modal-body .etapa .radio input[type=radio]:checked + label { background: linear-gradient(74.82deg, #6E0028 -6.61%, #183660 116.06%); color: var(--white); cursor: default; pointer-events: none; border-color: rgba(255,255,255,0); }
.modal .modal-content .modal-body .etapa .radio input[type=radio]:checked + label:hover { background: linear-gradient(74.82deg, #6E0028 -6.61%, #183660 116.06%); color: var(--white); }
.modal .modal-content .modal-body .etapa .hld-select { position: relative; display: inline-block; min-width: 280px; }
.modal .modal-content .modal-body .etapa .hld-select select { font-size: 1.6em; cursor: pointer; color: var(--purple); padding: 0 40px 0 16px; height: 40px; border: solid 2px var(--purple); border-radius: 8px; background: none; display: block; position: relative; white-space: nowrap; transition: all 0.3s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 280px; }
.modal .modal-content .modal-body .etapa .hld-select:after { content: ''; position: absolute; right: 15px; top: 8px; display: block; z-index: 2; pointer-events: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; color: var(--purple); font-size: 1.6em; }
.modal .modal-content .modal-body .etapa .hld-select.grd { min-width: 305px; }
.modal .modal-content .modal-body .etapa .hld-select.grd select { min-width: 305px; }

.modal .modal-content .modal-body .etapa .hld-bts { margin-top: 16px; }
.modal .modal-content .modal-body .etapa .hld-bts a { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; margin: 5px 0; transition: all 0.5s ease; }
.modal .modal-content .modal-body .etapa .hld-bts a.bt-avancar { border-color: var(--purple); background: var(--purple); color: var(--white); }
.modal .modal-content .modal-body .etapa .hld-bts a.bt-avancar:hover { background: none; color: var(--purple); }
.modal .modal-content .modal-body .etapa .hld-bts a.bt-avancar.disabled { opacity: 0.5; pointer-events: none; }
.modal .modal-content .modal-body .etapa .hld-bts a.bt-voltar { border-color: var(--gray-3); background: none; color: var(--gray-3); margin-right: 15px; }
.modal .modal-content .modal-body .etapa .hld-bts a.bt-voltar:hover { background: var(--gray-3); color: var(--white); }

.modal .modal-content .modal-body .resultado { width: 100%; }
.modal .modal-content .modal-body .resultado h2 { text-align: center; color: var(--black); margin-bottom: 30px; font-size: 3.2em; }
.modal .modal-content .modal-body .resultado p { text-align: center; }
.modal .modal-content .modal-body .resultado p span { font-weight: 700; color: var(--purple); }
.modal .modal-content .modal-body .resultado p a { color: var(--gray-4); }
.modal .modal-content .modal-body .resultado p a:hover { text-decoration: underline; color: var(--purple); }
.modal .modal-content .modal-body .resultado .hld-bts { display: flex; justify-content: center; }
.modal .modal-content .modal-body .resultado .bt { margin: 50px 10px 0 10px; }
.modal .modal-content .modal-body .resultado .bt a { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; margin: 5px 0; transition: all 0.5s ease; border-color: var(--gray-3); background: none; color: var(--gray-3); margin-right: 15px; }
.modal .modal-content .modal-body .resultado .bt a:hover { background: var(--gray-3); color: var(--white); }
.modal .modal-content .modal-body .resultado .box a { display: block; border-radius: 12px; padding: 40px 25px; min-height: 340px; }
.modal .modal-content .modal-body .resultado .box { margin-top: 30px; }
.modal .modal-content .modal-body .resultado .box a h2 { text-align: left; margin-bottom: 0; }
.modal .modal-content .modal-body .resultado .box a p { margin: 15px 0 25px 0; color: var(--white); text-align: left; }
.modal .modal-content .modal-body .resultado .box a .hld-bt .bt { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; transition: all 0.5s ease; }
.modal .modal-content .modal-body .resultado .box.wine a h2, main .chamadas .box.wine a p { color: var(--white); }
.modal .modal-content .modal-body .resultado .box.gray a h2 { color: var(--black); }
.modal .modal-content .modal-body .resultado .box.gray a p { color: var(--gray-4); }
.modal .modal-content .modal-body .resultado .box.wine a { background: var(--wine); }
.modal .modal-content .modal-body .resultado .box.wine a .hld-bt .bt { border-color: var(--white); color: var(--white); }
.modal .modal-content .modal-body .resultado .box.wine a:hover .hld-bt .bt { background: var(--white); color: var(--wine); }
.modal .modal-content .modal-body .resultado .box.gray a { background: var(--gray-2); }
.modal .modal-content .modal-body .resultado .box.gray a .hld-bt .bt { border-color: var(--black); color: var(--black); }
.modal .modal-content .modal-body .resultado .box.gray a:hover .hld-bt .bt { background: var(--black); color: var(--white); } { background: var(--gray-3); color: var(--white); }
.modal .modal-content .modal-body .resultado .infos { display: flex; justify-content: space-between; margin-top: 30px; }
.modal .modal-content .modal-body .resultado .infos a { min-height: auto; }
.modal .modal-content .modal-body .resultado .infos .txt-legal { font-size: 1.2em; font-style: italic; }
.modal .modal-content .modal-body .resultado .infos a { display: inline-block; border: 2px solid; padding: 9px 25px; text-align: center;  border-radius: 40px; font-size: 1.6em; margin: 5px 0; transition: all 0.5s ease; border-color: var(--gray-3); background: none; color: var(--gray-3); margin-right: 15px; }
.modal .modal-content .modal-body .resultado .infos a:hover { background: var(--gray-3); color: var(--white); }
.modal .modal-content .modal-body .resultado .result { display: none; }
.modal .modal-content .modal-body .resultado .result a { text-decoration: underline; }
.modal .modal-content .modal-body .resultado .situacao.elegivel { color: var(--green); }
.modal .modal-content .modal-body .resultado .situacao.naoelegivel { color: var(--red); }

.modal .modal-content .modal-body .hld-bt { width: 100%; display: flex; justify-content: center; margin-top: 30px; }
.modal .modal-content .modal-body .hld-bt a { display: block; border: 2px solid var(--wine); padding: 9px 25px; text-align: center; border-radius: 40px; font-size: 1.6em; color: var(--white); background: var(--wine); transition: all 0.5s ease; margin: 0 10px; }
.modal .modal-content .modal-body .hld-bt a:hover { background: none; color: var(--wine); }

.modal .modal-content .modal-body .etapa .etapa-1 { display: block; }
.modal .modal-content .modal-body .etapa .etapa-2 { display: none; }
.modal .modal-content .modal-body .etapa .etapa-3 { display: none; }
.modal .modal-content .modal-body .etapa .etapa-4 { display: none; }
.modal .modal-content .modal-body .etapa .etapa-5 { display: none; }
.modal .modal-content .modal-body .etapa .etapa-6 { display: none; }
.modal .modal-content .modal-body .resultado { display: none; }
.modal .modal-content .modal-body.fase-1 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }

.modal .modal-content .modal-body.fase-2 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }
.modal .modal-content .modal-body.fase-2 .fixo .etapas .hld .bull:nth-child(2) { background: var(--purple); }

.modal .modal-content .modal-body.fase-3 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }
.modal .modal-content .modal-body.fase-3 .fixo .etapas .hld .bull:nth-child(2) { background: var(--purple); }
.modal .modal-content .modal-body.fase-3 .fixo .etapas .hld .bull:nth-child(3) { background: var(--purple); }

.modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }
.modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(2) { background: var(--purple); }
.modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(3) { background: var(--purple); }
.modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(4) { background: var(--purple); }

.modal .modal-content .modal-body.fase-5 .resultado { display: block; }


.formHidden { display: none; }

.grecaptcha-badge { opacity: 0 !important; pointer-events: none !important; display: none !important; }

/* MEDIA QUERY */
@media (min-width: 1460px) {
	/* XXL */
}
@media (max-width: 1459.98px) {
	/* XL */
  .container { max-width: 100%; }
}
@media (max-width: 1199.98px) {
	/* LG */
  nav .holder .menu a { padding: 10px; margin: 0 10px; }
  main .topo .form .hld-input.flex { display: block; }
  main .topo .form .hld-input.flex label { width: 100%; }
  main .topo .form .hld-input.flex .radio { display: inline-block; }
  main .topo .form .checkbox label br { display: none; }

  main .faq .grid .grid-sizer { width: 33.333%; }
  main .faq .grid .box { width: 33.333%; }

  main .resultado .box p br { display: none; }

  .modal .modal-dialog { max-width: 96%; }
  .modal .modal-content .modal-body .resultado p br { display: none; }
}
@media (max-width: 991.98px) {
	/* MD */
  nav .holder { padding: 60px 30px 0 30px; }
  nav .holder .menu a { padding: 5px; margin: 0 5px; }

  main .topo .holder { padding: 160px 30px 90px 30px; position: relative; }
  main .topo h1 br:not(.all) { display: none; }
  main .topo p br:not(.all) { display: none; }
  main .topo .form { margin-top: 50px; }
  main .topo .form .hld-input.flex { display: flex; }
  main .topo .form .hld-input.flex label { width: auto; }
  main .topo .form .checkbox label br { display: inline; }
  main .topo h2.tempor { margin-top: 30px; }

  main .topo.full { height: auto; }

  main .sacday { padding: 40px 30px 15px 30px; }

  main .faq .filtro { position: absolute; width: 165%; margin-top: 15px; z-index: 2; }
  main .faq .hld-grid { height: 560px; }
  main .faq .grid { margin-top: 50px; }
  main .faq .grid .grid-sizer { width: 50%; }
  main .faq .grid .box { width: 50%; }

  main .chamadas .box { margin-bottom: 15px; }
  main .chamadas .box { text-align: center; }
  main .chamadas .box a { min-height: auto; }
  main .chamadas .box h2 br { display: none; }
  main .chamadas .box p br { display: none; }

  main .chamadas .full-box { text-align: center; margin-top: 0; }
  main .chamadas .full-box { min-height: auto; }
  main .chamadas .full-box h2 br { display: none; }
  main .chamadas .full-box p br { display: none; }
  main .chamadas .full-box .hld-bt { justify-content: center; }

  main .documentos .img { text-align: center; }
  main .diferenca .img { text-align: center; }
  main .diferenca .box { margin-bottom: 15px; }

  .modal .modal-content { padding: 50px 30px 30px 30px; }
  .modal .modal-content .modal-body { display: block; }
  .modal .modal-content .modal-body .sac { display: block; text-align: center; }
  .modal .modal-content .modal-body .sac .img { text-align: center; }
  .modal .modal-content .modal-body .sac .infos { padding-right: 0; }
  .modal .modal-content .modal-body .fixo { width: 100%; padding-bottom: 45px; position: relative; }
  .modal .modal-content .modal-body .fixo h2 br { display: none; }
  .modal .modal-content .modal-body .fixo .etapas { position: absolute; right: 0; bottom: 15px; margin-top: 0; }
  .modal .modal-content .modal-body .etapa { width: 100%; padding: 0; }
  .modal .modal-content .modal-body .resultado a { min-height: 455px; }
  .modal .modal-content .modal-body .resultado .infos .txt-legal { padding-right: 15px; }
  .modal .modal-content .modal-body .resultado .infos .txt-legal br { display: none; }
  .modal .modal-content .modal-body .resultado .bt-reiniciar a { white-space: nowrap; }
}
@media (max-width: 767.98px) {
	/* XXS */
  h1 { font-size:2.8em; }
  h2 { font-size: 3.2em; }
  h3 { font-size: 2.4em; }

  nav .holder { padding-top: 30px; }
  nav .bt-menu { display: block; }
  nav .holder .menu { position: fixed; width: 100vw; left: 0; top: -110vh; background: var(--wine); padding: 120px 30px 30px 30px; transition: all 0.5s ease; }
  nav .holder .menu a { display: block; font-size: 2em; margin: 5px 0; text-align: center; }
  nav.open .holder .menu { top: 0; }

  main .topo .holder { padding: 100px 30px 60px 30px; }

  main .cronograma h2 br { display: none; }
  main .cronograma .box { margin-bottom: 15px; }
  main .cronograma .box .bts { height: auto; }

  main .sacday p .break { display: none; }

  main .faq .img { display: none; }
  main .faq .filtro { position: relative; }
  main .faq .hld-grid { margin-top: 0; height: 525px; }
  main .faq .grid { margin-top: 25px; }

  main .documentos .box-documentos.wine:after { width: 150vw; left: -25vw; }
  main .documentos .box-documentos.red:after { width: 150vw; left: -25vw; }
  main .documentos .box-documentos.red { margin-top: 0; }

  main .depoimentos .slider .slide p { margin: 20px 30px 40px 30px; }
  .modal .modal-content .modal-body .etapa .hld-pergunta { display: block; }
  .modal .modal-content .modal-body .etapa .hld-mobile { display: none; }
  .modal .modal-content .modal-body .etapa .hld-desk { display: none; }
  .modal .modal-content .modal-body .etapa .hld-tablet { display: flex; }

  .modal .modal-content .modal-body .etapa .txt { padding-right: 0; }
  .modal .modal-content .modal-body .etapa .input { justify-content: center; margin-top: 15px; }
  .modal .modal-content .modal-body .resultado a { padding: 25px; min-height: auto; }
  .modal .modal-content .modal-body .resultado h2 { margin-bottom: 10px; font-size: 2.8em; }
  .modal .modal-content .modal-body .resultado .box { text-align: center; margin-top: 15px; }
  .modal .modal-content .modal-body .resultado .box a h2 { text-align: center; }
  .modal .modal-content .modal-body .resultado .box a p { text-align: center; }
  .modal .modal-content .modal-body .resultado .box a h2 br { display: none; }
  .modal .modal-content .modal-body .etapa .hld-bts a.bt-voltar { margin-right: 5px; }
  .modal .modal-content .modal-body .resultado .infos .txt-legal { font-size: 0.8em; }

  .modal .modal-content .modal-body .etapa .inelegivel { padding: 50px 25px; }
  .modal .modal-content .modal-body .etapa .inelegivel .hld-bts { flex-direction: column; }
  .modal .modal-content .modal-body .etapa .inelegivel .bt { margin: 20px 10px 0 10px; }

  .modal .modal-content { padding: 30px; }

  .modal-content .mdl-scrl { max-height: calc(90vh - 190px); }
  .modal.modal-info .modal-content { padding: 40px 15px 30px 30px; }
  .modal .modal-content .modal-body .conteudo h2 { font-size: 2.8em; margin-bottom: 50px; }
}
@media (max-width: 568.98px) {
  /* XXXS */
  nav.universidade-gratuita .holder { justify-content: space-around; }
  nav.universidade-gratuita .holder .logo img { height: 50px; }
  nav.universidade-gratuita .holder .logo-universidade img { width: 70px; }

  main .topo .form .hld-input.flex { display: block; }
  main .topo .form .hld-input.flex label { width: 100%; }
  main .topo .form .hld-input.flex .radio { display: inline-block; }
  main .topo .form .checkbox label br { display: none; }

  main .faq .filtro { width: 100%; }
  main .faq .filtro .txt { display: block; }
  main .faq .filtro .hld-select { display: block; margin-left: 0; }
  main .faq .filtro .hld-select select { font-size: 1.4em; }
  main .faq .grid .grid-sizer { width: 100%; }
  main .faq .grid .box { width: 100%; }

  .modal .modal-content .modal-body .sac .img { display: none; }

  .modal .modal-content .modal-body .fixo { margin-bottom: 10px; }
  .modal .modal-content .modal-body .fixo h2 { font-size: 2em; }
  .modal .modal-content .modal-body .fixo .etapas span { display: none; }
  .modal .modal-content .modal-body .fixo .etapas .hld .bull-mobile { display: block; }
  .modal .modal-content .modal-body .etapa .hld-bts { margin-top: 40px; }
  .modal .modal-content .modal-body .etapa .hld-desk { display: none; }
  .modal .modal-content .modal-body .etapa .hld-tablet { display: none; }
  .modal .modal-content .modal-body .etapa .hld-mobile { display: block; }
  .modal .modal-content .modal-body .etapa .hld-pergunta p { font-size: 1.4em; }

  .modal .modal-content .modal-body .etapa .inelegivel .hld-bts { margin-top: 0; }

  .modal .modal-content .modal-body .etapa .hld-select { min-width: 250px; }
  .modal .modal-content .modal-body .etapa .hld-select select { min-width: 250px; font-size: 1.2em; }
  .modal .modal-content .modal-body .etapa .hld-select.grd { min-width: 250px; }
  .modal .modal-content .modal-body .etapa .hld-select.grd select { min-width: 250px; }

  .modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(2) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(3) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-4 .fixo .etapas .hld .bull:nth-child(4) { background: var(--purple); }

  .modal .modal-content .modal-body.fase-5 .fixo .etapas .hld .bull:nth-child(1) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-5 .fixo .etapas .hld .bull:nth-child(2) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-5 .fixo .etapas .hld .bull:nth-child(3) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-5 .fixo .etapas .hld .bull:nth-child(4) { background: var(--purple); }
  .modal .modal-content .modal-body.fase-5 .fixo .etapas .hld .bull:nth-child(5) { background: var(--purple); }

  .modal .modal-content .modal-body.fase-6 .fixo .etapas .hld .bull { background: var(--purple); }

  .modal .modal-content .modal-body.fase-5 .resultado { display: none; }
  .modal .modal-content .modal-body .resultado h2 { font-size: 2em; }
  .modal .modal-content .modal-body .resultado a { padding: 15px; min-height: auto; }
  .modal .modal-content .modal-body .resultado .box a .hld-bt { margin-top: 15px; }
  .modal .modal-content .modal-body .resultado .box h2 { font-size: 1.6em; }
  .modal .modal-content .modal-body .resultado .box p { display: none; }
  .modal .modal-content .modal-body .resultado .infos { display: block; }
  .modal .modal-content .modal-body .resultado .infos .bt-reiniciar { text-align: center; }
  .modal .modal-content .modal-body .resultado .box a .hld-bt .bt { font-size: 1.4em; }
  .modal .modal-content .modal-body .resultado .infos { margin-top: 10px; }
  .modal .modal-content .modal-body .resultado .infos .txt-legal { margin-bottom: 10px; }

  .modal .modal-content { padding: 40px 15px 15px 15px; }

  .modal-content .mdl-scrl { max-height: calc(90vh - 150px); }
  .modal.modal-info .modal-content { padding: 40px 15px 30px 15px; }
  .modal .modal-content .modal-body .conteudo h2 { font-size: 2em; margin-bottom: 30px; }
}