@font-face {font-family: 'Gotham';src: url('https://bucket-mais.s3.amazonaws.com/private/Fonts/Gotham/Gotham-Light.ttf');font-weight: 300;}@font-face {font-family: 'Gotham';src: url('https://bucket-mais.s3.amazonaws.com/private/Fonts/Gotham/Gotham-Book.ttf');font-weight: 400;}@font-face {font-family: 'Gotham';src: url('https://bucket-mais.s3.amazonaws.com/private/Fonts/Gotham/Gotham-Medium.ttf');font-weight: 500;}@font-face {font-family: 'Gotham';src: url('https://bucket-mais.s3.amazonaws.com/private/Fonts/Gotham/Gotham-Bold.ttf');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: 'Gotham', 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-1);}:root {--background-color: #fff;--background-scrool-color: #f1f1f1;--font-color-white: #fff;--font-color-black: #000;--primary-color: #Ecc3b2;--secondary-color: #fff;--terciary-color: #000;--color-hover-1: #EDBAA5;--color-hover-2: #E3E2E2;--color-hover-3: #000000de;}* {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;gap: 35px;}.container {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1600px;margin: 0px 5%;height: 100%;}.button {display: flex;align-items: center;justify-content: center;width: 100%;transition: all 0.3s;border-radius: 3px;&.create-top {max-width: 265px;min-height: 50px;background: var(--primary-color);font-weight: 500;font-size: 16px;line-height: 1;color: var(--font-color-white);text-transform: uppercase;&:hover {background: var(--color-hover-1);}@media screen and (max-width:800px) {min-height: 30px;max-width: 160px;font-size: 12px;}}&.login {max-width: 265px;min-height: 50px;background: var(--secondary-color);font-weight: 500;font-size: 16px;line-height: 1;color: var(--font-color-black);text-transform: uppercase;&:hover {background: var(--color-hover-2);}@media screen and (max-width:800px) {min-height: 30px;max-width: 160px;font-size: 12px;}}&.middle {max-width: 555px;min-height: 50px;background: var(--terciary-color);font-size: 16px;font-weight: 400;color: var(--font-color-white);text-transform: uppercase;&:hover {background: var(--color-hover-3);}@media screen and (max-width:800px) {min-height: 30px;max-width: 335px;font-size: 12px;}@media screen and (max-width:425px) {max-width: 75%;}}}h1, h2, h3, p {margin: 0px;}section, main, header, footer {display: flex;justify-content: center;width: 100%;}.area-1 {background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/kerastase.com.br/lp/images/background-top.webp');background-size: cover;background-position: center bottom;min-height: 47vw;max-height: 1100px !important;@media screen and (min-width:2000px) {min-height: 48vw;}@media screen and (max-width:1650px) {min-height: 768px;}@media screen and (max-width:800px) {min-height: 87vw;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/kerastase.com.br/lp/images/background-top-mobile.webp');}.container {min-height: 47vw;padding: 120px 0px 80px;gap: 50px;justify-content: flex-end;position: relative;@media screen and (min-width:2000px) {min-height: 48vw;}@media screen and (max-width:1650px) {min-height: 768px;}@media screen and (max-width:800px) {min-height: 87vw;padding: 120px 0px 45px;}img {max-width: 245px;max-height: 95px;position: absolute;margin-bottom: auto;top: 120px;@media screen and (max-width:800px) {top: 0px;position: inherit;}}h1 {font-weight: 500;font-size: 40px;line-height: 1;text-transform: uppercase;color: var(--font-color-white);text-align: center;max-width: 975px;@media screen and (max-width:800px) {font-size: 20px;max-width: 485px;}}p {font-size: 16px;font-weight: 400;line-height: 1;text-align: center;max-width: 550px;text-transform: uppercase;color: var(--font-color-white);margin-top: -45px;@media screen and (max-width:800px) {font-size: 12px;max-width: 342px;margin-top: -30px;}strong {font-weight: 500;}}.buttons {display: flex;justify-content: center;align-items: center;width: 100%;gap: 25px;@media screen and (max-width:800px) {margin-top: -20px;}}}}.area-2 {.container {gap: 25px;margin: 0px;h2 {font-weight: 500;font-size: 30px;text-align: center;text-transform: uppercase;color: var(--font-color-black);margin: 0px 5%;@media screen and (max-width:800px) {font-size: 16px;}}.swiper {width: 100%;max-width: 1345px;counter-reset: step-count;margin-bottom: 25px;@media screen and (max-width:800px) {margin-bottom: 0px;}.swiper-wrapper {justify-content: center !important;@media screen and (max-width:1345px) {justify-content: inherit !important;}}.swiper-slide {display: flex;flex-direction: column;max-width: 280px;align-items: center;gap: 10px;@media screen and (max-width:800px) {max-width: 195px;}img {max-width: 100%;max-height: 280px;}&:first-child {margin-left: 5%;}&:last-child {margin-right: 5%;}strong {font-weight: 500;font-size: 16px;line-height: 1;color: var(--font-color-black);text-transform: uppercase;text-align: center;@media screen and (max-width:800px) {font-size: 13px;}&::before {counter-increment: step-count;content: counter(step-count)'.';}}p {font-size: 16px;font-weight: 300;text-align: center;color: var(--font-color-black);line-height: 1;@media screen and (max-width:800px) {font-size: 13px;}}&:nth-child(2) {p {max-width: 270px;}}&:nth-child(3) {p {max-width: 205px;}}&:nth-child(4) {p {max-width: 215px;}}}}}}.area-3 {.container {padding-top: 25px;gap: 35px;@media screen and (max-width:800px) {padding-top: 0px;gap: 25px;margin: 0px;}h3 {font-weight: 500;font-size: 30px;text-align: center;text-transform: uppercase;color: var(--font-color-black);margin: 0px 5%;@media screen and (max-width:800px) {font-size: 16px;max-width: 300px;}}.list-box {display: flex;justify-content: center;width: 100%;gap: 25px;@media screen and (max-width:1000px) {flex-direction: column;align-items: center;}.box {display: flex;flex-direction: column;max-width: 375px;width: 100%;gap: 15px;@media screen and (max-width:1000px) {flex-direction: row;align-items: flex-start;max-width: 550px;}@media screen and (max-width:390px) {flex-direction: column;}img {max-width: 375px;max-height: 375px;@media screen and (max-width:1000px) {max-width: 215px;max-height: 215px;}@media screen and (max-width:390px) {max-width: 100%;max-height: 100%;}}.content {display: flex;flex-direction: column;width: 100%;gap: 15px;@media screen and (max-width:390px) {padding: 0px 5%;}strong {font-size: 16px;font-weight: 500;line-height: 1;color: var(--font-color-black);text-transform: uppercase;text-align: center;@media screen and (max-width:1000px) {text-align: left;}@media screen and (max-width:800px) {font-size: 13px;}}p {font-size: 16px;line-height: 1;font-weight: 400;color: var(--font-color-black);text-align: center;@media screen and (max-width:1000px) {text-align: left;}@media screen and (max-width:800px) {font-size: 13px;padding-right: 5%;}}}&:last-child {p {max-width: 345px;}}}}}}.area-faq {background: var(--background-color-white-3);.container {padding-top: 25px;@media screen and (max-width:800px) {padding-top: 0px;margin: 0px;}.faq-title {font-weight: 500;font-size: 30px;text-align: center;text-transform: uppercase;color: var(--font-color-black);margin: 0px 5%;@media screen and (max-width:800px) {font-size: 16px;}}.faq-container {max-width: 1180px;margin: 0 auto;display: flex;flex-direction: column;gap: 1rem;padding-top: 35px;padding-bottom: 25px;width: 100%;@media screen and (max-width:800px) {gap: 5px;padding: 15px 5% 25px;}.faq-item {border-radius: 4px;overflow: hidden;&:last-child {.faq-button {border-bottom: none !important;}}.faq-button {width: 100%;padding: 8px 10px;min-height: 36px;display: flex;justify-content: space-between;background-color: var(--secondary-color);align-items: center;border: none;cursor: pointer;text-align: left;gap: 15px;outline: none;box-shadow: none;border-bottom: 1px solid var(--terciary-color);span {font-weight: 500 !important;color: var(--font-color-black) !important;font-size: 16px !important;line-height: 1 !important;font-family: 'Gotham', sans-serif !important;@media screen and (max-width:800px) {font-size: 13px !important;}}.toggle-icon {transition: transform 0.5s;svg {width: 20px;height: 20px;}}}.answer {padding: 1rem 10px;width: 100%;font-size: 14px !important;font-weight: 400 !important;color: var(--font-color-black) !important;font-family: 'Gotham', sans-serif !important;@media screen and (max-width:800px) {font-size: 13px !important;}a, h1, h2, span, td, p {font-size: 14px !important;font-weight: 400 !important;color: var(--font-color-black) !important;font-family: 'Gotham', sans-serif !important;margin: 0px !important;padding: 0px !important;@media screen and (max-width:800px) {font-size: 12px !important;}}&.hidden {display: none;}}}}}}.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-black);@media screen and (max-width:800px) {margin-top: -45px;font-size: 12px;}@media screen and (max-width:650px) {flex-direction: column;align-items: center;gap: 5px;}a {color: var(--font-color-black);}}}}