html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff8fa;color:#451326;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c63f73;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 48px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Georgia,serif;font-size:43px;font-weight:bold;letter-spacing:-3px}.logo span{font-family:Arial;font-size:10px;display:block;letter-spacing:4px;text-align:center;margin-top:-7px}.links{display:flex;align-items:center;gap:30px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:#801d3f;color:white;padding:18px 25px;border-radius:999px;font-weight:600;font-size:14px;border:0;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#a22b53;transform:translateY(-2px)}.button svg{width:18px}.nav .button{padding:14px 22px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:60px;padding-bottom:85px;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:24px}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,5.1vw,72px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:0 0 26px}.hero h1 .text-highlight{color:#ad3c61;font-weight:400}.hero p{font-size:17px;line-height:1.75;max-width:470px;color:#775461;margin-bottom:30px}.small{font-size:12px!important;line-height:1.5!important;color:#805d69}.hero-photo{height:520px;background:#efd0dc;border-radius:180px 180px 18px 18px;position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:22px;left:22px;right:22px;background:#fff8faed;border-radius:16px;padding:19px;font-family:Georgia;font-size:24px}.photo-label small{display:block;font-family:Arial;font-size:12px;margin-top:6px;letter-spacing:1px}.ribbon{background:#801d3f;color:#fbd8e5;display:flex;justify-content:center;gap:58px;padding:24px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.section{padding-top:100px;padding-bottom:100px}.section h2{font-family:Georgia;font-size:46px;font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px}.section p{color:#775461;font-size:16px;line-height:1.8}.section-head{max-width:650px;margin-bottom:45px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.benefit{border-top:1px solid #ddbac7;padding-top:24px}.benefit svg{height:27px;width:27px;color:#993b5b;margin-bottom:22px}.benefit h3{font-size:17px}.benefit p{font-size:14px}.pink{background:#f5e0e8}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.steps{display:grid;gap:10px}.step{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #dbb7c5}.step b{font-family:Georgia;font-size:33px;color:#a34869}.step h3{margin:0 0 8px;font-size:16px}.step p{margin:0;font-size:14px}.dark{background:#53152c;color:#fff0f5}.dark p{color:#e2bbc9}.dark .eyebrow{color:#f0a8c1}.platform-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.platform-tags span{padding:10px 15px;border:1px solid #8d5368;border-radius:30px;font-size:13px}.support-list{padding:0;list-style:none}.support-list li{padding:17px 0;border-bottom:1px solid #dabdc8;display:flex;gap:15px}.support-list svg{width:19px}.statement{text-align:center;background:#efd2df;padding:80px 30px}.statement h2{font-family:Georgia;font-size:clamp(42px,6vw,75px);font-weight:400;margin:0 0 22px;letter-spacing:-2px}.statement p{max-width:600px;margin:0 auto 28px;line-height:1.8;color:#76515f}.faq details{border-bottom:1px solid #e4cad4;padding:22px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:600}.faq details p{font-size:14px}.form{background:white;border-radius:22px;padding:35px;color:#451326}.form label{display:block;font-size:14px;margin-bottom:16px}.form input:not([type=checkbox]){display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #dec6d0;border-radius:8px;background:#fffafd;font-size:16px;color:#451326}.form .button{width:100%}.form .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}.form .consent button{margin-top:3px}.footer{padding:36px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#805d69}.floating{position:fixed;right:24px;bottom:24px;background:#801d3f;color:white;border:2px solid #fff;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;box-shadow:0 5px 25px #53152c30}.floating svg{width:25px}.status{font-size:14px;line-height:1.6}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:20px;z-index:100}@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.links>a:not(.button){display:none}.nav{height:85px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:50px}.hero h1{font-size:55px}.hero-photo{height:460px;max-width:470px;width:100%;margin:auto}.ribbon{gap:20px;flex-wrap:wrap;font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section h2{font-size:37px}.grid4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:35px}.footer{align-items:flex-start;flex-direction:column}.form{padding:25px}.floating{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.text-link{display:inline-flex;align-items:center;gap:12px;color:#801d3f;font-size:15px;font-weight:600;margin-top:20px}.text-link.light{color:#ffe2ed}.adult-note{font-size:13px!important;border-top:1px solid #8d5368;padding-top:20px;margin-top:30px}.faq-layout{align-items:start}.form .status{margin-top:16px;color:#801d3f}.form input:invalid:not(:placeholder-shown){border-color:#a5304f}.form button:disabled{opacity:.6;cursor:wait}.statement .text-highlight{color:#913857}
.logo{display:block;flex-shrink:0;line-height:0}.logo img{display:block;width:112px;height:112px;object-fit:contain}.nav{height:132px}.footer .logo img{width:104px;height:104px}@media(max-width:800px){.nav{height:112px}.logo img{width:96px;height:96px}.nav .button{font-size:13px;padding:13px 17px}}

.registration-only .form{width:100%;max-width:560px;margin:0 auto}

.nav{justify-content:flex-end;height:100px}.hero-brand{width:100%;display:flex;align-items:center;justify-content:center}.hero-brand img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}@media(max-width:800px){.nav{height:85px}.hero-brand{max-width:470px;margin:auto}}

[hidden]{display:none!important}svg{flex-shrink:0}p{margin-top:0}h1,h2,h3{color:inherit}button,input{font-family:inherit}.form h3{font-family:Georgia,serif;font-size:29px;margin:0 0 25px;font-weight:400}.form input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;accent-color:#801d3f;margin:2px 0 0}.form label{font-weight:400}.button span{font-size:20px}.consent span{letter-spacing:normal}.footer img{height:auto}

/* Textos sem itálico e mockup da plataforma */
body, em, i, .text-highlight {
  font-style: normal;
}
.platform-mockup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform-mockup img {
  display: block;
  width: 100%;
  max-width: 440px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 800px) {
  .platform-mockup img {
    max-width: 360px;
  }
}

/* Versão enxuta: espaçamento entre as seções */
.section { padding-top: 64px; padding-bottom: 64px; }
@media (max-width: 800px) {
  .section { padding-top: 44px; padding-bottom: 44px; }
}

/* Formulário e plataforma com fundos distintos */
.registration-section {
  background: #f5e0e8;
  color: #451326;
  border-top: 1px solid #e6c4d1;
  border-bottom: 1px solid #e6c4d1;
}
.registration-section .form {
  box-shadow: 0 12px 36px rgba(83, 21, 44, 0.08);
}

/* Mesma cor de fundo do rodapé */
#como-funciona {
  background: #53152c;
}

/* Etapas com a mesma paleta da plataforma */
#como-funciona .step b {
  color: #f0a8c1;
}
#como-funciona .step h3 {
  color: #fff0f5;
}
#como-funciona .step p {
  color: #e2bbc9;
}
#como-funciona .step {
  border-bottom-color: #8d5368;
}

/* Titulo e chamada das etapas com contraste no fundo vinho */
#como-funciona {
  color: #fff0f5;
}
#como-funciona h2 {
  color: #fff0f5;
}
#como-funciona .eyebrow {
  color: #f0a8c1;
}

/* Espaco entre o botao principal e o aviso de maioridade */
.hero .button + p.small {
  margin-top: 24px;
}

/* Cabecalho e rodape com o mesmo fundo */
header.nav,
footer.footer {
  background-color: #fff8fa;
}

/* Botao flutuante com as cores do WhatsApp */
.floating {
  background-color: #25d366;
  color: #ffffff;
  border-color: #ffffff;
}
.floating:hover,
.floating:focus-visible {
  background-color: #128c7e;
}
.floating .whatsapp-icon {
  width: 28px;
  height: 28px;
  fill: currentColor;
  stroke: none;
}

/* Instagram no rodape, com as cores da Cherry */
.footer .instagram-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  color: #801d3f;
  border-radius: 50%;
  text-decoration: none;
}
.footer .instagram-link:hover {
  color: #53152c;
  background-color: #f5e0e8;
}
.footer .instagram-link:focus-visible {
  outline: 2px solid #801d3f;
  outline-offset: 3px;
}

/* Icones sociais agrupados com tamanho uniforme */
.footer-socials { display: flex; align-items: center; gap: 4px; }
.footer-socials svg { width: 26px; height: 26px; display: block; }

/* Ajuste visual do WhatsApp no rodape */
.footer-socials .whatsapp-icon { width: 22px; height: 22px; }
