@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');* {margin: 0;padding: 0;box-sizing: border-box;text-decoration: none;}html {scroll-behavior: smooth;}@media (pointer: coarse) {* {cursor: initial !important;}}:root {--blue-dark-color: #0464AA;--blue-light-color: #0074CA;--red-color: #ED1C24;--white-color: #fff;}body {margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-family: "Figtree", sans-serif;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: var(--white-color);}::-webkit-scrollbar-thumb {background: var(--blue-dark-color);border-radius: 8px;}::-webkit-scrollbar-thumb:hover {background: var(--blue-dark-color);}img {-webkit-user-drag: none;object-fit: contain;}.container-area {position: relative;}.container {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1300px;margin: 0 auto;padding: 0 20px;height: 100%;}.button {display: flex;justify-content: center;align-items: center;border-radius: 100px;font-weight: 900;text-decoration: none;&.register {background-color: #000;color: var(--white-color);width: 100%;max-width: 266px;height: 42px;text-align: center;&:hover {background-color: var(--white-color);color: #000;box-shadow: 0 2px 2px 0 #00000025;border: 3px solid #000;}}&.register-2 {background-color: var(--white-color);color: #000;width: 100%;max-width: 328px;height: 42px;text-align: center;@media (max-width: 358px) {font-size: 14px;}&:hover {background-color: #000;color: #fff;}}}.area-1 {width: 100%;padding-bottom: 240px;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/afiliadofunkobr.mais.com.br/lp/images/background-hero.webp');background-size: cover;background-position: bottom center;background-repeat: no-repeat;position: relative;overflow: visible;@media (max-width: 620px) {height: auto;padding-bottom: 125px;}.container {.principal-content {display: flex;flex-direction: column;align-items: center;position: relative;}.login-button {display: flex;align-items: center;justify-content: center;gap: 4px;font-size: 20px;color: var(--white-color);padding: 8px 16px;@media (max-width: 380px) {font-size: 14px;}}h1 {font-size: 80px;font-weight: 900;color: var(--white-color);text-align: center;line-height: 100%;@media (max-width: 620px) {font-size: 40px;}span {font-size: 106px;@media (max-width: 620px) {font-size: 50px;}}}}& nav {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 20px 0;a {color: var(--white-color);}}.logo-funko {max-width: 137px;max-height: 46px;}}.characters-img {position: absolute;bottom: -260px;left: 50%;transform: translateX(-50%);width: 100%;@media (max-width: 620px) {bottom: -130px;}}.area-2 {width: 100%;margin-bottom: 55px;padding-top: 28px;.container {display: flex;flex-direction: column;align-items: center;h2 {font-size: 32px;margin-bottom: 23px;text-align: center;@media (max-width: 600px) {font-size: 20px;}span {font-weight: 900;}}p {font-size: 20px;margin-top: 32px;text-align: center;font-weight: 400;line-height: 140%;@media (max-width: 600px) {font-size: 14px;}strong {font-weight: 900;}}}}.area-3 {width: 100%;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/afiliadofunkobr.mais.com.br/lp/images/background-area-3.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 52px;padding-top: 45px;.container {.title-content {color: var(--white-color);text-align: center;line-height: 200%;h2 {font-size: 32px;font-weight: 900;}h3 {font-weight: 400;}p {font-size: 20px;font-weight: 400;}}.list-box {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-top: 80px;margin-bottom: 58px;gap: 70px;.box {display: flex;flex-direction: column;max-width: 401px;width: 100%;height: 160px;background-color: var(--white-color);padding: 34px 24px 32px 34px;box-shadow: 8px 8px 0 0 rgb(0, 0, 0);overflow: visible;.red-box {position: relative;display: flex;max-width: 91px;width: 100%;height: 72px;margin-top: -80px;overflow: visible;}.text-box {display: flex;flex-direction: column;gap: 8px;margin-top: 12px;strong {font-size: 20px;font-weight: 900;@media (max-width: 440px) {font-size: 18px;}@media (max-width: 319px) {font-size: 14px;}}p {font-size: 16px;max-width: 326px;@media (max-width: 440px) {font-size: 14px;}@media (max-width: 360px) {font-size: 12px;}span {font-weight: 700;}}}}}}}.area-4 {.container {.title-content {color: #000;text-align: center;margin-top: 45px;line-height: 200%;h2 {font-size: 32px;font-weight: 900;}h3 {font-weight: 400;font-size: 20px;}}.list-box {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 40px;margin-top: 28px;margin-bottom: 43px;@media (max-width: 1120px) {padding: 0 180px;}@media (maz-width: 920px) {padding: 0 100px;}@media (max-width: 919px) {padding: 0 70px;}@media (max-width: 768px) {padding: 0;}.box {display: flex;flex-direction: column;width: 240px;height: 168px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);border-radius: 8px;padding: 16px 20px 44px 20px;gap: 10px;@media (max-width: 559px) {text-align: center;}.number-box {font-size: 60px;font-weight: 900;color: var(--blue-light-color);height: 55px;}strong {font-size: 20px;width: 90%;}}}}}.area-faq {padding-top: 65px;padding-bottom: 139px;.container {.title-content {display: flex;flex-direction: column;gap: 3px;text-align: center;line-height: 200%;h2 {font-size: 32px;font-weight: 900;}h3 {font-size: 20px;font-weight: 400;}}.faq-container {max-width: 950px;margin: 0 auto;display: flex;flex-direction: column;gap: 0rem;padding-top: 45px;width: 100%;.faq-item {border-radius: 0px;overflow: hidden;padding-bottom: 15px;.faq-button {width: 100%;padding: 16px;min-height: 60px;display: flex;justify-content: space-between;background-color: #fff;align-items: center;border: none;cursor: pointer;text-align: left;gap: 15px;outline: none;box-shadow: none;border-radius: 8px;box-shadow: 0px 2px 2px 0px #00000029;&.active {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}span {font-weight: 600 !important;color: #4d4d4d !important;font-size: 16px !important;line-height: 1.1 !important;font-family: 'Open Sans', sans-serif !important;}.toggle-icon {transition: transform 0.5s;height: 20px;margin-bottom: -5px;svg {width: 20px;height: 20px;}}}.answer {padding: 0px 16px 1rem;width: 100%;font-size: 14px !important;font-weight: 400 !important;background: #fff;color: var(--font-color-gray) !important;box-shadow: 0px 4px 4px 0px #00000014;font-family: 'Open Sans', sans-serif !important;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;a, h1, h2, span, td, p {font-size: 14px !important;font-weight: 400 !important;color: var(--font-color-gray) !important;font-family: 'Open Sans', sans-serif !important;margin: 0px !important;padding: 0px !important;}&.hidden {display: none;}}}}}}.area-5 {width: 100%;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/afiliadofunkobr.mais.com.br/lp/images/background-hero.webp');background-size: cover;background-position: bottom center;background-repeat: no-repeat;.container {display: flex;flex-direction: row;@media (max-width: 768px) {flex-direction: column;}img {margin-top: -110px;@media (max-width: 500px) {width: 100%;max-width: 500px;}}.text-content {display: flex;flex-direction: column;align-items: center;color: var(--white-color);text-align: center;gap: 4px;@media (max-width: 768px) {margin-bottom: 40px;}h2 {font-size: 32px;font-weight: 900;}p {font-size: 20px;font-weight: 400;line-height: 115%;max-width: 594px;margin-bottom: 54px;span {font-weight: 800;}}}}}.area-6 {display: flex;justify-content: center;.container {display: flex;flex-direction: column;justify-content: center;max-width: 1400px;padding-inline: 20px;box-sizing: border-box;padding: 0 15px 0;.container-footer {display: flex;flex-direction: row;max-width: 1300px;width: 100%;justify-content: space-between;margin-top: 40px;@media screen and (max-width: 680px) {flex-direction: column;align-items: center;gap: 30px;padding: 0;margin-top: 30px;}.box-social {display: flex;gap: 18px;align-items: center;}}}.box-footer {display: flex;margin-top: 50px;width: 100%;max-width: 100%;@media screen and (max-width: 1024px) {width: 100%;margin-top: 60px;}@media screen and (max-width: 680px) {margin-top: 40px;flex-direction: column;gap: 30px;}}}