@font-face{font-family:Italiana;src:url(fonts/italiana-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Script;src:url(fonts/mrs-saint-delafield-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Cormorant;font-weight:400;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Cormorant;font-weight:500;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Cormorant;font-weight:600;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Cormorant;font-style:italic;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-display:swap}
:root{--ivory:#fbf9f5;--sand:#f1e9da;--gold:#b59a6a;--gold-d:#7d6438;--ink:#1d1b18;--mute:#5d574d;--sea:#5f7f92;--line:#dccfb6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--ivory);color:var(--ink);font:500 20px/1.55 Cormorant,Georgia,serif;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}a{color:var(--gold-d)}
h2{font:400 clamp(28px,3vw,38px)/1.2 Italiana,Georgia,serif;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin:0 0 8px}
h3{font:600 23px/1.3 Cormorant,Georgia,serif;margin:0 0 6px}
p{margin:0 0 14px}
.rule{display:flex;justify-content:center;gap:14px;margin:12px auto 34px}.rule i{width:72px;height:1px;background:var(--gold)}
.names{font-family:Italiana,Georgia,serif;letter-spacing:.3em;margin:0}
.script{font-family:Script,cursive;font-weight:400;margin:0;line-height:1.1}
/* nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(251,249,245,.96);border-bottom:1px solid var(--line)}
.nav-in{max-width:1320px;margin:auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:22px}
.brand{font:400 18px Italiana,Georgia,serif;letter-spacing:.22em;color:var(--ink);text-decoration:none;white-space:nowrap}
.links{display:flex;gap:11px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.links::-webkit-scrollbar{display:none}
.links a{font:600 13px Cormorant,Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-decoration:none;white-space:nowrap;padding:6px 0}
.links a:hover{color:var(--gold-d)}
.lang{display:flex;gap:8px;font:600 14px Cormorant,Georgia,serif;letter-spacing:.08em;padding-left:18px;border-left:1px solid var(--line)}
.lang a{color:var(--mute);text-decoration:none;padding:6px 2px}.lang a[aria-current]{color:var(--ink);border-bottom:1px solid var(--gold)}
/* hero */
.hero{max-width:1240px;margin:auto;padding:56px 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hero-text{text-align:center}.hero .names{font-size:clamp(28px,3.1vw,42px)}
.hero .script{font-size:clamp(68px,8vw,112px);margin:18px 0 6px}
.hero .rule{margin:10px auto 24px}
.dates{display:flex;justify-content:center;gap:48px}
.date b{display:block;font:400 clamp(26px,2.6vw,34px)/1.2 Italiana,Georgia,serif;letter-spacing:.14em}
.date span{font:600 15px Cormorant,Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.frame{padding:12px;border:1px solid var(--gold);outline:1px solid var(--line);outline-offset:5px}
.frame img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
/* sections */
section{padding:72px 24px}section.alt{background:var(--sand)}
.wrap{max-width:1080px;margin:auto}.narrow{max-width:720px;margin:auto;text-align:center}
.lead{text-align:center;max-width:720px;margin:0 auto 32px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:14px;margin-top:40px;grid-template-areas:"dunas copa copa veneza" "dunas virginia brasil veneza" "itaquera virginia brasil gui"}
.gallery figure{margin:0;position:relative;overflow:hidden}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figcaption{position:absolute;inset:auto 0 0;padding:26px 12px 9px;font:italic 400 17px/1.25 Cormorant,Georgia,serif;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.card{background:var(--ivory);border:1px solid var(--line);padding:28px}
section:not(.alt) .card{background:#fff}
.card .when{font:400 19px Italiana,Georgia,serif;letter-spacing:.14em;color:var(--gold-d);margin-bottom:4px}
.card ul{margin:0 0 14px;padding-left:20px}.card li{margin-bottom:5px}
.tl{list-style:none;padding:0!important;margin:14px 0}.tl li{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--line);margin:0}
.tl b{min-width:112px;font-weight:600}
.note{border-left:2px solid var(--gold);padding:4px 0 4px 14px;font-style:italic}
.map{width:100%;height:300px;border:0;display:block;margin:14px 0 12px;background:var(--sand)}
.soon{display:inline-block;font:600 13px Cormorant,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);border:1px solid var(--gold);padding:1px 9px;border-radius:2px}
details{background:var(--ivory);border:1px solid var(--line);margin-bottom:10px;padding:0 20px}
section:not(.alt) details{background:#fff}
summary{cursor:pointer;font-weight:600;padding:14px 0}details p{padding-bottom:6px}
.rsvp{text-align:center}.rsvp .dl{margin-top:10px}
footer{padding:44px 24px;text-align:center;background:var(--ink);color:#e9e1d1}
footer .script{font-size:52px}footer a{color:#cdbb98;font-size:16px}
/* idioma */
.choose,.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--sand)}
.login-card{width:min(480px,100%);background:var(--ivory);border:1px solid var(--gold);outline:1px solid var(--line);outline-offset:-9px;padding:52px 36px;text-align:center}
.login-card .names{font-size:clamp(21px,5.5vw,27px)}.login-card .script{font-size:56px;margin-top:12px}
.login-card .rule{margin:8px auto 26px}
label{display:block;font:600 15px Cormorant,Georgia,serif;letter-spacing:.08em;margin-bottom:8px}
input{width:100%;font:500 20px Cormorant,Georgia,serif;padding:12px;border:1px solid var(--gold);background:#fff;text-align:center;border-radius:0}
input:focus,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
button,.btn{display:block;width:100%;margin-top:14px;padding:13px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 16px Cormorant,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-decoration:none;text-align:center}
.btn.line{background:transparent;color:var(--ink)}.btn.line:hover{background:var(--ink);color:#fff}
.erro{color:#8c2f22;font-size:17px;margin:12px 0 0}
@media(max-width:900px){body{font-size:19px}
.nav-in{gap:12px;padding:0 16px;height:auto;flex-wrap:wrap;padding-block:10px}.brand{font-size:16px}.lang{margin-left:auto;padding-left:0;border:0}
.links{order:3;width:100%;margin:0;gap:16px}
.hero{grid-template-columns:1fr;gap:32px;padding:36px 16px 48px}.frame{order:-1;margin:6px}
.dates{gap:26px}section{padding:52px 16px}
.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;gap:8px;grid-template-areas:"copa copa" "dunas veneza" "dunas veneza" "itaquera gui" "virginia brasil" "virginia brasil"}
.card{padding:22px}.cards{grid-template-columns:1fr}h2{letter-spacing:.14em}
html{scroll-padding-top:104px}.tl b{min-width:96px}}
.faq{text-align:left}
.g-dunas{grid-area:dunas}
.g-copa{grid-area:copa}
.g-veneza{grid-area:veneza}
.g-itaquera{grid-area:itaquera}
.g-gui{grid-area:gui}
.g-virginia{grid-area:virginia}
.g-brasil{grid-area:brasil}
[hidden]{display:none!important}
.rsvp-form{max-width:560px;margin:18px auto 0}.rsvp-form.left{text-align:left}.rsvp-form .hi{font-size:23px;font-weight:600;text-align:center}
.bloco{border:1px solid var(--line);background:var(--ivory);padding:18px 20px;margin:0 0 14px;min-width:0}
.bloco legend{font:400 18px Italiana,Georgia,serif;letter-spacing:.1em;padding:0 8px}
.hint{font-size:16px;color:var(--mute);margin:0 0 10px}.q{font-weight:600;margin:12px 0 6px}
.opts{display:flex;gap:10px;flex-wrap:wrap}.opt{display:flex;align-items:center;gap:8px;font:500 19px Cormorant,Georgia,serif;letter-spacing:0;margin:0;padding:6px 12px;border:1px solid var(--line);background:#fff;cursor:pointer}
.opt input{width:auto;margin:0;accent-color:var(--gold-d)}
textarea{width:100%;font:500 19px Cormorant,Georgia,serif;padding:10px;border:1px solid var(--gold);background:#fff;border-radius:0}
.rsvp-form input:not([type=radio]){text-align:left}.okmsg{color:#3f6240;font-weight:600;text-align:center}
#rsvp-c{text-align:center!important;letter-spacing:.2em;text-transform:uppercase}
dialog.pop{border:1px solid var(--gold);background:var(--ivory);padding:32px;max-width:400px;width:calc(100% - 32px);text-align:center;color:var(--ink)}
dialog.pop::backdrop{background:rgba(29,27,24,.55)}dialog.pop .names{font-size:30px;margin-bottom:12px}
.adm-in{max-width:1240px;margin:auto;padding:40px 16px}.adm-btn{width:auto;display:inline-block;padding:9px 22px}
.tb{overflow-x:auto}.tb table{border-collapse:collapse;width:100%;font-size:17px;background:#fff}.tb th,.tb td{border:1px solid var(--line);padding:6px 10px;text-align:left}.tb th{background:var(--sand)}
.bloco legend{float:left;width:100%;padding:0;margin:0 0 6px}.bloco legend+*{clear:both}
/* entrada com foto */
.login,.choose{background:#2b2420 url(fundo.webp) center 68%/cover no-repeat;position:relative;align-items:end;padding-bottom:9vh}
.login::before,.choose::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.05) 0%,rgba(20,16,12,.15) 45%,rgba(20,16,12,.55) 100%);pointer-events:none}
.login .login-card,.choose .login-card{position:relative;background:rgba(251,249,245,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:rgba(181,154,106,.8);outline-color:rgba(220,207,182,.7);box-shadow:0 18px 50px rgba(0,0,0,.25)}
@media(max-width:900px){.login,.choose{align-items:center;padding-bottom:24px;background-position:center 62%}}
/* contagem regressiva */
.cd{display:flex;justify-content:center;gap:8px;margin-top:12px;font-family:Cormorant,Georgia,serif}
.cd span{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 4px;border:1px solid var(--line);background:#fff}
.cd b{font:500 22px/1.1 Cormorant,Georgia,serif;font-variant-numeric:tabular-nums}
.cd small{font:600 11px Cormorant,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cd.done{font:italic 500 22px Cormorant,Georgia,serif;color:var(--gold-d)}
.date{display:flex;flex-direction:column;align-items:center}
/* fotos do ensaio */
.fotos{position:relative;padding:28px 0}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip img{height:440px;width:auto;flex:none;scroll-snap-align:center;object-fit:cover}
.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;margin:0;padding:0;border-radius:24px;border:1px solid var(--line);background:rgba(251,249,245,.92);color:var(--ink);display:grid;place-items:center;z-index:2}
.nav-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.nav-btn.prev{left:16px}.nav-btn.next{right:16px}
/* celebração */
.card .tag{display:inline-block;font:600 13px Cormorant,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 10px}
.big{font-size:22px}
.story-text{text-align:left;margin-bottom:8px}.story-text p{margin-bottom:16px}
/* visto */
.visa-form{text-align:left;margin-top:18px}
.visa-row{display:flex;gap:10px}.visa-row button{width:auto;margin:0;padding:12px 22px}
select{flex:1;min-width:0;font:500 19px Cormorant,Georgia,serif;padding:11px 10px;border:1px solid var(--gold);background:#fff;color:var(--ink);border-radius:0}
.visa-out{text-align:left;margin-top:16px}
.verdict{padding:12px 16px;border:1px solid var(--line);background:#fff;margin-bottom:8px}
.verdict.ok{border-left:3px solid #3f6240}.verdict.need{border-left:3px solid #8c2f22}
/* presentes */
.gift-btn{display:inline-block;width:auto;padding:12px 28px;margin:4px 0 22px}
.acc-intro{margin-top:18px}
.acc-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.acc-tabs button{width:auto;margin:0;padding:9px 16px;background:transparent;color:var(--ink);border:1px solid var(--gold)}
.acc-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.acc-panel{text-align:left;background:#fff;border:1px solid var(--line)}
.acc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}
.acc-row:first-child{border-top:0}.acc-row small{display:block;font-size:14px;color:var(--mute);letter-spacing:.04em}
.acc-row .v{font-weight:600;word-break:break-all}
.acc-row .copy{width:auto;margin:0;padding:7px 14px;font-size:13px;flex:none}
/* RSVP com bandeiras */
.flags{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.flag-btn{width:210px;margin:0;padding:18px 12px;background:#fff;color:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font:600 18px Cormorant,Georgia,serif}
.flag-btn:hover{border-color:var(--gold-d)}.flag-btn .flag{border:1px solid var(--line)}
.flag-btn small{font:500 14px Cormorant,Georgia,serif;color:var(--mute)}
.rsvp .hi{font-size:23px;font-weight:600}
.rsvp-form .btn.line{margin-top:10px}
dialog.pop .flags{gap:10px}dialog.pop .flag-btn{width:150px;padding:14px 8px;font-size:16px}
@media(max-width:900px){.strip img{height:300px}.strip{padding:0 16px}.nav-btn{display:none}.flag-btn{width:100%}.visa-row{flex-direction:column}.visa-row button{width:100%}}
@media(max-width:900px){.dates{flex-direction:column;align-items:center;gap:26px}}
.login,.choose{justify-items:end;align-items:center;padding:24px 7vw}
.login .login-card,.choose .login-card{width:min(430px,100%)}
@media(max-width:900px){.login,.choose{justify-items:center;align-items:start;padding:20px 16px;background-position:center 75%}
.login .login-card,.choose .login-card{padding:30px 22px 26px}.login .login-card .script,.choose .login-card .script{font-size:44px;margin-top:6px}
.choose .login-card .btn{margin-top:10px;padding:10px}}
/* nomes grandes sobre a foto, como no benchmark do Canva */
.login,.choose{display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;padding:7vh 7vw 6vh}
.photo-title{position:relative;margin:0;font:400 clamp(54px,8.5vw,128px)/1 Cormorant,Georgia,serif;letter-spacing:.01em;color:rgba(29,27,24,.72);text-align:center}
.login .login-card,.choose .login-card{align-self:end;justify-self:end;width:min(400px,100%);padding:30px 30px 28px}
.login .login-card .script,.choose .login-card .script{font-size:52px;margin:0}
@media(max-width:900px){.login,.choose{padding:6vh 16px 20px}.photo-title{font-size:clamp(48px,14vw,72px)}
.login .login-card,.choose .login-card{justify-self:center}}
/* contas no formato do benchmark */
.acc-item{text-align:left;padding:22px 0;border-top:1px solid var(--line)}
.acc-item:last-child{border-bottom:1px solid var(--line)}
.acc-item h3{font:500 20px Cormorant,Georgia,serif;font-variant:small-caps;letter-spacing:.06em;margin-bottom:10px}
.acc-item p{margin:0 0 4px;word-break:break-word}
.acc-item .copy-all{margin-top:14px}
.fake-link{display:inline-block;font-weight:600;color:var(--gold-d);border-bottom:1px solid var(--gold);margin:0 0 18px;cursor:default}
.login,.choose{background-position:center 36%}
.login .login-card,.choose .login-card{align-self:center}
@media(max-width:900px){.login,.choose{background-size:auto 114%;background-position:center top}
.login .login-card,.choose .login-card{align-self:start;margin-top:18px;padding:24px 22px 22px}
.login .login-card .script,.choose .login-card .script{font-size:42px}}
@media(max-width:900px){.login,.choose{background-size:auto 93vh;background-position:center -21vh;background-color:#1c1612}
.login .login-card,.choose .login-card{align-self:end;margin-top:0}}
@media(max-width:900px){.login,.choose{background-position:center -16vh}}
/* capa: opção A, sem escurecer a foto */
@font-face{font-family:InstrumentSerif;src:url(fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-display:swap}
.login::before,.choose::before{background:none}
.photo-title{font:400 clamp(72px,11.5vw,170px)/.9 InstrumentSerif,Georgia,serif;letter-spacing:.015em;color:#f3e7d3;text-transform:uppercase;text-shadow:0 2px 24px rgba(40,25,15,.35);margin-top:14vh}
@media(min-width:901px){.login .login-card,.choose .login-card{align-self:end}}
@media(max-width:900px){.photo-title{font-size:21vw;margin-top:9vh}}
.photo-title{color:rgba(29,27,24,.74);text-shadow:none;margin-top:4vh}
@media(max-width:900px){.photo-title{margin-top:2vh}}
@media(max-width:900px){.photo-title{font-size:13.5vw;white-space:nowrap;margin-top:3vh}}
.photo-title{color:#f3e7d3;text-shadow:0 1px 2px rgba(60,38,22,.55),0 4px 28px rgba(60,38,22,.55)}
.login::before,.choose::before{background:linear-gradient(180deg,rgba(48,30,18,.42) 0%,rgba(48,30,18,.22) 28%,rgba(48,30,18,0) 50%)}
.photo-title{text-shadow:0 2px 18px rgba(48,30,18,.45)}
@media(max-width:900px){.login::before,.choose::before{background:linear-gradient(180deg,rgba(48,30,18,.45) 0%,rgba(48,30,18,0) 22%)}}
/* capa exatamente como a opção A */
.login,.choose{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vh 16px;background-position:center 36%;background-size:cover}
.login::before,.choose::before{background:linear-gradient(180deg,rgba(28,18,12,.42),rgba(28,18,12,.55))}
.photo-title{font-size:clamp(72px,11.5vw,170px);line-height:.9;letter-spacing:.015em;color:#f3e7d3;text-shadow:none;white-space:normal;margin:-14vh 0 4vh}
.login .login-card,.choose .login-card{position:absolute;right:6vw;bottom:9vh;width:min(360px,100%);margin:0;padding:22px 26px 24px}
@media(max-width:900px){.login,.choose{justify-content:flex-end;padding:6vh 16px;background-size:auto 93vh;background-position:center -16vh}
.photo-title{font-size:21vw;white-space:normal;margin:0 0 4vh}
.login .login-card,.choose .login-card{position:relative;right:auto;bottom:auto;align-self:center}}
@media(min-width:901px){.photo-title{margin-top:-20vh}.login .login-card,.choose .login-card{bottom:5vh}}
/* caixa menor, sem "Welcome" */
.login .login-card,.choose .login-card{width:min(290px,100%);padding:16px 18px 18px;outline-offset:-6px}
.login label{font-size:13px;margin-bottom:6px}
.login input{font-size:17px;padding:7px 10px}
.login button,.choose .login-card .btn{margin-top:10px;padding:9px;font-size:13px}
.choose .login-card p{font-size:15px;margin-bottom:6px}
.login .erro{font-size:14px;margin-top:8px}
/* caixa centralizada, quase colada no rodapé */
@media(min-width:901px){.login .login-card,.choose .login-card{right:auto;left:50%;transform:translateX(-50%);bottom:2.5vh}}
@media(max-width:900px){.login,.choose{padding-bottom:2.5vh}}
@media(max-width:900px){.photo-title .l2{display:block}}
.fake-link a{color:inherit;text-decoration:none}.fake-link a:hover{color:var(--ink)}
/* ===== rodada de 14/11 ===== */
/* capa: mostrar mais de nós, nomes mais acima */
@media(min-width:901px){
.login,.choose{justify-content:flex-start;padding-top:6vh;background-position:center 60%}
.photo-title{margin:0}}
.choose .login-card .btn:first-child{margin-top:0}
/* cabeçalho */
.links{gap:26px}
.links a{letter-spacing:.08em}
.links a.nav-rsvp{background:#e6e1d8;color:var(--ink);padding:6px 14px}
.links a.nav-rsvp:hover{background:#dcd5c9}
.lang{gap:16px;margin-left:44px;padding-left:28px}
@media(max-width:900px){.links{gap:20px}.lang{margin-left:auto;padding-left:0;gap:14px}}
/* topo: nomes no estilo da capa, subtítulo mais discreto */
.hero-names{margin:0;font:400 clamp(52px,5.6vw,80px)/.95 InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.015em;color:var(--ink)}
.hero-names .l2{display:block}
.hero .hero-sub{font-size:clamp(34px,3.2vw,46px);color:var(--gold-d);margin:2px 0 30px}
/* contagem sem caixas, número sublinhado */
.date b{margin-bottom:2px}
.cd{gap:18px;margin-top:22px}
.cd span{border:0;background:none;min-width:0;padding:0}
.cd b{font-size:26px;padding:0 3px 3px;border-bottom:1px solid var(--gold);margin-bottom:5px}
.cd small{font-size:11px}
/* celebração: arcos e hierarquia */
.cel-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.cel-grid.one{grid-template-columns:minmax(0,640px);justify-content:center}
.cel{background:#fff;border:1px solid var(--line);padding:32px 34px 30px}
.cel .arch{width:190px;height:250px;box-sizing:border-box;border:1px solid var(--gold);outline:1px solid var(--line);outline-offset:6px;border-radius:95px 95px 0 0;background:var(--sand);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px 10px 18px;margin:6px 30px 18px 6px;float:left;shape-outside:inset(-14px -30px -18px -14px round 110px 110px 0 0)}
.cel.r .arch{float:right;margin:6px 6px 18px 30px;shape-outside:inset(-14px -14px -18px -30px round 110px 110px 0 0)}
.arch-city{font:400 40px/1 Script,cursive;color:var(--gold-d)}
.arch-date{font:400 34px/1 InstrumentSerif,Georgia,serif;letter-spacing:.06em}
.arch-tag{font:600 11px Cormorant,Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);border-top:1px solid var(--gold);padding-top:8px;margin-top:4px}
.cel h3{font:400 30px/1.15 InstrumentSerif,Georgia,serif;margin:4px 0 8px}
.cel-day{font-weight:600;letter-spacing:.04em;color:var(--gold-d);margin-bottom:10px}
.cel-desc{font-size:19px;color:var(--mute)}
.tl2{list-style:none;padding:0;margin:16px 0 0;clear:both;border-left:1px solid var(--gold)}
.tl2 li{position:relative;padding:4px 0 12px 22px;display:flex;flex-direction:column}
.tl2 li::before{content:"";position:absolute;left:-5px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.tl2 .t{font:600 14px Cormorant,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
@media(max-width:900px){.cel-grid{grid-template-columns:1fr;gap:28px}.cel{padding:24px 20px}
.cel .arch,.cel.r .arch{float:none;margin:6px auto 22px;shape-outside:none}.cel h3,.cel-day,.cel-desc{text-align:center}}
/* onde ficar */
.sites{display:flex;gap:10px;flex-wrap:wrap}
.site-btn{display:inline-block;padding:7px 16px;border:1px solid var(--gold);color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.04em}
.site-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
span.fake-link{margin:0;border-bottom:1px solid var(--gold)}
/* visto com cor e ícone */
.verdict{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-left-width:1px}
.verdict p{margin:0}
.verdict.ok{background:#eef5ec;border-color:#a9c9a3;color:#2f5130}
.verdict.need{background:#fbeee0;border-color:#e6b57e;color:#7a3f0e}
.verdict svg{flex:none}
/* FAQ dividido */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;text-align:left}
.faq-grid h3{font:400 28px InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr}}
/* bandeiras em contorno */
.flag-btn .flag{border:0;color:var(--ink)}
.flag-btn:hover .flag{color:var(--gold-d)}
.rsvp .hi{margin-bottom:6px}
@media(min-width:901px){.nav-in{max-width:1480px;gap:18px}
.links{gap:clamp(12px,1.45vw,28px)}
.links a{font-size:13px;letter-spacing:.05em}
.lang{margin-left:clamp(14px,2.2vw,44px);padding-left:clamp(14px,1.6vw,28px)}}
/* cabeçalho em duas linhas no desktop: marca e idiomas em cima, seções centralizadas embaixo */
@media(min-width:901px){html{scroll-padding-top:112px}
.nav-in{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:10px;row-gap:6px}
.lang{margin-left:auto;border-left:0;padding-left:0;gap:22px}
.links{order:3;width:100%;margin:0;justify-content:center;flex-wrap:wrap;overflow:visible;gap:6px clamp(16px,1.8vw,30px)}}
/* logos dos sites de reserva */
.sites{gap:22px;align-items:center}
.site-logo{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);background:#fff}
.site-logo:hover{border-color:var(--gold-d)}
.site-logo img{height:44px;width:auto}
/* cabeçalho de volta a uma linha: o espaço entre as seções se ajusta para caber */
@media(min-width:901px){html.one{scroll-padding-top:76px}
.one .nav-in{flex-wrap:nowrap;height:60px;padding-top:0;padding-bottom:0;gap:clamp(14px,1.8vw,36px)}
.one .links{order:0;width:auto;flex:1;justify-content:space-between;flex-wrap:nowrap;gap:10px;overflow:visible}
.one .links a{font-size:clamp(11.5px,.98vw,12.5px);letter-spacing:.04em}
.one .lang{margin-left:0;border-left:1px solid var(--line);padding-left:clamp(14px,1.8vw,36px);gap:18px}}
/* capa: foto inteira, sem zoom; laterais com a mesma foto desfocada */
.login,.choose{background:url(fundo.webp) center/contain no-repeat,#2b2420 url(fundo-blur.webp) center/cover no-repeat}
@media(max-width:900px){.login,.choose{background:url(fundo.webp) center/contain no-repeat,#2b2420 url(fundo-blur.webp) center/cover no-repeat}}
/* topo da página: nomes maiores, mais espaço até as datas, datas afastadas, foto maior e à direita */
@media(min-width:901px){
.hero{max-width:1400px;grid-template-columns:1fr 1.12fr;gap:clamp(48px,5vw,88px);align-items:end;padding:56px 32px 64px}
.hero-text{padding-bottom:13px}
.hero-names{font-size:clamp(66px,7.2vw,108px)}
.hero .hero-sub{margin:8px 0 clamp(48px,7vh,80px)}
.dates{gap:clamp(64px,8vw,130px)}}
@media(max-width:900px){.hero-names{font-size:clamp(56px,15vw,80px)}.hero .hero-sub{margin-bottom:40px}}
/* celebração: sem os arcos */
.cel .arch,.cel.r .arch{float:none;width:auto;height:auto;border:0;outline:0;border-radius:0;background:none;padding:0 0 18px;margin:0 0 20px;shape-outside:none;border-bottom:1px solid var(--line)}
.cel h3,.cel-day,.cel-desc{text-align:center}
/* onde ficar: títulos maiores e mais espaço antes do texto */
#stay .card h3{font-size:30px;line-height:1.2;margin-bottom:18px}
/* planeje sua viagem: Brasil à esquerda, Peru à direita */
.trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.trip-col{display:grid;gap:18px}
.trip-col .col-t{font:400 28px InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.04em;margin:0;text-align:center}
@media(max-width:900px){.trip-grid{grid-template-columns:1fr}}
/* RSVP: cidade e data em linhas separadas nas bandeiras */
.flag-btn .fl span{display:block}
@media(max-width:900px){.login,.choose{background-position:center top,center;justify-content:space-between;padding-top:5vh}
.photo-title{margin:0}}
/* foto do topo vertical (P&B) */
@media(min-width:901px){.frame.tall{justify-self:end;width:fit-content}
.frame.tall img{aspect-ratio:2/3;width:auto;height:min(calc(100vh - 190px),720px);object-position:center 35%}}
.frame.tall img{aspect-ratio:4/5;object-position:center 35%}
@media(min-width:901px){.frame.tall img{aspect-ratio:4/5}}
/* celebrações */
.cel-desc{margin-top:4px}
/* onde ficar: Paracas organizado em partes */
.stay-pe .intro{font-style:italic;color:var(--mute);margin-bottom:6px}
.stay-pe h4{font:600 13px Cormorant,Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin:22px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.stay-pe .book{margin-top:4px}
/* planeje sua viagem: linhas alinhadas entre Brasil e Peru */
.trip-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:18px 36px;align-items:stretch}
.trip-grid .col-t{font:400 28px InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.04em;margin:0;text-align:center;align-self:end}
.trip-grid .card{padding:22px 26px}.trip-grid .card ul{margin-bottom:0}
@media(max-width:900px){.trip-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.trip-grid .col-t{margin-top:12px}}
/* visto em uma linha */
#visa .narrow>p:first-child{white-space:nowrap}
@media(max-width:600px){#visa .narrow>p:first-child{white-space:normal}}
/* contas: painel com itens separados por linhas, botão de largura total */
#acc-app{background:var(--ivory);border:1px solid var(--line);padding:6px 40px;margin-top:20px}
section:not(.alt) #acc-app{background:#fff}
.acc-item{padding:26px 0;border-top:1px solid var(--line)}
.acc-item:first-child{border-top:0}.acc-item:last-child{border-bottom:0}
.acc-item h3{font:500 21px Cormorant,Georgia,serif;font-variant:small-caps;letter-spacing:.06em;margin-bottom:12px}
.acc-item p{font-size:18px;margin:0 0 2px}
.acc-item .copy-all{display:block;width:100%;margin-top:18px;padding:12px;font-size:13px;letter-spacing:.22em}
@media(max-width:600px){#acc-app{padding:4px 18px}}
/* RSVP: a data limite vem primeiro e com mais peso que a pergunta */
.rsvp .dl{font-size:22px;margin-bottom:6px}.rsvp .dl b{font-weight:600}
.rsvp .hi,.rsvp-form .hi{font-size:19px;font-weight:500}
/* mapa da nossa história */
.mapa{max-width:960px;margin:40px auto 0;text-align:center}
.map-lead{font:italic 400 24px/1.4 Cormorant,Georgia,serif;max-width:640px;margin:0 auto 6px}
.map{width:100%;height:auto;display:block}
.map path{fill:#e9e2d4;stroke:var(--bg,#faf8f4);stroke-width:.6}
.map path.on{fill:#c9ae7c;cursor:pointer;transition:fill .2s}.map path.on:hover{fill:var(--gold-d)}
.map.country path{fill:#e9e2d4;stroke:#fff;stroke-width:1}
.map.c-br path{fill:#d9c49b}.map path.hl{fill:#d9c49b}
.pin{cursor:pointer;outline:none}.pin circle{fill:var(--gold-d);stroke:#fff;stroke-width:2}
.pin .halo{fill:rgba(181,154,106,.28);stroke:none;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}
.pin:hover circle:not(.halo),.pin:focus circle:not(.halo){fill:var(--ink)}
.pin text{font:600 18px Cormorant,Georgia,serif;fill:var(--ink);letter-spacing:.04em;paint-order:stroke;stroke:#fff;stroke-width:4px}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.pin .halo{animation:none}}
.map-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:4px}
.map-top .map-back{justify-self:start;width:auto;margin:0;padding:8px 14px;font-size:12px}
.map-top h3{font:400 30px InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.04em;margin:0}
.map.country{max-width:640px;margin:0 auto}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.chip{width:auto;margin:0;padding:8px 16px;background:transparent;color:var(--ink);border:1px solid var(--gold);font:600 13px Cormorant,Georgia,serif;letter-spacing:.12em;text-transform:uppercase}
.chip:hover{background:var(--ink);color:#fff}
dialog.lb{padding:0;border:0;background:transparent;max-width:min(92vw,900px);max-height:92vh;overflow:visible}
dialog.lb::backdrop{background:rgba(20,16,12,.82)}
dialog.lb figure{margin:0;background:#fff;padding:12px 12px 10px}
dialog.lb img{display:block;max-width:100%;max-height:78vh;margin:auto}
.lb-cap{text-align:center;margin:10px 0 0;font:italic 500 19px Cormorant,Georgia,serif}
.lb-nav,.lb-x{position:absolute;width:44px;height:44px;margin:0;padding:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);border:0;font:400 30px/44px Georgia,serif;letter-spacing:0}
.lb-nav{top:45%}.lb-nav.prev{left:-56px}.lb-nav.next{right:-56px}.lb-x{top:-18px;right:-18px;font-size:26px}
@media(max-width:900px){.lb-nav.prev{left:6px}.lb-nav.next{right:6px}.lb-x{top:6px;right:6px}.map-lead{font-size:20px}.map-top h3{font-size:24px}}
/* capa nova: foto horizontal em P&B, nomes por cima do casal */
.login,.choose{background:#2b2420 url(fundo.webp) 47% 18%/cover no-repeat}
.login::before,.choose::before{background:linear-gradient(180deg,rgba(28,18,12,.18),rgba(28,18,12,.38) 55%,rgba(28,18,12,.5))}
.photo-title{text-shadow:0 2px 30px rgba(28,18,12,.45)}
@media(min-width:901px){.login,.choose{justify-content:center;padding-top:0}
.photo-title{margin:18vh 0 0}}
@media(max-width:900px){.login,.choose{background:#2b2420 url(fundo.webp) 46% center/cover no-repeat;justify-content:flex-start;padding-top:0}
.photo-title{margin:46vh 0 0}
.login .login-card,.choose .login-card{margin-top:auto}}
@media(min-width:901px){.photo-title{margin:40vh 0 0}}
@media(max-width:900px){.photo-title{margin:57vh 0 0}}
/* legenda das fotos do mapa: nome + ano */
.lb-cap span{display:block}.lb-cap small{display:block;margin-top:2px;font:600 12px Cormorant,Georgia,serif;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
/* número de fotos no pino */
.pin .badge{fill:var(--ink);stroke:#fff;stroke-width:2}
.pin text.badge-n{font:700 12px Cormorant,Georgia,serif;fill:#fff;stroke:none;letter-spacing:0}
/* RSVP sem bandeiras: país grande, data logo abaixo */
.flag-btn{padding:22px 12px 20px;gap:6px}
.flag-btn .fl span:first-child{font:400 34px/1 InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.flag-btn .fl span:last-child{font:500 17px Cormorant,Georgia,serif;letter-spacing:.06em;color:var(--mute);margin-top:8px}
dialog.pop .flag-btn .fl span:first-child{font-size:28px}
.flag-btn:hover .fl span:first-child{color:var(--gold-d)}
.pin text.badge-n{font-size:15px}
/* celebrações: nome da cidade legível */
.arch-city{font:500 22px/1.2 Cormorant,Georgia,serif;text-transform:uppercase;letter-spacing:.24em;color:var(--gold-d)}
/* mapa: pino deslocado com linha até o ponto real */
.pin line.lead{stroke:var(--gold-d);stroke-width:1.5}.pin circle.dot{fill:var(--gold-d);stroke:none}
.map.c-pt{max-width:300px}.map.c-pt path{fill:#d9c49b}
/* dress code por país */
.dress-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.dress-grid.one{grid-template-columns:minmax(0,640px);justify-content:center}
.dress-col .col-t{font:400 28px InstrumentSerif,Georgia,serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;text-align:center}
.dress-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dress-pair .card{text-align:center;padding:22px 18px}
.dress-pair h4{font:600 13px Cormorant,Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);margin:0 0 8px}
.dress-pair p{margin:0;font-size:19px}
@media(max-width:900px){.dress-grid{grid-template-columns:1fr}}
@media(max-width:480px){.dress-pair{grid-template-columns:1fr}}
/* destaque do aeroporto */
.card .note{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--gold);background:var(--sand);font-weight:600}
/* fotos embaixo dos mapas de Locais */
.loc-fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}
.loc-fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.loc-fotos img:first-child{grid-column:1/-1;aspect-ratio:16/9}
/* Locais: cartões do mesmo tamanho, fotos alinhadas embaixo */
#loc .cards{align-items:stretch}
#loc .card{display:flex;flex-direction:column}
#loc .card .loc-fotos{margin-top:auto;padding-top:16px}
/* A & V mais à esquerda e separado das seções */
@media(min-width:901px){.nav-in{max-width:none;padding-left:clamp(16px,1.6vw,28px)}
.brand{margin-right:clamp(20px,3vw,64px)}}
.one .brand{margin-right:clamp(20px,3vw,64px)}
/* Onde ficar: texto especial de São Paulo igual ao de Paracas */
.stay-sp .intro{font-style:italic;color:var(--mute);margin-bottom:12px}
/* Dress code: parênteses na linha de baixo */
.dress-pair .paren{display:block;font-size:16px;color:var(--mute);margin-top:4px}
/* fotos do mapa: legenda maior */
.lb-cap span{font-size:26px;line-height:1.25}
.lb-cap small{font-size:16px;margin-top:6px;letter-spacing:.2em}
/* zoom da Europa */
.map.c-eu{max-width:860px}.map.c-eu path{fill:#e9e2d4;stroke:#fff;stroke-width:.8}
.map.c-eu path.on{fill:#c9ae7c}.map.c-eu path.on:hover{fill:var(--gold-d)}
/* rodapé com os nomes como no topo */
footer .foot-names{color:#f3e7d3;font-size:clamp(46px,5vw,72px);margin:0 0 14px}
/* celebrações: os dois cartões com a mesma altura */
.cel-grid{align-items:stretch}
/* onde ficar SP: linha separando o texto especial, igual ao lado de Paracas */
.stay-sp .intro{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}