@font-face {font-family: 'Proxima Nova';src: url('https://bucket-mais.s3.us-east-1.amazonaws.com/private/Fonts/ProximaNova/ProximaNova-Regular.otf');font-weight: 400;}@font-face {font-family: 'Proxima Nova';src: url('https://bucket-mais.s3.us-east-1.amazonaws.com/private/Fonts/ProximaNova/ProximaNova-Bold.otf');font-weight: 700;}html {scroll-behavior: smooth;}body {display: flex;justify-content: center;margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: 'Proxima Nova', sans-serif;line-height: 1.2;letter-spacing: normal;font-weight: 400;color: var(--font-color-black);background-color: var(--background-color);}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: var(--background-scrool-color);}::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 8px;}::-webkit-scrollbar-thumb:hover {background: var(--color-hover-primary);}:root {--primary-color: #0D134C;--secondary-color: #DD303E;--terciary-color: #3483FA;--quartenary-color: #e7e7e7;--border-box-color-1: #E2E2E2;--border-container: 1px solid #D2D2D2;--border-radius-container: 10px;--background-color: #fff;--background-scrool-color: #f1f1f1;--font-color-white: #fff;--font-color-red: #DD303E;--font-color-black: #333333;--font-color-question: #343434;--font-color-answer: #000;--font-color-dark-gray: #4A4A4A;--font-color-light-gray: #999999;--color-hover-primary: #0d134cc4;--color-hover-secondary: #3483fac7;}* {box-sizing: border-box;}a {text-decoration: none;cursor: pointer;}img {-webkit-user-drag: none;object-fit: contain;width: 100%;}.container-area {display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 1080px;}.container {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1600px;margin: 0px 5%;height: 100%;@media screen and (max-width:1400px) {margin: 0px 3%;}}.button {display: flex;align-items: center;justify-content: center;width: 100%;transition: all 0.3s;border-radius: 6px;text-align: center;background: var(--terciary-color);color: var(--font-color-white);font-weight: 700;font-size: 16px;&:hover {background: var(--color-hover-secondary);}&.top {max-width: 212px;min-height: 48px;}&.footer {min-height: 54px;max-width: 335px;}}h1, h2, h3, h4, h5, h6, p {margin: 0px;}section, header, main, footer {display: flex;justify-content: center;width: 100%;}.area-1 {.container {flex-direction: row;justify-content: space-between;padding: 0px 10%;min-height: 120px;@media screen and (max-width:1500px) {padding: 0px 5%;}@media screen and (max-width:975px) {padding: 0px;}svg {width: 180px;height: 72px;}a {&::after {content: 'Acessar minha loja';@media screen and (max-width:975px) {content: 'Entrar' }}@media screen and (max-width:600px) {max-width: 90px;}@media screen and (max-width:375px) {max-width: 80px;}}}}.area-2 {.container {flex-direction: row;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/grancursosonline.com.br/lp/images/element-background-top.webp');background-position: right top;background-size: cover;background-repeat: no-repeat;@media screen and (max-width:975px) {flex-direction: column;align-items: center;background-image: none;background: var(--primary-color);padding-bottom: 65px;}.box-left {max-width: 40%;width: 100%;display: flex;flex-direction: column;gap: 15px;padding: 2% 0px 0px 10%;@media screen and (max-width:1725px) {padding: 2% 0px 0px 5%;}@media screen and (max-width:1500px) {padding-bottom: 2%;min-width: 485px;}@media screen and (max-width:975px) {align-items: center;max-width: 100%;padding: 50px 15px 15px;min-width: 100%;gap: 10px;}svg {margin-bottom: 25px;@media screen and (min-width:976px) {display: none;}}h1 {font-weight: 400;font-size: 24px;color: var(--font-color-red);line-height: 1;@media screen and (max-width:975px) {text-align: center;}}h2 {font-weight: 700;font-size: 48px;line-height: 1;color: var(--font-color-white);max-width: 560px;&::after {content: 'Seja um Granfiliado e ganhe até R$290 por venda.';@media screen and (max-width:975px) {content: 'Crie sua loja e ganhe dinheiro com suas vendas';}}@media screen and (max-width:975px) {text-align: center;}@media screen and (max-width:375px) {font-size: 32px;}}}.box-right {display: flex;align-items: center;width: 100%;@media screen and (max-width:1500px) {margin-top: auto;}@media screen and (max-width:975px) {margin-top: 0px;justify-content: center;padding: 0px 15px;}img {max-height: 390px;@media screen and (max-width:1500px) {max-width: 25vw;min-width: 285px;}@media screen and (max-width:975px) {display: none;}}.content {display: flex;flex-direction: column;align-items: center;width: 100%;gap: 25px;margin-left: -25%;margin-top: 45px;@media screen and (max-width:1725px) {margin-left: -5%;margin-right: 5%;}@media screen and (max-width:1500px) {margin-top: 0px;}@media screen and (max-width:975px) {margin: 0px;}p {font-size: 20px;line-height: 1;color: var(--font-color-white);text-align: center;max-width: 295px;@media screen and (max-width:975px) {margin: 15px 0px;max-width: 350px;}}a {&::after {content: 'Participe já';@media screen and (max-width:975px) {content: 'Participar do Programa' }}}}}}}.area-3 {padding-top: 25px;.container {border: var(--border-container);border-radius: var(--border-radius-container);padding: 0px 30px;flex-direction: row;max-width: 1185px;gap: 15px;@media screen and (max-width:975px) {flex-direction: column;border: none;}.box-left {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50%;@media screen and (max-width:975px) {max-width: 100%;}img {max-width: 420px;}}.box-right {display: flex;width: 100%;justify-content: center;align-items: center;p {max-width: 385px;width: 100%;font-size: 20px;color: var(--font-color-black);@media screen and (max-width:975px) {display: none;}}.mobile {display: flex;flex-direction: column;align-items: center;width: 100%;gap: 30px;margin-top: -35px;h2 {font-size: 32px;font-weight: 400;color: var(--font-color-black);max-width: 370px;line-height: 1;text-align: center;}.list-box {display: flex;flex-direction: column;align-items: center;width: 100%;gap: 20px;p {font-size: 16px;font-weight: 400;color: var(--font-color-black);max-width: 330px;@media screen and (max-width:975px) {display: flex !important;}}}@media screen and (min-width:976px) {display: none;}}}}}.area-4 {.container {padding-top: 35px;}}.area-5 {padding-top: 35px;.container {gap: 50px;max-width: 1185px;h3 {font-size: 32px;color: var(--font-color-black);line-height: 1;font-weight: 400;text-align: center;@media screen and (max-width:975px) {display: none;}}.list-box {display: flex;justify-content: space-evenly;width: 100%;gap: 20px;.box {display: flex;flex-direction: column;align-items: center;gap: 45px;.circle {display: flex;justify-content: center;align-items: center;width: 71px;height: 71px;min-width: 71px;border-radius: 50%;background: var(--terciary-color);}p {font-weight: 400;font-size: 20px;max-width: 270px;color: var(--font-color-dark-gray);line-height: 1.4;text-align: center;}&:nth-child(2) {p {max-width: 260px;}}&:last-child {p {max-width: 230px;}}}&.desk {@media screen and (max-width:975px) {display: none;}}&.mobile {display: none;@media screen and (max-width:975px) {display: flex;flex-direction: column;gap: 30px;.box {gap: 15px;img {width: 46px;height: 46px;}strong {font-size: 20px;text-align: center;color: var(--font-color-dark-gray);}p {font-size: 14px;font-weight: 400;color: var(--font-color-light-gray);text-align: center;}&:not(:last-child) {&::after {content: ' ';border-bottom: 1px solid var(--border-box-color-1);width: 65px;min-width: 65px;margin-top: -5px;margin-bottom: 10px;}}}}}}}}.area-6 {padding-top: 120px;@media screen and (max-width:975px) {padding-top: 45px;}.container {border: var(--border-container);border-radius: var(--border-radius-container);max-width: 1185px;padding: 45px;flex-direction: row;gap: 15px;align-items: flex-start;@media screen and (max-width:975px) {flex-direction: column-reverse;padding: 45px 10px;}.box-left {display: flex;flex-direction: column;gap: 45px;@media screen and (max-width:975px) {max-width: 100%;width: 100%;align-items: center;}h4 {font-size: 32px;font-weight: 400;color: var(--font-color-black);line-height: 1;max-width: 480px;@media screen and (max-width:975px) {text-align: center;margin-top: 35px;}&::after {content: 'Por que se tornar um Granfiliado é a sua MELHOR escolha?';@media screen and (max-width:975px) {content: 'Seja afiliado da maior escola de pós graduação da América Latina';}}}.list-box {display: flex;flex-direction: column;gap: 25px;@media screen and (max-width:975px) {gap: 15px;}@media screen and (max-width:510px) {margin-right: auto;}.box {display: flex;flex-direction: column;gap: 5px;strong {font-size: 16px;font-weight: 400;color: var(--font-color-black);text-transform: uppercase }p {font-size: 14px;font-weight: 400;color: var(--font-color-light-gray);max-width: 350px;}&.mobile {display: flex;@media screen and (min-width:976px) {display: none;}}&.desk {display: none;@media screen and (min-width:976px) {display: flex;}}}}}.box-right {display: flex;align-items: center;flex-direction: column;gap: 35px;width: 100%;max-width: 50%;@media screen and (max-width:975px) {max-width: 100%;}img {max-width: 445px;}a {&::after {content: 'Quero ser um Granfiliado e Lucrar Agora!';@media screen and (max-width:975px) {content: 'Participar do Programa';}}@media screen and (max-width:975px) {max-width: 212px;min-height: 48px;}}}}}.area-7 {padding-top: 80px;@media screen and (max-width:975px) {padding-top: 60px;}.container {gap: 5px;h5 {font-size: 32px;font-weight: 400;text-align: center;line-height: 1;color: var(--font-color-black);}p {font-weight: 400;font-size: 14px;text-align: center;max-width: 380px;color: var(--font-color-light-gray);padding-bottom: 50px;@media screen and (max-width:975px) {padding-bottom: 35px;}}.list-box {display: flex;justify-content: space-evenly;width: 100%;gap: 25px;@media screen and (max-width:975px) {gap: 0px;flex-direction: column;}.box {display: flex;flex-direction: column;align-items: center;gap: 15px;.circle {display: flex;justify-content: center;align-items: center;width: 71px;height: 71px;min-width: 71px;border-radius: 50%;background: var(--primary-color);}strong {font-size: 20px;text-align: center;font-weight: 400;text-align: center;color: var(--font-color-dark-gray);}p {font-weight: 400;color: var(--font-color-light-gray);font-size: 14px;text-align: center;max-width: 172px;}}}}}.area-faq {background: var(--quartenary-color);padding: 35px 0px;@media screen and (max-width:975px) {margin-top: 10px;}.container {.faq-title {font-weight: 400;font-size: 32px;line-height: 1;color: var(--font-color-black);text-align: center;}.faq-container {max-width: 1185px;margin: 0 auto;display: flex;flex-direction: column;gap: 10px;padding-top: 60px;padding-bottom: 25px;width: 100%;@media screen and (max-width:950px) {padding-top: 35px;}.faq-item {border-radius: 4px;overflow: hidden;.faq-button {width: 100%;padding: 8px 10px;min-height: 36px;display: flex;justify-content: space-between;background-color: var(--quartenary-color);align-items: center;border: none;cursor: pointer;text-align: left;gap: 15px;outline: none;box-shadow: none;span {font-weight: 400 !important;color: var(--font-color-question) !important;font-size: 20px !important;line-height: 1.2 !important;font-family: 'Proxima Nova', sans-serif !important;}.toggle-icon {transition: transform 0.5s;svg {width: 20px;height: 20px;path {stroke: var(--primary-color);}}}}.answer {padding: 1rem;width: 100%;font-size: 20px !important;font-weight: 400 !important;color: var(--font-color-answer) !important;font-family: 'Proxima Nova', sans-serif !important;a, h1, h2, span, td, p {font-size: 20px !important;font-weight: 400 !important;color: var(--font-color-answer) !important;font-family: 'Proxima Nova', sans-serif !important;margin: 0px !important;padding: 0px !important;}&.hidden {display: none;}}}}}}.area-8 {padding: 45px 0px;@media screen and (max-width:975px) {padding: 25px 0px;}.container {max-width: 1185px;padding: 30px;background: var(--primary-color);gap: 25px;h6 {font-size: 30px;font-weight: 700;color: var(--font-color-white);line-height: 1;text-align: center;&::after {content: 'Vai deixar essa passar?';@media screen and (max-width:975px) {content: 'Participe e comece a ganhar dinheiro';}}}a {&::after {content: 'Participe já';@media screen and (max-width:975px) {content: 'Participar do Programa';}}}}}.area-footer {.container {.box-footer {width: 100%;padding: 10px 0px;display: flex;font-weight: 400;justify-content: space-between;font-size: 14px;color: var(--font-color-light-gray);@media screen and (max-width:650px) {flex-direction: column;align-items: center;gap: 5px;}a {color: var(--font-color-light-gray);}}}}