:root {
  --sky: #789bb0; --sky-dark: #557e95; --navy: #244d67; --navy-deep: #173d55;
  --ink: #223847; --muted: #627381; --paper: #fffdfa; --sand: #f4ead9; --sand-deep: #e7cfab;
  --coral: #f28f82; --coral-deep: #d96d68; --mint: #c9e3d5; --line: rgba(36,77,103,.15);
  --shadow: 0 22px 60px rgba(36,77,103,.13); --radius: 28px;
}
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; line-height: 1.55; } img { display: block; max-width: 100%; } a { color: inherit; } button { font: inherit; } .container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .skip-link { position:fixed; z-index:99; left:16px; top:16px; transform:translateY(-160%); background:var(--navy-deep); color:white; padding:10px 14px; border-radius:8px; } .skip-link:focus { transform:translateY(0); } :focus-visible { outline:3px solid var(--coral); outline-offset:4px; }
.safety-strip { min-height:32px; padding:7px 16px; background:var(--navy-deep); color:white; text-align:center; text-transform:uppercase; letter-spacing:.14em; font:700 10px/1.2 "Sora",sans-serif; } .safety-strip span { color:var(--coral); margin:0 12px; }
.site-header { position:sticky; z-index:20; top:0; background:rgba(255,253,250,.9); backdrop-filter:blur(18px); border-bottom:1px solid rgba(36,77,103,.1); } .header-inner { min-height:84px; display:flex; align-items:center; gap:28px; } .posi-brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--sky); } .posi-brand > span:last-child { display:grid; grid-template-columns:auto auto; column-gap:0; line-height:.78; } .posi-brand strong, .posi-brand b { font:700 29px/1 "Sora",sans-serif; letter-spacing:-.08em; } .posi-brand strong { color:var(--sky); } .posi-brand b { color:#aebac1; font-weight:500; } .posi-brand small { grid-column:1/-1; color:var(--muted); font:500 8px/1.6 "Sora",sans-serif; letter-spacing:.1em; text-align:center; } .baby-mark { width:35px; height:35px; display:inline-block; position:relative; border:2px solid var(--sky); border-radius:50% 50% 48% 48%; background:white; overflow:hidden; } .baby-mark::before { content:""; position:absolute; width:22px; height:22px; border:2px dotted var(--sky); border-radius:50%; left:5px; top:5px; } .baby-mark::after { content:""; position:absolute; width:13px; height:8px; border:2px solid var(--sky); border-bottom:0; border-radius:10px 10px 0 0; left:9px; bottom:-1px; } .baby-mark span { position:absolute; z-index:2; width:5px; height:5px; background:var(--coral); border-radius:50%; left:14px; top:14px; }
.clinic-partner { display:flex; align-items:center; gap:9px; margin-left:auto; color:var(--muted); font-size:9px; line-height:1.25; text-transform:uppercase; letter-spacing:.06em; } .clinic-partner strong { color:var(--navy); font-size:11px; } .clinic-partner img { width:36px; height:36px; object-fit:cover; border-radius:50%; } .partner-line { height:32px; width:1px; background:var(--line); } .site-nav { display:flex; align-items:center; gap:25px; color:var(--navy); font-size:13px; font-weight:700; } .site-nav a { text-decoration:none; } .site-nav a:not(.nav-cta):hover { color:var(--coral-deep); } .nav-cta { padding:12px 16px; color:white; background:var(--navy); border-radius:999px; transition:.2s; } .nav-cta:hover { background:var(--coral-deep); transform:translateY(-2px); } .menu-toggle { display:none; margin-left:auto; padding:8px; background:transparent; border:0; cursor:pointer; } .menu-toggle span:not(.sr-only) { display:block; width:24px; height:2px; margin:5px 0; background:var(--navy); }
.hero { min-height:660px; position:relative; overflow:hidden; background:linear-gradient(135deg,#f8f2e8 0%,#fffdfa 53%,#e6f1ee 100%); } .hero::after { content:""; position:absolute; width:500px; height:330px; right:-160px; bottom:-190px; border-radius:50%; background:var(--sky); opacity:.8; } .hero-grid { min-height:660px; display:grid; grid-template-columns:.94fr 1.06fr; align-items:center; gap:35px; position:relative; z-index:2; padding:72px 0 64px; } .stars { position:absolute; color:white; font-size:18px; opacity:.75; letter-spacing:.3em; } .stars-one { top:32px; left:8%; color:var(--sky); } .wave { position:absolute; width:100%; height:85px; left:0; background:var(--sky); } .wave-top { top:-60px; border-radius:50% 50% 0 0/100% 100% 0 0; } .wave-bottom { bottom:-58px; border-radius:50% 50% 0 0/100% 100% 0 0; background:var(--mint); }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--sky-dark); text-transform:uppercase; letter-spacing:.12em; font:700 10px/1.2 "Sora",sans-serif; } .eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 5px rgba(242,143,130,.18); } .hero h1, h2, h3 { font-family:"Sora",sans-serif; letter-spacing:-.06em; color:var(--navy); } h1 { max-width:650px; margin:0 0 22px; font-size:clamp(43px,5.6vw,73px); line-height:1.02; } h1 em { color:var(--coral-deep); font-style:normal; } h2 { margin:0 0 20px; font-size:clamp(32px,4vw,53px); line-height:1.06; } h3 { margin:0 0 8px; font-size:18px; } .hero-lead { max-width:530px; margin:0 0 28px; color:var(--muted); font-size:18px; line-height:1.65; } .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:21px; } .button { display:inline-flex; align-items:center; gap:11px; padding:15px 20px; border-radius:999px; text-decoration:none; font-size:13px; font-weight:700; transition:.2s; } .button:hover { transform:translateY(-3px); box-shadow:0 12px 22px rgba(36,77,103,.17); } .button-primary { color:white; background:var(--navy); } .button-primary:hover { background:var(--coral-deep); } .button-light { color:var(--navy); background:white; } .text-link { color:var(--navy); text-decoration:none; border-bottom:1px solid var(--coral); padding-bottom:3px; font-size:13px; font-weight:700; } .text-link:hover { color:var(--coral-deep); } .hero-note { display:grid; grid-template-columns:31px auto; margin-top:32px; align-items:center; color:var(--navy); } .hero-note > span { width:27px; height:27px; display:grid; place-items:center; grid-row:span 2; border-radius:50%; background:var(--coral); color:white; font:800 15px "Sora",sans-serif; } .hero-note strong { font-size:12px; } .hero-note small { color:var(--muted); font-size:11px; }
.hero-visual { min-height:490px; position:relative; display:flex; align-items:center; justify-content:center; } .product-halo { position:absolute; width:510px; height:390px; border-radius:49% 51% 42% 58%; background:var(--sand-deep); transform:rotate(-8deg); opacity:.72; } .hero-visual img { position:relative; z-index:1; width:min(100%,640px); filter:drop-shadow(0 22px 20px rgba(36,77,103,.2)); } .hero-tag { position:absolute; z-index:3; display:grid; gap:2px; padding:12px 15px; color:var(--navy); background:rgba(255,253,250,.92); border-radius:14px; box-shadow:0 10px 22px rgba(36,77,103,.1); transform:rotate(4deg); } .hero-tag strong { font:800 19px "Sora",sans-serif; } .hero-tag small { font-size:9px; text-transform:uppercase; letter-spacing:.06em; } .tag-age { left:0; top:94px; }.tag-measure { right:1%; bottom:72px; transform:rotate(-4deg); }
.trust-bar { position:relative; z-index:3; background:var(--navy); color:white; } .trust-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:22px 0; } .trust-item { display:flex; align-items:center; gap:12px; padding:0 18px; border-right:1px solid rgba(255,255,255,.18); } .trust-item:first-child { padding-left:0; }.trust-item:last-child { border:0; }.trust-icon { width:39px; height:39px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--coral); color:var(--navy); font:800 12px "Sora",sans-serif; }.trust-item:nth-child(2) .trust-icon { background:var(--mint); }.trust-item strong { display:block; font:700 11px "Sora",sans-serif; }.trust-item small { display:block; color:rgba(255,255,255,.7); font-size:10px; }
.section { position:relative; overflow:hidden; padding:112px 0; }.split-grid, .measure-grid, .faq-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(46px,8vw,105px); }.intro-section { background:var(--paper); }.body-large { color:var(--navy); font-size:18px; line-height:1.65; }.intro-copy > p:not(.eyebrow), .measure-copy > p:not(.eyebrow) { color:var(--muted); }.inline-warning, .callout { display:flex; gap:12px; align-items:flex-start; margin-top:27px; padding:15px 17px; border-left:4px solid var(--coral); background:#fff4ef; border-radius:0 14px 14px 0; }.inline-warning span { width:23px; height:23px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--coral); color:white; font-weight:800; }.inline-warning p, .callout p { margin:0; color:var(--muted); font-size:12px; }.image-card { margin:0; padding:15px; background:white; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }.image-card img { width:100%; border-radius:18px; object-fit:cover; }.image-card figcaption { margin:10px 4px 0; color:var(--muted); font-size:11px; }.image-card-tall { transform:rotate(2deg); }.image-card-tall img { height:470px; object-fit:cover; object-position:center; }
.specs-section { background:var(--sand); }.section-heading { max-width:710px; margin-bottom:48px; }.section-heading > p:not(.eyebrow) { max-width:520px; margin:0; color:var(--muted); font-size:17px; }.spec-layout { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; }.image-card-wide { transform:rotate(-1deg); }.image-card-wide img { height:370px; object-fit:contain; background:#f6f6f6; }.spec-cards { display:grid; gap:12px; }.spec-card { display:flex; gap:14px; align-items:flex-start; padding:18px; background:rgba(255,255,255,.72); border:1px solid rgba(36,77,103,.12); border-radius:16px; }.spec-card > span { color:var(--coral-deep); font:800 12px "Sora",sans-serif; }.spec-card h3 { margin:0; font-size:16px; }.spec-card p { margin:3px 0 0; color:var(--muted); font-size:12px; }.dimension-row { display:grid; grid-template-columns:repeat(5,1fr); margin-top:40px; padding:21px 0 0; border-top:1px solid rgba(36,77,103,.2); }.dimension-row div { padding:0 15px; border-right:1px solid rgba(36,77,103,.16); }.dimension-row div:first-child { padding-left:0; }.dimension-row div:last-child { border:0; }.dimension-row strong { display:block; color:var(--navy); font:800 19px "Sora",sans-serif; }.dimension-row small { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.steps-section { background:#edf3f1; }.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.use-card { overflow:hidden; background:white; border:1px solid var(--line); border-radius:20px; box-shadow:0 13px 32px rgba(36,77,103,.06); }.use-image { height:220px; padding:12px; position:relative; background:#f8f8f8; }.use-image img { width:100%; height:100%; object-fit:contain; border-radius:12px; }.use-image span { position:absolute; top:16px; left:16px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--coral); color:var(--navy); font:800 11px "Sora",sans-serif; }.use-copy { padding:20px 20px 22px; }.use-copy h3 { font-size:17px; }.use-copy p { margin:0; color:var(--muted); font-size:13px; }
.measure-section { background:linear-gradient(120deg,#fffdfa,#f4ead9); }.image-card-measure { transform:rotate(-3deg); max-width:500px; margin:0 auto; }.image-card-measure img { height:390px; object-fit:contain; background:#f7f7f7; }.measure-copy { max-width:530px; }.callout { display:block; }.callout strong { display:block; color:var(--navy); font:700 13px "Sora",sans-serif; margin-bottom:4px; }
.safety-section { background:var(--sky); color:white; }.safety-section::after { content:""; position:absolute; width:400px; height:300px; bottom:-150px; right:-150px; border-radius:50%; background:var(--coral); opacity:.7; }.wave-safety { top:-60px; background:var(--paper); opacity:.95; }.safety-grid { position:relative; z-index:1; display:grid; grid-template-columns:.84fr 1.16fr; gap:80px; align-items:start; }.safety-copy { padding-top:28px; }.eyebrow-light { color:white; }.safety-copy h2 { color:white; }.safety-copy > p:not(.eyebrow) { max-width:460px; color:rgba(255,255,255,.82); }.safety-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.safety-item { display:flex; gap:12px; min-height:121px; padding:18px; border:1px solid rgba(255,255,255,.28); border-radius:16px; background:rgba(255,255,255,.1); }.safety-item > span { color:var(--coral); font:800 11px "Sora",sans-serif; }.safety-item p { margin:0; color:rgba(255,255,255,.86); font-size:12px; }.safety-item strong { color:white; }
.examples-section { background:#fffdfa; }.gallery-grid { display:grid; grid-template-columns:1.3fr .85fr .85fr; grid-auto-rows:220px; gap:16px; }.gallery-card { position:relative; min-width:0; overflow:hidden; margin:0; border-radius:20px; background:#f4f4f4; border:1px solid var(--line); }.gallery-card img { width:100%; height:100%; object-fit:cover; }.gallery-card figcaption { position:absolute; left:12px; right:12px; bottom:12px; display:grid; padding:11px 13px; background:rgba(255,253,250,.9); border-radius:11px; }.gallery-card figcaption strong { color:var(--navy); font:700 12px "Sora",sans-serif; }.gallery-card figcaption span { color:var(--muted); font-size:10px; }.gallery-large { grid-row:span 2; }.gallery-large img { object-position:center; }.gallery-illustration { grid-column:2 / span 2; }.gallery-illustration img { object-fit:contain; background:#f4f4f4; }
.faq-section { background:#f4ede3; }.faq-intro { align-self:start; }.faq-intro > p:not(.eyebrow) { max-width:420px; color:var(--muted); }.faq-list { border-top:1px solid var(--line); } details { padding:17px 0; border-bottom:1px solid var(--line); } summary { position:relative; padding-right:32px; list-style:none; cursor:pointer; color:var(--navy); font:700 15px "Sora",sans-serif; } summary::-webkit-details-marker { display:none; } summary::after { content:"+"; position:absolute; top:-4px; right:0; color:var(--coral-deep); font-size:25px; font-weight:400; } details[open] summary::after { content:"–"; } details p { max-width:700px; margin:11px 0 0; color:var(--muted); font-size:13px; }
.closing-cta { position:relative; overflow:hidden; padding:103px 0 116px; background:var(--coral); text-align:center; }.closing-cta::before { content:""; position:absolute; width:450px; height:230px; left:-150px; bottom:-145px; border-radius:50%; background:var(--sky); }.stars-two { top:32px; right:13%; color:white; }.closing-inner { position:relative; z-index:1; max-width:760px; }.clinic-credit { display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--navy); font-size:12px; font-weight:700; }.clinic-credit img { width:34px; height:34px; border-radius:50%; object-fit:cover; }.closing-inner .eyebrow { justify-content:center; }.closing-inner h2 { color:var(--navy); }.closing-inner > p:not(.eyebrow) { max-width:610px; margin:0 auto 28px; color:rgba(36,77,103,.78); font-size:17px; }
.site-footer { padding:36px 0 20px; color:rgba(255,255,255,.7); background:var(--navy-deep); }.footer-grid { display:grid; grid-template-columns:.82fr 1.35fr .7fr; align-items:start; gap:35px; }.footer-brand { color:white; }.footer-brand strong { color:#a9c0ca; }.footer-grid > div > p { margin:10px 0 0; font-size:12px; }.footer-clinic { display:grid; gap:5px; font-size:11px; line-height:1.4; }.clinic-footer-head { display:flex; align-items:center; gap:8px; color:white; font-size:13px; margin-bottom:5px; }.clinic-footer-head img { width:34px; height:34px; object-fit:cover; border-radius:50%; }.footer-clinic p { margin:0; }.footer-clinic a, .footer-links a { color:white; text-decoration:none; font-weight:700; }.footer-links { display:flex; flex-direction:column; align-items:flex-end; gap:8px; font-size:12px; }.footer-links small { margin-top:8px; font-size:10px; }.legal-note { margin-top:26px; padding-top:16px; border-top:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.5); font-size:10px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }.reveal.visible { opacity:1; transform:translateY(0); }.reveal-delay { transition-delay:.12s; }
@media(max-width:950px){ .site-nav{gap:15px}.hero-grid,.split-grid,.measure-grid,.faq-grid{grid-template-columns:1fr;gap:50px}.hero-grid{padding-top:75px}.hero-copy{max-width:700px}.hero-visual{min-height:470px}.intro-copy,.measure-copy{max-width:700px}.image-card-tall{max-width:600px;margin:0 auto}.spec-layout{grid-template-columns:1fr}.image-card-wide{max-width:700px;margin:0 auto}.spec-cards{grid-template-columns:1fr 1fr}.safety-grid{grid-template-columns:1fr;gap:35px}.safety-copy{padding-top:0;max-width:650px}.footer-grid{grid-template-columns:1fr 1fr}.footer-links{align-items:flex-start}.legal-note{grid-column:1/-1}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.18)}.trust-item:nth-child(2n){border-right:0}.trust-item:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:650px){.container{width:calc(100% - 34px)}.safety-strip{font-size:8px}.header-inner{min-height:70px}.clinic-partner{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:17px;right:17px;top:70px;padding:14px;flex-direction:column;align-items:stretch;gap:0;background:white;border-radius:0 0 16px 16px;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 8px}.nav-cta{text-align:center;margin-top:6px}.hero{min-height:auto}.hero-grid{min-height:0;padding:65px 0 55px}.hero h1{font-size:clamp(40px,12vw,60px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-note{margin-top:27px}.hero-visual{min-height:315px}.product-halo{width:320px;height:245px}.hero-visual img{width:110%}.hero-tag{padding:9px 10px}.hero-tag strong{font-size:15px}.hero-tag small{font-size:8px}.tag-age{left:0;top:20px}.tag-measure{right:0;bottom:28px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{gap:8px;padding:12px 7px}.trust-item strong{font-size:9px}.trust-item small{font-size:9px}.trust-icon{width:32px;height:32px;font-size:10px}.section{padding:78px 0}.body-large{font-size:16px}.image-card-tall img{height:390px}.spec-cards{grid-template-columns:1fr}.image-card-wide img{height:270px}.dimension-row{grid-template-columns:repeat(2,1fr);gap:17px}.dimension-row div{padding:0;border:0}.dimension-row div:last-child{grid-column:1/-1}.steps-grid{grid-template-columns:1fr}.use-image{height:225px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-large{grid-row:span 2}.gallery-illustration{grid-column:1/-1}.safety-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-links{align-items:flex-start}.closing-cta{padding:80px 0 92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* A terceira imagem usa o recorte limpo do manual e preenche o quadro sem texto incorporado. */
.use-card:nth-child(3) .use-image img { object-fit: cover; object-position: center 58%; }