:root{color-scheme:light;--paper:#f7f2e9;--ink:#483322;--bronze:#865c38;--muted:#756453}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 25% 48%,#fffdf8 0,transparent 54%),url('assets/fundo.svg') center/cover no-repeat,var(--paper)}
.page{max-width:1800px;margin:auto;min-height:100svh;padding:38px 5.5vw 25px;display:flex;flex-direction:column}
.top,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.top{padding-bottom:26px;border-bottom:1px solid #865c3826}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:21px;letter-spacing:.2em;color:var(--bronze)}
.edition{font-size:12px;letter-spacing:.22em;color:var(--muted)}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:76px 2.5vw 85px}
.brand-art{position:relative;width:100%;max-width:520px;justify-self:center;padding:17px}
.logo{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 24px 60px -28px #76502c66;position:relative}
.orbit{position:absolute;inset:0;border:1px solid #a47b4c40;border-radius:50%;transform:rotate(-24deg)}
.orbit:after{content:'';position:absolute;width:7px;height:7px;background:#aa7e50;border-radius:50%;left:50%;top:-4px;box-shadow:0 0 0 7px var(--paper)}
.message{padding:15px 0}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 29px;color:var(--bronze);font-size:12px;font-weight:500;letter-spacing:.15em;line-height:1.8}
.eyebrow span{width:30px;height:1px;background:var(--bronze);flex-shrink:0}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.6vw,88px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}
h1 em{font-weight:400;color:var(--bronze)}
.intro{font-size:17px;line-height:1.85;color:var(--muted);margin:0}
.signature{display:flex;align-items:center;gap:14px;color:#9e754d;width:125px;margin-top:36px}
.signature span{height:1px;background:#b18c665c;flex:1}
.closing{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-style:italic;margin:13px 0 0;color:var(--bronze)}
footer{border-top:1px solid #865c3826;padding-top:22px;color:var(--muted);font-size:12px;line-height:1.6}
footer span:last-child{letter-spacing:.15em;font-size:11px}
@media(prefers-reduced-motion:no-preference){main{animation:appear 1s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){main{gap:100px}}
@media(max-width:760px){.page{padding:24px 7vw 21px}.top{padding-bottom:20px}.wordmark{font-size:17px}.edition{font-size:10px;letter-spacing:.13em}main{grid-template-columns:1fr;gap:35px;padding:42px 0 46px}.brand-art{max-width:300px;padding:12px}.message{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:10px;letter-spacing:.12em;margin-bottom:20px}.eyebrow span{width:20px}h1{font-size:clamp(44px,10vw,68px);margin-bottom:20px}.intro{font-size:16px}.signature{margin:26px auto 0}.closing{font-size:19px}footer{gap:15px}footer span:last-child{font-size:9px;letter-spacing:.08em}}
@media(max-width:350px){.edition{display:none}.brand-art{max-width:240px}h1{font-size:40px}.eyebrow{font-size:9px}footer{align-items:flex-start;flex-direction:column;gap:6px}}

/* Apresentação do espaço e contactos */
.services{font-size:14px;line-height:1.9;color:var(--muted);max-width:420px;margin:13px 0 21px}
.location{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--bronze);margin:0 0 28px}
a{color:var(--bronze);text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}
.contact-cta,.whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 25px;border:1px solid var(--bronze);border-radius:3px;background:var(--bronze);color:#fffaf2;text-decoration:none;font-size:14px;line-height:1.5;transition:background .2s,color .2s}
.contact-cta:hover,.whatsapp:hover{background:#644023;border-color:#644023}
.contacts{scroll-margin-top:24px;border-top:1px solid #865c3826;display:grid;grid-template-columns:.85fr 1.4fr;gap:5vw;padding:48px 2.5vw 60px}
.contacts-heading .eyebrow{margin:0 0 12px;font-size:12px}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;letter-spacing:-.035em;margin:0 0 15px}
.contacts-heading>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}
.contact-card{padding:26px 22px;border:1px solid #865c3830;background:#fffaf26b;border-radius:4px;min-width:0}
h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:26px;margin:0 0 12px}
.instagram{display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.phone{display:block;width:fit-content;font-size:16px;line-height:1.6;margin:17px 0 22px;text-decoration:none}
.phone:hover{text-decoration:underline}.whatsapp{width:100%;padding-inline:12px}
@media(max-width:1050px){.contacts{grid-template-columns:1fr;gap:27px}.contacts-heading>p:last-child br{display:none}}
@media(max-width:760px){.services{margin:13px auto 21px}.location{justify-content:center}.contacts{padding:35px 0 42px}.contacts-heading{text-align:center}h2{font-size:32px}.contact-grid{gap:16px}.contact-card{padding:24px 18px}.contacts-heading .eyebrow{font-size:12px}}
@media(max-width:540px){.contact-grid{grid-template-columns:1fr}.contact-card{text-align:center}.phone{margin-inline:auto}.whatsapp{max-width:300px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
