@font-face{font-family:'Libre Baskerville';src:url('assets/fonts/libre-baskerville.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--paper:#f9f7f3;--ink:#1c1c1c;--muted:#62655e;--gold:#bfa56d;--line:#dedbd3}
body{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:1.7}
h1,h2{font-family:'Libre Baskerville',Georgia,serif;letter-spacing:-1px;line-height:1.3}
header{padding-block:20px}header img{width:185px}header span{font-size:12px}
.intro{grid-template-columns:1.05fr 1fr;gap:5%;padding-top:48px}
.intro h1{font-size:clamp(40px,4.1vw,60px);line-height:1.3}
.intro-copy>p:not(.eyebrow){font-size:19px;max-width:490px}
.eyebrow{font-size:12px;letter-spacing:2.5px}
.fine{font-size:14px!important;line-height:1.65;color:#62655e}
.primary,.secondary{font-size:16px;font-weight:400;min-height:58px;padding:17px 25px;transition:background .2s,transform .2s}
.primary:hover{transform:translateY(-1px)}
.hero{min-height:510px;display:grid;grid-template-columns:1.1fr .7fr;grid-template-rows:1fr 1fr;gap:10px;max-height:630px}
.hero>img{min-height:0}.hero>img:first-child{grid-row:1/3}
.hero>img:nth-child(2){object-position:60% 50%}.hero>img:nth-child(3){object-position:65% 50%}
.hero small{font-size:11px;letter-spacing:1.8px;bottom:22px;left:22px;padding:15px 18px}
.step{max-width:1120px;padding-top:35px}
.step h2{font-size:clamp(29px,3vw,40px);max-width:920px;line-height:1.4;margin:24px 0 32px}
.progress-row{font-size:14px;letter-spacing:.4px;color:#535b50}.progress{height:3px;margin-bottom:22px}
.step-dots{display:flex;gap:9px;margin-bottom:24px}.step-dots span{width:6px;height:6px;border-radius:50%;background:#d3d6cd}.step-dots span.done{background:var(--green)}.step-dots span.active{background:var(--gold);box-shadow:0 0 0 3px #bfa56d20}
.micro{font-family:Montserrat,Arial,sans-serif;font-style:normal;font-size:15px;line-height:1.65;color:#59614f;max-width:700px}
.options{gap:15px}.option{font-size:19px;line-height:1.65;padding:24px 27px;background:#fffdf9;position:relative;min-height:93px;border:1px solid #d8d9d0;transition:border-color .2s,background .2s,box-shadow .2s}
.option[aria-checked=true]{border-color:var(--green);background:#eef1e9;box-shadow:inset 4px 0 0 var(--green)}
.letter{width:34px;height:34px;border-radius:50%;font-size:14px;color:#536b5b}
.option[aria-checked=true] .letter{background:var(--green);color:white;border-color:var(--green)}
.visual{gap:20px}.visual img{height:275px}.visual .option-content{font-size:18px;line-height:1.65;padding:23px 19px;gap:13px}
.visual .letter{width:27px;height:27px;font-size:12px;margin-top:3px}.visual .option[aria-checked=true]{box-shadow:0 0 0 1px var(--green)}
.nav{margin-top:28px}.nav .text-button{font-size:15px}.nav .primary{min-width:210px}
.result{grid-template-columns:.8fr 1.2fr;gap:6%;padding-top:38px}.result h1{font-size:clamp(36px,4vw,55px);line-height:1.3}
.result-art{position:sticky;top:25px}.result-art>img{max-height:none;width:100%;box-shadow:0 15px 45px #343d2514;border:1px solid var(--line)}
.card-caption{font-size:13px;color:#58634f;margin:15px 0 0;text-align:center;line-height:1.65}.result-art .seal{display:none}
.tags{font-size:13px;line-height:1.7;letter-spacing:.7px}
.reading{font-size:17px;line-height:1.8}.reading p:first-child{font-size:19px;line-height:1.75}
.social{padding:0 0 27px;border-top:0;border-bottom:1px solid var(--line);margin-bottom:28px}
.social blockquote{font:400 21px/1.7 'Libre Baskerville',Georgia,serif;color:#43543f;margin:17px 0 24px}
.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-buttons button{padding:14px 12px;font-size:14px;min-height:54px}
.social-buttons .primary{gap:10px}.privacy-note{font-size:14px;line-height:1.65;margin-bottom:0}
.actions .primary,.actions .secondary{font-size:15px}
footer{font-size:12px;padding-block:20px}footer .text-button{font-size:12px}dialog p{font-size:16px}#status{font-size:14px}
@media(max-width:700px){header img{width:155px}header span{font-size:10px;max-width:110px}.intro{padding-top:30px;gap:25px}.intro h1{font-size:38px;letter-spacing:-.8px}.intro-copy>p:not(.eyebrow){font-size:18px}.intro .fine{font-size:14px!important}.hero{height:360px;min-height:360px;grid-template-columns:1.12fr .8fr;gap:7px}.hero small{font-size:10px;max-width:190px;left:15px;bottom:15px}.step{padding-top:24px}.progress-row{font-size:12px}.step h2{font-size:29px;line-height:1.45;letter-spacing:-.5px}.micro{font-size:14px}.option{font-size:18px;line-height:1.65;padding:20px 18px;gap:15px}.visual .option{grid-template-columns:110px 1fr;min-height:170px}.visual img{height:100%;min-height:170px}.visual .option-content{font-size:17px;line-height:1.65;padding:18px 13px;gap:10px}.visual .letter{width:24px;height:24px}.nav .primary{min-width:180px;font-size:15px;padding-inline:18px}.result{display:grid;grid-template-columns:1fr;gap:30px}.result-art{position:static;grid-row:2;max-width:360px;margin:auto}.result-art>img{max-height:none;object-fit:contain}.result h1{font-size:37px}.reading{font-size:17px}.reading p:first-child{font-size:18px}.social blockquote{font-size:19px}.social-buttons button{font-size:13px}.tags{font-size:12px;letter-spacing:.4px}.primary,.secondary{font-size:16px}footer{font-size:12px}footer .text-button{font-size:12px}}
@media(max-width:370px){.intro h1{font-size:34px}.step h2{font-size:26px}.visual .option{grid-template-columns:88px 1fr}.visual .option-content{padding-inline:11px;font-size:17px}.social-buttons{grid-template-columns:1fr}}

/* Complementos aprovados: identidades, fotos e compartilhamento */
.progress progress{appearance:none;display:block;border:0;width:100%;height:3px;background:var(--line)}
.progress progress::-webkit-progress-bar{background:var(--line)}.progress progress::-webkit-progress-value{background:var(--green)}.progress progress::-moz-progress-bar{background:var(--green)}
.universe-heaven{--green:#4b6475;--muted:#556371}.universe-elan{--green:#52654d;--muted:#596454}.universe-office{--green:#202020;--muted:#555}
.result-art{position:static}.result-art .universe-photo{aspect-ratio:3/4;object-fit:cover}.result-art .card-preview{margin-top:28px;max-width:290px;margin-inline:auto}.result-copy h2{font-size:26px;letter-spacing:-.4px}.reading,.social blockquote,.card-caption{color:var(--ink)}
.social-buttons{grid-template-columns:1fr 1fr}.social-buttons .secondary{font-size:14px;padding:14px 12px}.social-buttons a:last-child{grid-column:1/-1}.full-experience{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.copy-fallback{width:100%;height:160px;font:16px/1.5 Arial}.public-universe{max-width:1100px;margin:auto;padding:40px 6% 60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.public-universe img{width:100%;height:auto}.public-universe h1{font-size:clamp(34px,4vw,52px)}.public-universe .primary{margin-block:20px}
@media(max-width:700px){.result-art{grid-row:auto;max-width:none;width:100%}.result-art .universe-photo{max-height:460px}.result-art .card-preview{max-width:250px}.public-universe{grid-template-columns:1fr;gap:25px}.social-buttons button,.social-buttons .secondary{font-size:14px}}
@media(max-width:370px){.social-buttons{grid-template-columns:1fr}}
/* V3: mantém os três cartões alinhados pelo topo, independente do texto */
.visual .option{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:start;gap:0;padding:0;height:100%;min-width:0}
.visual .option>img{display:block;flex:none;width:100%;height:275px;margin:0;object-fit:cover}
.visual .option-content{display:flex;align-items:flex-start;flex:1;min-width:0}
@media(max-width:700px){.visual .option{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto;align-items:stretch;gap:0}.visual .option>img{height:100%;min-height:170px}.visual .option-content{align-self:start}}
@media(max-width:370px){.visual .option{grid-template-columns:88px minmax(0,1fr)}}
/* V4: abertura sem chamada superior e título sem itálico */
.intro{align-items:start}.intro h1{margin-top:0}.intro h1 .universe-title{font-style:normal;font-weight:400;color:var(--green)}

/* V5: links oficiais no rodapé, com área de toque legível */
footer{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.footer-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none;color:var(--ink)}.footer-links a:hover{text-decoration:underline}.instagram-icon{flex:none}
@media(max-width:700px){footer{flex-direction:column;align-items:flex-start;gap:8px}footer>span{max-width:none}.footer-links{gap:4px 20px}.footer-links a{font-size:14px}}
/* V6: rodapé sem slogan e assinatura superior atualizada */
header>span{max-width:230px;text-align:right}
footer{align-items:center;gap:12px 24px}
@media(max-width:700px){header>span{max-width:160px;letter-spacing:1.1px}footer{align-items:flex-start;gap:8px}footer .text-button{padding-top:0}.footer-links{align-items:flex-start}}

/* V7: três ações em ordem de leitura, com uma ação por linha */
.social-buttons{display:grid;grid-template-columns:1fr;gap:12px}.social-buttons a:last-child{grid-column:auto}.social-buttons button,.social-buttons .secondary{font-size:16px;min-height:56px;padding:15px 20px}

/* V8: ícone WhatsApp e ação de rodapé no mesmo estilo dos links oficiais */
.whatsapp-icon{flex:none}.social-buttons #whatsapp-share{gap:10px}.social-buttons #share{white-space:normal;text-align:center}.footer-share-status{font:14px/1.5 Montserrat,Arial,sans-serif;color:var(--ink);width:100%;margin:0}

/* V9: logo original fornecido pela Maison, preservando as proporções */
.social-buttons #whatsapp-share .whatsapp-icon{display:block;width:23px;height:23px;object-fit:contain;flex:none;margin:0}

/* V11: título, fotografia oficial, compartilhamento e interpretação */
.result{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;max-width:950px;margin-inline:auto;align-items:start}.result-heading,.result-copy{min-width:0}.result-heading h1{margin-top:12px}.result-heading .tags{margin-bottom:0}.result .result-art{grid-row:auto;position:static;max-width:600px;width:100%;margin-inline:auto}.result-art .universe-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:none;object-fit:contain}.result-copy .social{margin-top:0}
@media(max-width:700px){.result{grid-template-columns:minmax(0,1fr);gap:22px}.result .result-art{grid-row:auto;max-width:none;margin:0}.result-art .universe-photo{max-height:none;height:auto}}