:root{--pink:#dc0b71;--ink:#43232e;--muted:#825361}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff7f8 0%,#fde7ee 54%,#fbdce7 100%);text-align:center}.topbar{background:linear-gradient(90deg,#cb096c,#ef187b);color:white;font-weight:900;font-size:16px;padding:12px 10px;min-height:46px}main{max-width:1200px;margin:auto;padding:38px 22px 80px}.hero{display:flex;flex-direction:column;align-items:center}.hero-photo{width:350px;height:350px;object-fit:cover;border:9px solid #fff;border-radius:50%;box-shadow:0 18px 36px #e790ac30}.hero h1{font-size:43px;line-height:1.08;font-weight:1000;letter-spacing:-1.4px;margin:20px 0 30px}.hero h1 span,.final-card h2 span{color:var(--pink)}.intro{font-size:21px;line-height:1.65;color:var(--muted);margin:0 0 28px;font-weight:600}.info{width:min(672px,100%);background:#ffffffc9;border:1px solid #f6e0e8;border-radius:28px;padding:17px 34px;font-size:18px;line-height:1.55;box-shadow:0 12px 22px #b35a7a0e;margin-bottom:29px}.cta{display:flex;justify-content:center;align-items:center;gap:16px;width:min(525px,100%);min-height:76px;border:2px solid #d9a72d;border-radius:50px;background:linear-gradient(180deg,#2ebc70,#148849);box-shadow:0 5px 0 #176b43,0 14px 23px #39382e35;color:#fff;text-decoration:none;font-size:21px;font-weight:1000;letter-spacing:.1px;transition:transform .15s,filter .15s}.cta:hover{transform:translateY(-2px);filter:brightness(1.06)}.cta:focus-visible{outline:4px solid #a71761;outline-offset:4px}.cta svg{width:35px;height:35px;flex:none}.sparkle{color:var(--muted);font-size:18px;font-weight:600;line-height:1.5;margin:22px 0 20px}.sparkle span{color:var(--pink);font-size:25px}.counter{border:1px solid #f8bad5;background:#ffffffb8;border-radius:29px;padding:15px 25px;color:var(--pink);font-size:16px;font-weight:800;box-shadow:0 13px 20px #d15b8517}.counter small{display:block;font-size:13px;font-weight:500;margin-top:4px}.counter-note{font-size:11px;color:#9b7783;margin:8px 0 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:786px;margin:48px auto 55px}.benefit{min-height:122px;background:#ffffffb9;border:1px solid #f5e3e9;border-radius:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 22px #b64b7310;padding:12px}.bubble{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#ffe3ed;color:var(--pink);font-size:25px;margin-bottom:8px}.benefit strong{font-size:15px;font-weight:1000}.benefit span{font-size:14px;color:var(--muted)}.offers h2,.final-card h2{font-size:27px;line-height:1.35;font-weight:1000;margin:0 0 12px}.offers>p{font-size:16px;color:var(--muted);margin:0 0 29px}.phones{display:flex;justify-content:center;align-items:start;gap:32px}.phones img{display:block;width:296px;height:auto;max-width:31%;filter:drop-shadow(0 14px 15px #b36b8030)}.final-card{max-width:1014px;margin:58px auto 0;padding:40px 25px;background:#ffffffc5;border-radius:38px;box-shadow:0 16px 25px #bd658419}.final-card h2{font-size:28px}.final-card p{font-size:20px;line-height:1.5;color:var(--muted);margin:22px 0}.final-card .cta{margin:auto;width:min(560px,100%)}.final-card small{display:block;color:var(--muted);font-size:14px;margin-top:21px}@media(max-width:700px){.topbar{font-size:12px;line-height:1.4;padding:10px 8px}main{padding:27px 15px 45px}.hero-photo{width:240px;height:240px;border-width:7px}.hero h1{font-size:29px;letter-spacing:-.8px;margin:24px 0}.intro{font-size:17px;line-height:1.5;margin-bottom:24px}.desktop{display:none}.info{font-size:15px;padding:18px;border-radius:22px;margin-bottom:24px}.cta{font-size:15px;gap:10px;min-height:65px;padding:8px 13px}.cta svg{width:27px;height:27px}.sparkle{font-size:15px}.benefits{gap:8px;margin:34px auto 44px}.benefit{border-radius:17px;min-height:133px;padding:9px 5px}.bubble{width:36px;height:36px;font-size:20px}.benefit strong{font-size:12px}.benefit span{font-size:11px;line-height:1.35}.offers h2,.final-card h2{font-size:23px}.offers>p{font-size:14px}.phones{gap:8px}.phones img{width:33%;max-width:33%}.final-card{margin-top:45px;padding:31px 17px;border-radius:27px}.final-card p{font-size:16px}.final-card small{font-size:12px}}@media(max-width:370px){.hero h1{font-size:25px}.cta{font-size:13px}.benefit strong{font-size:11px}}

/* Ajustes: imagem centralizada e capturas reais sem cortes */
.hero-photo{display:block;object-fit:cover;object-position:center center;border:9px solid #fff;box-shadow:0 18px 36px #e790ac30;flex-shrink:0}
.phones{align-items:stretch;gap:26px}
.phone-frame{width:min(296px,31%);min-width:0;display:flex;align-items:flex-start;justify-content:center;border:7px solid #242a2b;border-radius:37px;background:#242a2b;overflow:hidden;box-shadow:0 14px 20px #b36b8030}
.phones .phone-frame img{width:100%;max-width:100%;height:auto;object-fit:contain;filter:none;display:block;border-radius:27px}
@media(max-width:700px){.phones{gap:7px}.phone-frame{width:33%;border-width:3px;border-radius:15px}.phones .phone-frame img{border-radius:11px}.hero-photo{border-width:7px}}

/* Correção definitiva: fotografia única, recorte circular sem bordas internas */
.hero-photo{border-radius:50%;border:9px solid #fff;object-fit:cover;object-position:center;clip-path:circle(50% at 50% 50%)}

/* Hero: círculo original isolado, sem bordas CSS duplicadas */
.hero-photo{border:0!important;clip-path:none!important;border-radius:50%!important;object-fit:contain!important;background:transparent!important;box-shadow:0 18px 36px #e790ac30!important;}

/* Ícones de chama no topo, como na referência */
.topbar{display:flex;align-items:center;justify-content:center;gap:10px}.top-flame{width:19px;height:19px;flex-shrink:0}@media(max-width:700px){.topbar{gap:5px}.top-flame{width:15px;height:15px}}

.bubble .ui-icon{width:23px;height:23px;display:block}.sparkle .ui-icon{width:21px;height:21px;display:inline-block;vertical-align:-4px}.counter .ui-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px}

/* Ajuste de escala tipográfica para reproduzir a referência Lovable */
@media (min-width:701px){
  .hero h1{font-size:clamp(32px,2.42vw,43px);line-height:1.09;letter-spacing:-.9px;font-weight:1000;margin:20px 0 30px}
  .intro{font-size:clamp(17px,1.18vw,21px);line-height:1.6;font-weight:600}
  .info{font-size:clamp(16px,1.02vw,18px)}
  .hero-photo{width:clamp(290px,19.7vw,350px);height:clamp(290px,19.7vw,350px)}
  .hero h1,.intro{max-width:760px}
}
@media (max-width:700px){.hero h1{font-size:clamp(25px,7.4vw,29px);line-height:1.12;letter-spacing:-.65px}.intro{font-size:16px;line-height:1.55}}
/* Ajuste fino de proporcao: subtitulo e caixa informativa */
@media (min-width:701px){
 .hero .intro{font-size:17px;line-height:1.5;max-width:660px;margin-bottom:26px;font-weight:600}
 .hero .info{width:min(600px,100%);font-size:16px;line-height:1.5;padding:16px 27px;border-radius:25px;margin-bottom:28px}
}
@media (max-width:700px){
 .hero .intro{font-size:15px;line-height:1.5;max-width:94%;margin-bottom:22px}
 .hero .info{width:min(94%,520px);font-size:14px;line-height:1.5;padding:15px 18px;border-radius:21px;margin-bottom:24px}
}

/* Galeria: largura contida, tres colunas iguais e alinhamento da referencia */
.offers{max-width:960px;margin-left:auto;margin-right:auto}
.offers h2{max-width:680px;margin-left:auto;margin-right:auto}
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;justify-content:center;max-width:940px;margin:0 auto}
.phone-frame{width:100%;min-width:0;max-width:none;align-self:start;box-sizing:border-box;border:6px solid #242a2b;border-radius:35px;overflow:hidden;background:#242a2b;box-shadow:0 14px 20px #b36b8030}
.phones .phone-frame img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:top center;display:block;border-radius:27px}
@media(min-width:701px){.phones{max-width:850px;gap:26px}}
@media(max-width:700px){.offers{width:100%}.phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.phone-frame{width:100%;border-width:3px;border-radius:15px}.phones .phone-frame img{border-radius:11px}}

/* Ajuste de proporcoes com base na captura Lovable de 09/10 */
@media (min-width:701px){
 .hero .info{width:min(585px,100%);padding:16px 25px;line-height:1.52;margin-bottom:28px}
 .hero>.cta{width:min(460px,100%);min-height:66px;font-size:18px;gap:14px}
 .hero>.cta svg{width:31px;height:31px}
 .hero h1{font-size:clamp(32px,2.36vw,41px)}
 .hero .sparkle{font-size:17px;margin-top:21px}
}
@media(max-width:700px){
 .hero>.cta{width:min(100%,460px)}
}

/* Caixa final alinhada exatamente com as bordas externas da galeria de prints. */
.final-card{width:100%;max-width:850px;margin-left:auto;margin-right:auto;box-sizing:border-box}
@media(max-width:700px){.final-card{width:100%;max-width:none}}