._field-wrapper{position: relative;} ._error {display: block;position: absolute;font-size: 14px;z-index: 10000001;} ._error._above, ._error._below {top: 5px;right: 0;} ._error._above ._error-arrow, ._error._below ._error-arrow {left: -8px;bottom: 50%;border-style: solid;border-width: 7px 5px 0 5px;border-color: #ea3535 transparent transparent transparent;transform: translateY(50%) rotate(90deg);} ._error-inner {padding: 2px 10px 4px;background-color: #ea3535;font: 500 13px/20px 'Mulish';color: #ffffff;text-align: center;text-decoration: none;border-radius: 3px;} ._error-arrow {position: absolute;width: 0;height: 0;} ._320 ._error {/* right: 10px; *//* width: max-content; *//* top: -10px; */} ._320 ._error-inner{padding: 1px 10px 1px;font-size: 12px;} ._320 ._error._above ._error-arrow {display: none;} /* Formulario Checkout Populado */ .boxFormulario {opacity: 0;position: fixed;width: 100%;height: 100%;background: #000000db;z-index: 99999999999;transition: all 0.5s ease;display: flex;align-items: center;justify-content: center;visibility: hidden;} .boxFormulario .centro {border-radius: 24px;background: #FFF;width: calc(100% - 20px);max-width: 540px;padding: 32px;position: relative;} .boxFormulario .centro a.fechar:link, .boxFormulario .centro a.fechar:active, .boxFormulario .centro a.fechar:visited{content: 'X';position: absolute;display: block;height: 25px;width: 25px;top: 0;right: 0;color: #959595;text-align: center;font-family: Mulish;font-size: 20px;font-style: normal;font-weight: 800;line-height: 20px; /* 100% */z-index: 2;border-radius: 0px 8px 0px 8px;background: #F1F1F1;transition: all ease 0.5s;} .boxFormulario .centro a.fechar:hover{color: #000;background: #ccc;} .boxFormulario .centro h2 {display: block;margin: 0 auto 16px;color: #131B37;text-align: center;font-family: Mulish;font-size: 20px;font-style: normal;font-weight: 900;line-height: 28px; /* 140% */} .boxFormulario .centro p {display: block;margin: 0 auto;color: #7D5817;text-align: center;font-family: Mulish;font-size: 16px;font-style: normal;font-weight: 800;line-height: 28px; /* 175% */margin-bottom: 16px;} .boxFormulario .centro span {display: block;margin: 0 auto; /* 175% */color: #ADB2B9;text-align: center;font-family: Mulish;font-size: 12px;font-style: normal;font-weight: 400;line-height: 17px; /* 141.667% */max-width: 300px;} .boxFormulario .centro span a:link, .boxFormulario .centro span a:active, .boxFormulario .centro span a:visited{color: #ADB2B9;font-family: Mulish;font-size: 12px;font-style: normal;font-weight: 400;line-height: 17px;text-decoration-line: underline;transition: all ease 0.5s;} .boxFormulario .centro span a:hover{color: #000;} .boxFormulario .centro form {margin: 0 auto 16px;width: 100%;} .boxFormulario .centro input {border-bottom: 1px solid #7E7E7E;display: inline-flex;margin-bottom: 16px; /* 112.5% */color: #878787;font-family: Mulish;font-size: 17px;font-style: normal;font-weight: 400;line-height: normal;border-radius: 150px;border: 1px solid #ADADAD;padding: 8px 30px;width: 100%;max-width: initial;transition: all ease 0.5s;} .boxFormulario .centro input::placeholder {} .boxFormulario .centro input:hover {border-color: #555;} .boxFormulario .centro input:focus {border-color: #555;} .boxFormulario .centro button {display: block;background: #B99961;border-radius: 150px;padding: 21px 10px;width: 100%;box-shadow: 0px 4px 4px 0px #00000040, 0px 0px 20px 0px transparent, inset 0px -2px 7px transparent;transition: all 0.5s ease;outline: 1px solid transparent;cursor: pointer;} .boxFormulario .centro button:hover {background: #dda04d; box-shadow: 0px 4px 4px 0px transparent, 0px 0px 20px 0px #fff6df73, inset 0px -2px 7px #ffffff2e; outline: 1px solid #a47b26;} .boxFormulario .centro button b{display: block;font: 900 17px/20px 'Mulish';color: #FFFFFF;text-align: center;transition: all 0.5s ease;} .boxFormulario .centro button:hover b{text-shadow: 0 1px 1px #0000005e;} ._320 .boxFormulario .centro {padding: 15px 20px;} ._320 .boxFormulario .centro h2 {line-height: 23px;margin-bottom: 10px;} ._320 .boxFormulario .centro p {line-height: 18px;max-width: 200px;} ._320 .boxFormulario .centro button b{font-size: 16px;line-height: 16px;} .boxFormulario.ativo {opacity: 1;visibility: visible;} .boxFormulario .centro figure {display: flex;width: 269px;height: 22px;padding: 0.321px 0px 0.078px 0px;justify-content: center;align-items: center;flex-shrink: 0;margin: 0 auto;} /* config geral para os botoes */ a.botoes:link, a.botoes:visited, a.botoes:active{display: block;background: #B99961;border-radius: 8px;padding: 16px 10px;width: 100%;max-width: 368px;box-shadow: 0px 4px 4px 0px #00000040, 0px 0px 20px 0px transparent, inset 0px -2px 7px transparent; transition: all 0.5s ease;outline: 1px solid transparent;} a.botoes:hover{background: #dda04d; box-shadow: 0px 4px 4px 0px transparent, 0px 0px 20px 0px #fff6df73, inset 0px -2px 7px #ffffff2e; outline: 1px solid #a47b26;} a.botoes b{display: block; font: 700 16px/20px 'Mulish'; color: #FFFFFF; text-align: center; transition: all 0.5s ease;} a.botoes:hover b{text-shadow: 0 1px 1px #0000005e;} body{position: relative;} .desktop{display: block;} ._320 .desktop{display: none;} /* Main */ main{width: 100%; position: relative; overflow: clip;} /* Section - Barra Fixa */ section.barraFixa{background: #A91614;padding: 16px;position: fixed;z-index: 100;width: 100%;top: 0;} section.barraFixa .centro{display: flex;align-items: center;justify-content: space-between;gap: 20px;width: 100%;max-width: 1110px;margin: 0 auto;} section.barraFixa .centro h2{color: #FFF;font-family: Mulish;font-size: 22px;font-style: normal;font-weight: 700;line-height: 130%; /* 41.6px */letter-spacing: 0.44px;width: 100%;max-width: 877px;} section.barraFixa .centro a:link, section.barraFixa .centro a:active, section.barraFixa .centro a:visited{max-width: 200px;background: #fff;} section.barraFixa .centro a b{color: #a91614;} /* Section - Topo */ section.topo{background: #090808;padding: 28px 20px 0px;text-align: center;position: relative;} ._1000 section.topo{min-height: 943px;background: url("../img/bgTopo.webp?123") top 261px center no-repeat #090808;margin-top: 84px;} ._1000 section.topo::before{content: "";display: block;position: absolute;width: 681px;height: 444px;top: -214px;left: 50%;transform: translateX(-50%);user-select: none;z-index: 0;pointer-events: none;border-radius: 681px;opacity: 0.7;background: rgba(201, 43, 43, 0.60);filter: blur(150px);} section.topo h1{width: 100%;max-width: 566px;margin: 0 auto 24px;position: relative;z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 24px;} section.topo h1 figure{width: 100%; max-width: max-content; text-align: center;} section.topo h1 figure span.logo{display: flex;margin-top: 10px;font: 600 10px/14px 'Open Sans';letter-spacing: 1.30em;color: #A38152;align-items: center;justify-content: center;transform: translateX(12px);color: #A38152;font-family: "Open Sans";font-size: 12.533px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 16.293px;} section.topo h1 figure img{user-select: none;} section.topo h1 span.carreiraDiplomatica{display: block;width: 100%;max-width: 300px;position: relative;font: 400 14px/18px 'Mulish'; background-clip: text;color: #D4BBBB;letter-spacing: 0.01em;z-index: 2; padding-left: 25px;} section.topo h1 span.carreiraDiplomatica img{width: 100%; max-width: 228px; user-select: none;} section.topo h1 span.carreiraDiplomatica::after{position: absolute;content: '';width: 1px; height: 34px;transform: translateY(-50%);left: 0px;top: 50%;background: #FFFFFF33;} section.topo h2{width: 100%;max-width: 712px;margin: 0 auto 16px;font: 700 30px/34px 'Mulish';background: linear-gradient(180deg, #DED1AB 0%, #F1E6C9 56.89%, #FFF6DF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 2;text-transform: uppercase;} section.topo > p{width: 100%;max-width: 786px;margin: 0 auto 36px;font: 300 16px/20px 'Mulish';color: #FFFFFF;position: relative;z-index: 2;} section.topo > p b{font-weight: 700;} section.topo article{width: 100%;max-width: 631px;margin: 0 auto 352px;border-radius: 8px;border: 1px solid #484848;background: linear-gradient(180deg, rgba(191, 184, 171, 0.11) 25.49%, rgba(47, 47, 47, 0.15) 100%);backdrop-filter: blur(2px);display: flex;justify-content: center;align-items: center;gap: 24px;padding: 40px 62px;flex-direction: column;} section.topo article h3{color: rgba(255, 255, 255, 0.90);font-family: Mulish;font-size: 24px;font-style: normal;font-weight: 400;line-height: 34px; /* 135.714% */width: 100%;/* max-width: 465px; */text-align: unset;text-align: center;} section.topo article h3 b{font-weight: 700;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: 18%;text-underline-position: from-font;} section.topo article .container{width: 100%;max-width: 400px;} section.topo article .container p{margin-bottom: 24px;} section.topo article .container p b{display: block;color: #fff;text-align: center;font-family: Mulish;font-size: 16px;font-style: normal;font-weight: 300;line-height: normal;} section.topo article .container p b em{color: #878787;font-family: Mulish;font-size: 16px;font-style: normal;font-weight: 300;line-height: normal;text-decoration-line: line-through;} section.topo article .container p i{display: block;margin: 6px 0;} section.topo article .container p i strong{color: #FFF;text-align: center;font-family: Mulish;font-size: 28px;font-style: normal;font-weight: 700;line-height: 24px; /* 85.714% */letter-spacing: -0.56px;} section.topo article .container p i em{color: #F5C87C;text-align: center;font-family: Mulish;font-size: 56px;font-style: normal;font-weight: 700;line-height: 50px; /* 89.286% */letter-spacing: -3.92px;margin-left: 2px;} section.topo article .container p i em s{text-decoration: none;font-size: 44px;font-style: normal;font-weight: 700;line-height: 40px;margin-left: 2px;} section.topo article .container p u{display: block;color: #878787;font-family: Mulish;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.42px;text-decoration: none;} section.topo article .container p u em{color: #EBE8E8;font-weight: 700;} section.topo article .container a{max-width: initial;} section.topo > a:link, section.topo > a:visited, section.topo > a:active{margin: 0 auto 67px;max-width: 532px;} section.topo ul{width: 100%;max-width: 1099px;margin: 0 auto; display: flex; flex-direction: column; gap: 48px; text-align: left;} section.topo ul li{display: flex; justify-content: space-between; gap: 34px; background: linear-gradient(180deg, #201818 0%, #090808 100%); border: 1px solid #484848; border-radius: 8px; padding: 56px 61px;} section.topo ul li .apresentacao{width: 100%; max-width: 465px;} section.topo ul li .apresentacao figure{user-select: none; margin-bottom: 24px;} section.topo ul li .apresentacao figure img{border-radius: 8px;} section.topo ul li .apresentacao span{display: inline-block; font: 700 14px/16px 'Mulish'; color: #fff; font-style: italic; width: fit-content; border-radius: 100px; border: 1px solid #545454; padding: 8px 16px;} section.topo ul li .apresentacao span:first-of-type{margin: 0 10px 10px 0 } section.topo ul li .apresentacao span b{font-weight: 700; color: #FACD7F;} section.topo ul li .valor{width: 100%; max-width: 471px;} section.topo ul li .valor h3{font: 700 32px/38px 'Mulish'; background: linear-gradient(180deg, #DED1AB 0%, #F1E6C9 56.89%, #FFF6DF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: 16px;} section.topo ul li .valor p{font: 400 16px/22px 'Mulish'; color: #B7B7B7; border-bottom: 1px solid #292929; padding-bottom: 24px; margin-bottom: 24px;} section.topo ul li .valor span{display: block; font: 400 16px/20px 'Mulish';} section.topo ul li .valor span.precoAnterior{color: #fff; margin-bottom: 6px;} section.topo ul li .valor span.precoAnterior b{display: block; font-weight: 400; text-decoration-line: line-through; color: #878787;} section.topo ul li .valor span.precoAtual{display: flex;gap: 2px;width: fit-content;align-items: flex-end;margin-bottom: 10px;} section.topo ul li .valor span.precoAtual i{font-weight: 700;font-size: 24px;line-height: 34px;letter-spacing: -0.02em;color: #FFFFFF;margin-right: 3px;} section.topo ul li .valor span.precoAtual em{font-weight: 700; font-size: 50px; line-height: 50px; letter-spacing: -0.04em; color: #F5C87C;} section.topo ul li .valor span.precoAtual strong{font-weight: 700; font-size: 40px;line-height: 42px;color: #F5C87C;} section.topo ul li .valor span.cartao{font-size: 14px; line-height: 20px; font-weight: 300; letter-spacing: -0.03em; color: #878787; margin-bottom: 24px;} section.topo ul li .valor span.cartao b{font-weight: 600; color: #EBE8E8;} section.topo ul li .valor .links{display: flex; gap: 24px; align-items: center;} section.topo ul li .valor .links a.botoes{max-width: 231px;} section.topo ul li .valor .links a.pdf:link, section.topo ul li .valor .links a.pdf:visited, section.topo ul li .valor .links a.pdf:active{display: block; font: 600 16px/20px 'Mulish'; color: #949494; width: 109px; text-decoration-line: underline; transition: all 0.5s ease;} section.topo ul li .valor .links a.pdf:hover{color: #F2F2F2;} section.topo ul li .valor span.aviso{margin-top: 6px;font: 700 16px/19px 'Mulish';letter-spacing: -0.02em;color: #7E7E7E;font-style: italic;max-width: 230px;} /* Section - Box CTA */ section.boxCTA{background: linear-gradient(180deg, #090808 0%, #121010 100%); padding: 0 20px;} section.boxCTA .box{width: 100%;max-width: 1168px;padding: 69px 20px;margin: 0 auto;border: 1px solid #C8A466;background: linear-gradient(180deg, #201818 0%, #090808 100%);border-radius: 8px;text-align: center;} section.boxCTA .box h3{font: 700 32px/40px 'Mulish';background: linear-gradient(180deg, #DED1AB 0%, #F1E6C9 56.89%, #FFF6DF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 4px;} section.boxCTA .box span.melhoresProfessores{display: block; font: 400 16px/20px 'Mulish'; color: #FFFFFF; margin-bottom: 73px;} /* 3 cursos - CRE / CRQ / PPP */ section.boxCTA .box ul{width: 100%; max-width: 880px; margin: 0 auto 70px;display: flex; justify-content: space-between; gap: 20px; align-items: center;} section.boxCTA .box ul li{text-align: left; position: relative; width: 100%; max-width: 310px;} section.boxCTA .box ul li:not(:first-child){padding-left: 43px;} section.boxCTA .box ul li:not(:first-child)::before{position: absolute; content: ''; width: 12px; height: 13px; transform: translateY(-50%); top: 50%; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Cpath fill='%23E6E6E6' d='M4.58 12.012v-4.75H0V4.774h4.616V0h2.792v4.773H12v2.49H7.396v4.75H4.58Z'/%3E%3C/svg%3E");} section.boxCTA .box ul li span{display: block;} section.boxCTA .box ul li span.acesso{font: 400 14px/18px 'Mulish'; color: #C6C6C6; margin-bottom: 10px;} section.boxCTA .box ul li span.bonus{font: 700 14px/18px 'Mulish';color: #F5C87C;margin-top: 11px;width: 100%;max-width: 139px;padding: 2px 12px 3px 20px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='139' height='26' fill='none'%3E%3Cpath fill='%23193441' d='M0 0h139v26H0l9.101-13L0 0Z'/%3E%3C/svg%3E") center left no-repeat;} section.boxCTA .box ul li figure{user-select: none;} /* Desconto de 10 mil */ section.boxCTA .box .desconto{width: 100%;max-width: 542px;margin: 0 auto 32px;padding: 28px 20px 38px;border-top: 1px solid #1A3544;border-bottom: 1px solid #1A3544} section.boxCTA .box .desconto h4{font: 700 30px/44px 'Mulish'; color: #FFFFFF; font-style: italic;} section.boxCTA .box .desconto h4 b{font-weight: 700; color: #F5C87C; font-style: italic;} section.boxCTA .box .desconto p{font: 600 20px/30px 'Mulish'; color: #FFFFFF; letter-spacing: -0.02em; margin-bottom: 32px;font-style:italic;} section.boxCTA .box .desconto p em{display: block; font: 300 16px/20px 'Mulish'; letter-spacing: -0.02em;} section.boxCTA .box .desconto p em b{font-weight: 700;} section.boxCTA .box .desconto .precoAnterior{display: block;font: 400 16px/20px 'Mulish'; color: #878787; margin-bottom: 12px;} section.boxCTA .box .desconto .precoAnterior s{font-weight: 400; } section.boxCTA .box .desconto .precoAnterior b{display: block; font-weight: 400; color: #FFFFFF;margin-top: 4px;} section.boxCTA .box .desconto .precoAtual{width: fit-content;max-width: 350px;display: flex;justify-content: space-between;align-items: flex-end;margin: 0 auto 19px;gap: 10px;} section.boxCTA .box .desconto .precoAtual i{display: block;font: 700 32px/32px 'Mulish';color: #FFFFFF;letter-spacing: -0.06em;} section.boxCTA .box .desconto .precoAtual em{display: block; font: 700 80px/72px 'Mulish'; color: #F5C87C;} section.boxCTA .box .desconto .precoAtual strong{display: block; font: 700 40px/40px 'Mulish'; color: #F5C87C;} section.boxCTA .box .desconto .formasPagamento{display: block; font: 400 16px/20px 'Mulish'; color: #878787; width: 100%; max-width: 240px; margin: 0 auto;} section.boxCTA .box .desconto .formasPagamento b{font-weight: 600; color: #EBE8E8;} section.boxCTA .box > p{font: 700 20px/25px 'Mulish'; color: #FFFFFF; letter-spacing: -0.01em; margin-bottom: 28px;} section.boxCTA .box a:link, section.boxCTA .box a:visited, section.boxCTA .box a:active{margin: 0 auto; max-width: 454px;} /* Section - Disciplinas Individuais */ section.disciplinasIndividuais{padding: 56px 20px;background: linear-gradient(180deg, #121010 0%, #0E0C0C 100%);border-bottom: 1px solid #FFEFBF33;text-align: center;border-bottom: 1px solid rgba(255, 239, 191, 0.20);background: #080707;} section.disciplinasIndividuais h2{width: 100%;max-width: 821px;margin: 0 auto 20px;font: 400 32px/40px 'Mulish';color: #F5C87C;} section.disciplinasIndividuais h2 b{font-weight: 700;/* text-decoration-line: underline; *//* color: #F8F7F7; */} section.disciplinasIndividuais span{display: block; font: 400 26px/33px 'Mulish'; color: #FFF; letter-spacing: -0.01em; margin-bottom: 64px;} section.disciplinasIndividuais ul{width: 100%;max-width: 819px; display: flex;flex-wrap: wrap; justify-content: center; margin: 0 auto 64px;} section.disciplinasIndividuais ul li{position: relative; width: 100%; flex-basis: 33%; max-width: 273px; font: 700 20px/25px 'Mulish'; color: #CDCDCD; letter-spacing: 0.01em; padding: 12px 8px; border: 1px solid #413F3F;} section.disciplinasIndividuais p{width: 100%;max-width: 746px;margin: 0 auto 31px;font: 400 20px/26px 'Mulish';color: #FFF;} section.disciplinasIndividuais p b{font-weight: 700;text-decoration: underline;} section.disciplinasIndividuais a:visited, section.disciplinasIndividuais a:link, section.disciplinasIndividuais a:active{max-width: 492px; margin: 0 auto;} section.disciplinasIndividuais a b{font-size: 18px; line-height: 23px;} /* section - Professores */ section.professores{width: 100%;padding: 96px 20px 8px;background: #0E0C0C;} section.professores h2{font: 700 32px/40px 'Mulish';color: #F5C87C;text-align: center;margin-bottom: 8px;} section.professores > span{display: block; font: 400 16px/20px 'Mulish';text-align: center;color: #FFFFFF;margin-bottom: 40px;} section.professores .splide{margin: 0 -20px 80px;position: relative;} section.professores .splide .splide__track{position: relative;} ._1000 section.professores .splide .splide__track::before{position: absolute;content: '';height: 100%;width: calc(100% - 1110px);z-index: 1;pointer-events: none; background: linear-gradient(270deg, rgba(16, 25, 35, 0) 0%, #101923 100%); top: 0; left: 0;} ._1000 section.professores .splide .splide__track::after{position: absolute;content: '';height: 100%;width: calc(100% - 1110px);z-index: 1;pointer-events: none; background: linear-gradient(90deg, rgba(16, 25, 35, 0) 0%, #101923 100%); top: 0; right: 0;} section.professores .splide li img{width: 100%;height: 100%;user-select: none;border-radius: 16px;object-fit: cover;} section.professores .splide .splide__pagination{position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);filter: brightness(1.5);} section.professores .splide .splide__pagination li{width: max-content;} section.professores .splide .splide__pagination li .splide__pagination__page.is-active{background: #A47B26;width: 48px;border-radius: 80px;transform: none;} section.professores .splide .splide__pagination li .splide__pagination__page{background: #C1C1C1;transition: all ease 0.5s;} section.professores .splide .splide__arrows{position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;z-index: 10;} section.professores .splide .splide__arrows .splide__arrow{background: #D7BA80;border: 1px solid #00000040;opacity: 1;transition: all 0.5s ease;width: 43px;height: 43px;} section.professores .splide .splide__arrows .splide__arrow:hover{filter:brightness(1.2);} section.professores .splide .splide__arrows .splide__arrow svg{fill: #110E09;width: 14px;} section.professores .splide .splide__arrows .splide__arrow--next{right: -430px;} section.professores .splide .splide__arrows .splide__arrow--prev{left: -430px;} section.professores .splide .splide__track{} section.professores .splide .splide__track .splide__list{} section.professores .splide .splide__track .splide__list .splide__slide{width: 100%;max-width: 252px;min-width: 252px;height: 355px;overflow:clip;position: relative;} section.professores .splide .splide__track .splide__list .splide__slide::before{content:"";display: block;position: absolute;width: 100%;height: 64px;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 0 0 16px 16px;background: linear-gradient(180deg, rgba(14, 33, 45, 0) 0%, #0E212D 100%);user-select: none;} section.professores .splide .splide__track .splide__list .splide__slide span{position: absolute;display: block;bottom: 15px;transform: translateX(-50%);left: 50%;text-align: center;width: max-content;} section.professores .splide .splide__track .splide__list .splide__slide span b{display: block;font: 700 18px/22px 'Mulish';color: #F9F9F9;background: #040301;padding: 8px;width: max-content;margin: 0 auto;} section.professores .splide .splide__track .splide__list .splide__slide span em{display: block;font: 700 16px/22px 'Mulish';color: #0E212D;background: #FACD7F;padding: 2px 8px;width: max-content;margin: 0 auto;} section.professores .splide .splide__track .splide__list .splide__slide span i{display: block;font: 600 14px/22px 'Mulish';color: #FFFFFF;padding: 0px 8px;width: max-content;margin: 3px auto 0;min-height: 22px;text-align: center;} /* Section - FAQ */ section.faq{background: #0E0C0C; padding: 96px 20px; text-align: center;} section.faq h2{font: 400 32px/40px 'Mulish'; color: #F5C87C; margin-bottom: 8px;} section.faq span{display: block; font: 700 20px/25px 'Mulish'; color: #FFF; margin-bottom: 40px;} section.faq ul{text-align: left; width: 100%; max-width: 649px; margin: 0 auto 93px;} section.faq ul li{padding: 16px 0 21px; transition: all 0.5s ease; overflow: hidden;} section.faq ul li:first-child{padding-top: 0} section.faq ul li:last-child{padding-bottom: 0;} section.faq ul li:not(:last-child){border-bottom: solid 1px #63636359;} section.faq ul li h3{position: relative;font: 600 18px/27px 'Mulish';color: #BABABA; transition: all 0.5s ease;cursor: pointer;padding-right: 30px;} section.faq ul li.ativo h3{color: #FACD7F;} section.faq ul li h3::after{position: absolute;content: '';width: 15px;height: 2px;background: #707070;right: 0;top: 10px;transition: all 0.5s ease;transform: rotate(0deg);} section.faq ul li h3::before{position: absolute;content: '';width: 15px;height: 2px;background: #707070;right: 0;top: 10px;transform: rotate(90deg);transition: all 0.5s ease;} section.faq ul li.ativo h3::after{background: #E27526; transform: rotate(45deg)} section.faq ul li.ativo h3::before{background: #E27526; transform: rotate(135deg);} section.faq ul li p{font: 400 16px/24px 'Mulish';color: #A7B5CE;margin-top: 0;height: 0;opacity: 0;visibility: hidden;padding-right: 30px;} section.faq ul li.ativo p{margin-top: 9px; height: fit-content; opacity: 1; visibility: visible; transition: all 0.5s ease;} section.faq > p{font: 700 20px/25px 'Mulish'; color: #FFFFFF; max-width: 462px; margin: 0 auto 24px; text-align: center;} section.faq a:active, section.faq a:visited, section.faq a:link{margin: 0 auto; max-width: 348px} section.faq a b{position: relative; padding-left: 32px; width: fit-content; margin: 0 auto;} section.faq a b::before{position: absolute; content: ''; width:24px; height: 24px; transform: translateY(-50%); left: 0; top: 50%;transition: all 0.5s ease; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.05 4.91005C18.1331 3.98416 17.0411 3.25002 15.8376 2.75042C14.634 2.25081 13.3431 1.99574 12.04 2.00005C6.58005 2.00005 2.13005 6.45005 2.13005 11.9101C2.13005 13.6601 2.59005 15.3601 3.45005 16.8601L2.05005 22.0001L7.30005 20.6201C8.75005 21.4101 10.38 21.8301 12.04 21.8301C17.5 21.8301 21.9501 17.3801 21.9501 11.9201C21.9501 9.27005 20.92 6.78005 19.05 4.91005ZM12.04 20.1501C10.56 20.1501 9.11005 19.7501 7.84005 19.0001L7.54005 18.8201L4.42005 19.6401L5.25005 16.6001L5.05005 16.2901C4.2276 14.9771 3.79097 13.4593 3.79005 11.9101C3.79005 7.37005 7.49005 3.67005 12.03 3.67005C14.23 3.67005 16.3 4.53005 17.85 6.09005C18.6177 6.85392 19.226 7.7626 19.6397 8.76338C20.0534 9.76417 20.2642 10.8371 20.26 11.9201C20.2801 16.4601 16.58 20.1501 12.04 20.1501ZM16.56 13.9901C16.31 13.8701 15.09 13.2701 14.87 13.1801C14.64 13.1001 14.48 13.0601 14.31 13.3001C14.14 13.5501 13.67 14.1101 13.53 14.2701C13.39 14.4401 13.24 14.4601 12.99 14.3301C12.74 14.2101 11.94 13.9401 11 13.1001C10.26 12.4401 9.77005 11.6301 9.62005 11.3801C9.48005 11.1301 9.60005 11.0001 9.73005 10.8701C9.84005 10.7601 9.98005 10.5801 10.1 10.4401C10.22 10.3001 10.27 10.1901 10.35 10.0301C10.43 9.86005 10.39 9.72005 10.33 9.60005C10.27 9.48005 9.77005 8.26005 9.57005 7.76005C9.37005 7.28005 9.16005 7.34005 9.01005 7.33005H8.53005C8.36005 7.33005 8.10005 7.39005 7.87005 7.64005C7.65005 7.89005 7.01005 8.49005 7.01005 9.71005C7.01005 10.9301 7.90005 12.1101 8.02005 12.2701C8.14005 12.4401 9.77005 14.9401 12.25 16.0101C12.84 16.2701 13.3 16.4201 13.66 16.5301C14.25 16.7201 14.79 16.6901 15.22 16.6301C15.7 16.5601 16.69 16.0301 16.89 15.4501C17.1 14.8701 17.1 14.3801 17.03 14.2701C16.96 14.1601 16.81 14.1101 16.56 13.9901Z' fill='%23E3E3E3'/%3E%3C/svg%3E%0A");filter: brightness(1) drop-shadow(0 1px 1px transparent);} section.faq a:hover b::before{filter: brightness(1.5) drop-shadow(0 1px 1px #0000005e);} /* section - Importante */ section.importante{width: 100%;padding: 96px 20px 117px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #FFEFBF33;} ._1000 section.importante{min-height: 1132px; background: url("../img/bgImportante.webp?123") top center no-repeat #0E0C0C;} section.importante h2{font: 700 32px/40px 'Mulish'; color: #F5C87C; margin-bottom: 21px; text-align: center;} section.importante ul{width: 100%; max-width: 695px; margin: 0 auto 527px;} section.importante ul li{font: 700 16px/32px 'Mulish'; color: #FFFFFF;} section.importante ul li b{font-weight: 700; color: #FACD7F;} section.importante p{width: 100%; max-width: 635px;font: 400 14px/24px 'Mulish'; color: #838383; text-align: center; margin: 0 auto;} /* Footer */ footer{width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 20px;} footer .centro{display: flex;width: 100%;max-width: 832px;margin: 0 auto;justify-content: space-between;align-items: center;gap: 20px;} footer .centro p{font: 400 14px/16px 'Mulish'; color: #909090; width: 100%; max-width: 313px;} footer .centro figure{user-select: none;} footer .centro .links{display: flex; width: 100%; max-width: 313px; justify-content: space-between; gap: 10px;} footer .centro .links a:link, footer .centro .links a:visited, footer .centro .links a:active{display: block; font: 400 14px/16px 'Mulish'; color: #909090; transition: all 0.5s ease;} footer .centro .links a:hover{color: #F1F1F1;} /* - - MOBILE - - */ /* config geral para os botoes */ ._320 a.botoes:link, ._320 a.botoes:visited, ._320 a.botoes:active{} ._320 a.botoes:hover{} ._320 a.botoes b{width: 100%;max-width: 220px;margin: 0 auto;} ._320 a.botoes:hover b{} /* Main */ ._320 body{background: #090808;} ._320 main{max-width: 440px; margin: 0 auto;} /* Section - Barra Fixa */ ._320 section.barraFixa{padding: 6px 20px;max-width: 440px;} ._320 section.barraFixa .centro{flex-direction: column;gap: 3px;} ._320 section.barraFixa .centro h2{font-size: 16px;max-width: 340px;} ._320 section.barraFixa .centro a:link, ._320 section.barraFixa .centro a:active, ._320 section.barraFixa .centro a:visited{padding: 8px;} /* Section - Topo */ ._320 section.topo{width: 100%;max-width: 440px;padding: 20px 20px 0px;margin: 92px auto 0;position: relative;overflow: clip;z-index: 1;background: url("../img/bgTopoMobile.webp") top 708px center no-repeat #090808;} ._320 section.topo::before{content: ""; display: block; position: absolute; width: 210px; height: 210px; border-radius: 100%; background: #9A2C2C; filter: blur(70px); top: -150px; left: 50%; transform: translateX(-50%); user-select: none; z-index: -1;} ._320 section.topo::after{content: ""; display: block; position: absolute;} ._320 section.topo h1{gap: 8px;justify-content: center;} ._320 section.topo h1 figure{} ._320 section.topo h1 figure span.logo{font-size: 6.686px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 8.692px;transform: initial;margin-top: 8px;} ._320 section.topo h1 figure img{max-width: 147px;} ._320 section.topo h1 span.carreiraDiplomatica{padding-left: 8px;max-width: fit-content;} ._320 section.topo h1 span.carreiraDiplomatica img{max-width: 136px;} ._320 section.topo h1 span.carreiraDiplomatica::after{height: 19px;} ._320 section.topo h2{max-width: 380px;font-size: 22px;font-weight: 700;line-height: 26px;text-align: center;} ._320 section.topo > p{margin: 0 auto 25px;} ._320 section.topo > p b{} ._320 section.topo article{padding: 24px 16px;display: block;margin-bottom: 227px;} ._320 section.topo article h3{color: rgba(255, 255, 255, 0.90);text-align: center;font-family: Mulish;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; /* 155.556% */margin-bottom: 24px;text-wrap: balance;} ._320 section.topo article h3 b{} ._320 section.topo article .container{} ._320 section.topo article .container p{} ._320 section.topo article .container p b{} ._320 section.topo article .container p b em{} ._320 section.topo article .container p i{} ._320 section.topo article .container p i strong{} ._320 section.topo article .container p i em{font-size: 40px;} ._320 section.topo article .container p i em s{font-size: 32px;} ._320 section.topo article .container p u{} ._320 section.topo article .container p u em{} ._320 section.topo article .container a{} ._320 section.topo > a:link, ._320 section.topo > a:visited, ._320 section.topo > a:active{max-width: 360px;margin: 0 auto; position: relative;} ._320 section.topo > a.botaoTopo{margin: 0 auto 45px;} /* Box Combo Preparacao */ ._320 section.topo ul{width: calc(100% + 20px);margin: 0 auto;margin-left: -10px;gap: 30px;} ._320 section.topo ul li{flex-direction: column;padding: 40px 20px;gap: 20px;} ._320 section.topo ul li .apresentacao{} ._320 section.topo ul li .apresentacao figure{margin-bottom: 20px;} ._320 section.topo ul li .apresentacao figure img{} ._320 section.topo ul li .apresentacao span{font-size: 10px;padding: 6px 6px;} ._320 section.topo ul li .apresentacao span:first-of-type{margin: 0 5px 5px 0;} ._320 section.topo ul li .apresentacao span:not(last-of-type){margin: 0 0 5px 0;} ._320 section.topo ul li .apresentacao span b{} ._320 section.topo ul li .valor{} ._320 section.topo ul li .valor h3{font-size: 26px;line-height: 32px;} ._320 section.topo ul li .valor p{line-height: 20px;margin-bottom: 20px;padding-bottom: 20px;} ._320 section.topo ul li .valor span{} ._320 section.topo ul li .valor span.precoAnterior{margin-bottom: 10px;line-height: 18px;} ._320 section.topo ul li .valor span.precoAnterior b{} ._320 section.topo ul li .valor span.precoAtual{} ._320 section.topo ul li .valor span.precoAtual i{} ._320 section.topo ul li .valor span.precoAtual em{} ._320 section.topo ul li .valor span.precoAtual strong{} ._320 section.topo ul li .valor span.cartao{font-size: 12px;line-height: 18px;} ._320 section.topo ul li .valor span.cartao b{} ._320 section.topo ul li .valor .links{} ._320 section.topo ul li .valor .links a.botoes{} ._320 section.topo ul li .valor .links a.pdf:link, ._320 section.topo ul li .valor .links a.pdf:visited, ._320 section.topo ul li .valor .links a.pdf:active{} ._320 section.topo ul li .valor .links a.pdf:hover{} ._320 section.topo ul li .valor span.aviso{} /* Section - Box CTA */ ._320 section.boxCTA{} ._320 section.boxCTA .box{width: calc(100% + 20px); padding: 40px 20px; margin: 0 auto; margin-left: -10px;} ._320 section.boxCTA .box h3{font-size: 20px; font-weight: 700; line-height: 28px; text-align: center; -webkit-text-fill-color: initial; color: #F5C87C; -webkit-background-clip: initial; background: transparent; margin-bottom: 16px;} ._320 section.boxCTA .box span.melhoresProfessores{margin-bottom: 40px;position: relative;} ._320 section.boxCTA .box span.melhoresProfessores::after{content: "Bônus Exclusivos";display: block; position: relative; font: 700 18px / 23px 'Mulish'; width: fit-content; color: #D0B074; left: 50%; transform: translateX(-50%); bottom: -16px;} /* 3 cursos - CRE / CRQ / PPP */ ._320 section.boxCTA .box ul{flex-direction: column; align-items: center;gap:44px;margin: 0 auto 26px;} ._320 section.boxCTA .box ul li{} ._320 section.boxCTA .box ul li:not(:first-child){padding-left: 0} ._320 section.boxCTA .box ul li:not(:first-child)::before{transform: translateX(-50%); top: -27px; left: 50%;} ._320 section.boxCTA .box ul li span{} ._320 section.boxCTA .box ul li span.acesso{} ._320 section.boxCTA .box ul li span.bonus{} ._320 section.boxCTA .box ul li figure{display: flex; justify-content: center;max-height: 51px;} /* Desconto de 10 mil */ ._320 section.boxCTA .box .desconto{margin: 0 auto 26px; padding: 26px 0px;} ._320 section.boxCTA .box .desconto h4{display: inline-block;line-height: 30px;max-width: 320px;margin: 0 auto 16px;} ._320 section.boxCTA .box .desconto h4 b{} ._320 section.boxCTA .box .desconto p{margin-bottom: 16px;} ._320 section.boxCTA .box .desconto p em{} ._320 section.boxCTA .box .desconto p em b{} ._320 section.boxCTA .box .desconto .precoAnterior{margin-bottom: 16px;} ._320 section.boxCTA .box .desconto .precoAnterior s{} ._320 section.boxCTA .box .desconto .precoAnterior b{} ._320 section.boxCTA .box .desconto .precoAtual{align-items: baseline; margin: 0 auto 16px;max-width: 300px;} ._320 section.boxCTA .box .desconto .precoAtual i{} ._320 section.boxCTA .box .desconto .precoAtual em{font: 700 60px / 60px 'Mulish';} ._320 section.boxCTA .box .desconto .precoAtual strong{} ._320 section.boxCTA .box .desconto .formasPagamento{} ._320 section.boxCTA .box .desconto .formasPagamento b{} ._320 section.boxCTA .box > p{font-size: 18px; line-height: 26px; text-align: center; margin-bottom: 16px;} ._320 section.boxCTA .box a:link, ._320 section.boxCTA .box a:visited, ._320 section.boxCTA .box a:active{} /* Section - Disciplinas Individuais */ ._320 section.disciplinasIndividuais{padding: 40px 20px;} ._320 section.disciplinasIndividuais h2{font-size: 22px;line-height: 28px;font-weight: 400;} ._320 section.disciplinasIndividuais h2 b{} ._320 section.disciplinasIndividuais span{font-size: 16px;line-height: 24px;margin-bottom: 40px;} ._320 section.disciplinasIndividuais ul{max-width: 440px;margin: 0 auto 40px;} ._320 section.disciplinasIndividuais ul li{flex-basis: 33%;max-width: initial;font-size: 14px;line-height: 18px;padding: 8px 4px;display: flex;align-items: center;justify-content: center;min-height: 54px;} ._320 section.disciplinasIndividuais p{font-size: 18px;line-height: 24px;} ._320 section.disciplinasIndividuais a:visited, ._320 section.disciplinasIndividuais a:link, ._320 section.disciplinasIndividuais a:active{padding: 10px;} ._320 section.disciplinasIndividuais a b{font-size: 16px;} /* section - Professores */ ._320 section.professores{padding: 40px 20px;} ._320 section.professores h2{font-size: 24px;line-height: 30px;max-width: 310px;margin: 0 auto 8px;} ._320 section.professores > span{max-width: 330px;margin: 0 auto 27px;} ._320 section.professores .splide{margin: 0 -20px 30px;} ._320 section.professores .splide .splide__track{} ._320 section.professores .splide .splide__track .splide__list{display: flex; gap: 24px; overflow-x: scroll; padding: 0 20px 10px !important;} ._320 section.professores .splide li img{} ._320 section.professores .splide .splide__pagination{} ._320 section.professores .splide .splide__pagination li{} ._320 section.professores .splide .splide__pagination li .splide__pagination__page.is-active{} ._320 section.professores .splide .splide__pagination li .splide__pagination__page{} ._320 section.professores .splide .splide__arrows{} ._320 section.professores .splide .splide__arrows .splide__arrow{} ._320 section.professores .splide .splide__arrows .splide__arrow:hover{} ._320 section.professores .splide .splide__arrows .splide__arrow svg{} ._320 section.professores .splide .splide__arrows .splide__arrow--next{} ._320 section.professores .splide .splide__arrows .splide__arrow--prev{} ._320 section.professores .splide .splide__track .splide__list .splide__slide{} ._320 section.professores .splide .splide__track .splide__list .splide__slide::before{} ._320 section.professores .splide .splide__track .splide__list .splide__slide span{} ._320 section.professores .splide .splide__track .splide__list .splide__slide span b{} ._320 section.professores .splide .splide__track .splide__list .splide__slide span em{} ._320 section.professores .splide .splide__track .splide__list .splide__slide span i{} ._320 section.professores p{line-height: 26px;} ._320 section.professores a:active, ._320 section.professores a:visited, ._320 section.professores a:link{} ._320 section.professores a b{max-width: fit-content;} ._320 section.professores a b::before{} ._320 section.professores a:hover b::before{} /* Section - FAQ */ ._320 section.faq{border-top: solid 1px #FFEFBF33;padding: 40px 20px;} ._320 section.faq h2{font-size: 24px;line-height: 30px;} ._320 section.faq span{font-size: 16px;line-height: 20px;font-weight: 500;} ._320 section.faq ul{margin-bottom: 60px;} ._320 section.faq ul li{} ._320 section.faq ul li:first-child{} ._320 section.faq ul li:last-child{} ._320 section.faq ul li:not(:last-child){} ._320 section.faq ul li h3{line-height: 24px;font-size: 17px;} ._320 section.faq ul li.ativo h3{} ._320 section.faq ul li h3::after{} ._320 section.faq ul li h3::before{} ._320 section.faq ul li.ativo h3::after{} ._320 section.faq ul li.ativo h3::before{} ._320 section.faq ul li p{line-height: 22px;font-size: 15px;} ._320 section.faq ul li.ativo p{} ._320 section.faq > p{line-height: 26px;} ._320 section.faq a:active, ._320 section.faq a:visited, ._320 section.faq a:link{} ._320 section.faq a b{max-width: fit-content;} ._320 section.faq a b::before{} ._320 section.faq a:hover b::before{} /* section - Importante */ ._320 section.importante{padding: 40px 20px;border-bottom: none; background: #0E0C0C;} ._320 section.importante h2{} ._320 section.importante ul{display: flex;flex-direction: column;gap: 24px;margin: 0 -20px 20px;padding: 0 20px 268px;background: url("../img/bgImportanteMobile.webp") center bottom no-repeat #0E0C0C;width: calc(100% + 40px);} ._320 section.importante ul li{line-height: 24px;font-weight: 400;} ._320 section.importante ul li b{} ._320 section.importante p{} /* Footer */ ._320 footer{position: initial;background: #0E0C0C;padding: 24px 20px 40px;} ._320 footer .centro{max-width: 440px;flex-direction: column;gap: 32px;} ._320 footer .centro p{order: 2;} ._320 footer .centro figure{order: 1;} ._320 footer .centro .links{order: 3;flex-direction: column;align-items: center;gap: 32px;} ._320 footer .centro .links a:link, ._320 footer .centro .links a:visited, ._320 footer .centro .links a:active{} ._320 footer .centro .links a:hover{} /*WHATSAPP*/ .botaoWhatsapp:link, .botaoWhatsapp:active, .botaoWhatsapp:visited{ position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; border-radius: 50px; background: #25D366; display: flex; align-items: center; justify-content: center; border: solid 1px #ffffff; box-shadow: 0 3px 0 #00000024; z-index: 100; transition: all 0.5s ease; } .botaoWhatsapp em{ display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='513' fill='none'%3E%3Cpath fill='%23fff' d='m373.291 306.825.192-1.6c.685.309 1.345.602 1.979.884 5.286 2.354 8.771 3.905 10.181 6.476 1.6 2.88 1.6 15.36-3.84 30.4-5.312 15.04-30.763 28.48-43.008 30.422-10.987 1.578-24.875 2.261-40.107-2.582-56.405-19.37-87.253-33.322-145.152-109.098-29.461-41.515-38.144-80.555-3.712-118.4 7.915-8.235 16.896-8.406 29.184-7.339.388 0 .788-.015 1.2-.031 3.78-.144 8.519-.324 13.136 10.911 2.339 5.481 6.1 14.589 9.723 23.358 4.638 11.23 9.048 21.906 9.946 23.703 1.579 3.179 2.667 6.699.534 11.179-5.018 9.496-10.245 15.263-14.144 19.565-5.351 5.903-8.203 9.049-4.587 15.294 3.755 6.4 16.469 27.2 35.413 44.16 20.355 18.212 38.065 25.888 47.051 29.784 1.75.759 3.17 1.374 4.213 1.896 6.336 2.88 10.048 2.56 13.782-1.6 3.69-4.224 15.936-18.496 20.138-24.79 5.744-8.615 10.452-6.264 50.885 13.92 2.221 1.108 4.55 2.271 6.993 3.488Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.155 253.727C2.26 30.025 273.728-84.983 437.76 73.587l-.32.833C485.547 122.335 512 186.1 512 253.855 511.915 446.9 303.787 567.86 135.147 476.767L0 512.009l36.181-131.456C13.867 342.047 2.155 298.441 2.155 253.727ZM149.12 434.569c141.376 83.115 320.128-18.581 320.256-181.418 0-56.32-22.059-109.462-62.059-149.12-40.021-40-93.162-62.08-149.781-62.08-166.656 0-267.733 183.04-179.755 323.093l5.099 8-21.44 77.76 80-20.8 7.68 4.565Z' clip-rule='evenodd'/%3E%3C/svg%3E"); width: 27px; height: 28px; background-repeat: no-repeat; background-size: contain; } .botaoWhatsapp:hover{background: #1ee167; box-shadow: 0 3px 9px 0px #00000024;} ._320 .botaoWhatsapp:link, ._320 .botaoWhatsapp:active, ._320 .botaoWhatsapp:visited{width: 40px; height: 40px;} ._320 .botaoWhatsapp em{background-size: contain;width: 22px;height: 22px;} ._320 .botaoWhatsapp:hover{}