*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--paper:#fbf8f1;--paper-2:#fffdfa;--line:#e7dfd1}
body{margin:0;background:#f8f5ef;color:var(--text);font-family:"Libre Baskerville",Georgia,serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
main{display:block}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* ===== Fidelidade exata da arte aprovada (desktop) ===== */
.reference-home{width:1055px;max-width:calc(100vw - 32px);margin:0 auto;background:#f7f3ec;line-height:0;box-shadow:none}
.reference-slice{position:relative;width:100%;line-height:0;overflow:hidden}
.reference-slice>img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none;filter:none!important;transform:none!important;backdrop-filter:none!important;image-rendering:auto}
.hotspot{position:absolute;z-index:5;display:block;background:transparent;border:0;outline-offset:2px;cursor:pointer}
.hotspot:focus-visible{outline:2px solid rgba(84,109,79,.75);border-radius:3px}
.reference-header-slice .nav-home{left:31.0%;top:19%;width:4.7%;height:67%}
.reference-header-slice .nav-story{left:37.2%;top:19%;width:9.1%;height:67%}
.reference-header-slice .nav-ceremony{left:47.1%;top:19%;width:7.2%;height:67%}
.reference-header-slice .nav-schedule{left:55.1%;top:19%;width:8.6%;height:67%}
.reference-header-slice .nav-lodging{left:64.6%;top:19%;width:8.2%;height:67%}
.reference-header-slice .nav-gifts{left:73.2%;top:19%;width:6.7%;height:67%}
.reference-header-slice .nav-rsvp{left:80.5%;top:19%;width:13.1%;height:67%}
.hero-scroll-hotspot{left:47.8%;top:89.5%;width:4.4%;height:9%}
.ceremony-map-hotspot{left:10.6%;top:91.5%;width:10.1%;height:8.5%}
.schedule-hotspot{left:29.6%;top:91.5%;width:14.5%;height:8.5%}
.lodging-hotspot{left:78.9%;top:91.5%;width:9.6%;height:8.5%}
.rsvp-button-hotspot{left:43.0%;top:69.5%;width:17.6%;height:16.5%}
.whatsapp-hotspot{left:74.1%;top:62.5%;width:13.9%;height:15.0%}
/* ===== Cabeçalho dinâmico ===== */
.site-header{height:66px;background:#fffdf9;position:relative;z-index:50;border-bottom:1px solid rgba(231,224,211,.28)}
.header-inner{width:min(84.8%,1068px);height:100%;margin:0 auto;display:flex;align-items:center}
.monogram{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;line-height:1;text-decoration:none;color:#8d7757;white-space:nowrap;display:flex;align-items:center;gap:6px}
.monogram span{font-size:20px;color:#bca06e;transform:translateY(-2px)}
.main-nav{margin-left:auto;display:flex;gap:31px;align-items:center;height:100%}
.main-nav a{font:500 11px/1 "Montserrat",Arial,sans-serif;letter-spacing:.025em;text-decoration:none;padding:25px 0 10px;position:relative;color:#393936;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.main-nav a:after{content:"";height:1px;width:0;background:var(--gold);position:absolute;left:0;bottom:8px;transition:.22s}
.main-nav a:hover:after,.main-nav a.active:after{width:100%}.main-nav a:hover{color:#b58f54;transform:translateY(-1px)}
.main-nav a.active{color:#b58f54}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:27px;height:1px;background:#615c52;margin:6px}
/* ===== Home dinâmica, usada após edições e no mobile ===== */
.dynamic-home{width:min(100%,1260px);margin:0 auto;background:#fbf8f1;overflow:hidden}
.hero{width:97.2%;margin:0 auto;position:relative;aspect-ratio:1037/457;overflow:hidden;background:#edf6f5}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;transform:none!important}
.hero-copy{position:absolute;z-index:2;left:50%;top:8.5%;transform:translateX(-50%);width:58%;text-align:center}
.hero-names{font-family:"Pinyon Script",cursive;font-weight:400;font-size:clamp(62px,7.55vw,104px);line-height:.78;color:#344d37;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.hero-names .amp{color:#c49c61;font-size:.95em}
.hero-rule{width:58%;height:1px;background:#c8a46c;margin:18px auto 11px;opacity:.75;position:relative}
.hero-rule span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(245,247,240,.9);padding:0 13px;color:#c29f65;font-size:13px;line-height:1}
.hero-date{font:500 clamp(17px,1.9vw,25px)/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.035em;color:#bf9458}
.scroll-cue{position:absolute;bottom:2.7%;left:50%;transform:translateX(-50%);z-index:4;width:32px;height:32px;border-radius:50%;border:1px solid rgba(196,162,105,.38);display:grid;place-items:center;background:rgba(255,255,255,.58);color:#b98f53;text-decoration:none;font-size:16px;line-height:1}
.welcome{position:relative;text-align:center;background:#fffdf9;overflow:hidden;padding:3.05% 20px 2.3%}
.welcome-inner{position:relative;z-index:2;width:min(54%,650px);margin:0 auto}
.welcome h2{font:600 clamp(12px,1.2vw,15px)/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.105em;color:#ba955d;margin:0 0 7px}
.tiny-heart{color:#c19c62;font-size:11px;line-height:1;margin-bottom:10px}
.welcome p{margin:0 auto;font-size:clamp(11px,1.08vw,14px);line-height:1.62}
.welcome .emphasis{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;color:#bd955b;font-size:clamp(16px,1.5vw,19px);margin-top:12px}
.welcome-decor{position:absolute;pointer-events:none;z-index:1;height:auto}
.welcome-decor-left{left:-.2%;bottom:-2%;width:22.3%}
.welcome-decor-right{right:1.1%;top:1%;width:22.7%}
.story-section{position:relative;background:#fbf8f1;border-top:1px solid #eee7dc;border-bottom:1px solid #ece5d8;padding:.1% 0 2.3%}
.story-grid{width:90.2%;margin:0 auto;display:grid;grid-template-columns:34.2% 27.8% 34.2%;gap:1.9%;align-items:center}
.story-media{position:relative;padding:0;margin:0}
.story-photo{width:100%;aspect-ratio:1.43/1;object-fit:cover;border:4px solid #fff;box-shadow:0 2px 8px rgba(72,61,43,.22)}
.story-copy{text-align:center;padding:0 4%}
.story-copy h2,.section-title{font:500 clamp(21px,2.2vw,28px)/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.075em;color:#35563c;margin:0 0 10px}
.story-ornament{font:400 17px/1 "Cormorant Garamond",serif;color:#b7a17b;letter-spacing:.12em;margin-bottom:16px}
.story-copy p{font-size:clamp(10px,1.03vw,13px);line-height:1.58;margin:0}
.info-grid{width:92.5%;margin:2.1% auto 0;position:relative;display:grid;grid-template-columns:24.2% 23.2% 25.1% 24.2%;gap:1.1%;align-items:stretch}
.info-card{min-height:0;background:#fffdf9;border:1px solid #ddd5c8;box-shadow:0 1px 4px rgba(50,45,35,.07);padding:4.5% 8% 5.2%;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.line-icon{color:#bca06e;margin:0 auto 5px}
.line-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;display:block}
.info-card h3{font:600 clamp(13px,1.4vw,17px)/1.18 "Cormorant Garamond",Georgia,serif;letter-spacing:.045em;color:#36583e;margin:2px 0 14px;white-space:nowrap}
.info-card p{font-size:clamp(9px,.92vw,12px);line-height:1.48;margin:0 0 8px}
.venue-name{font:500 clamp(12px,1.3vw,16px)/1.45 "Libre Baskerville",serif!important;margin-top:5px!important}
.small-rule{display:flex;align-items:center;justify-content:center;gap:10px;color:#b99864;margin:10px auto 18px;width:100%}
.small-rule:before,.small-rule:after{content:"";width:40px;height:1px;background:#ccb88f}
.small-rule.compact{margin:4px auto 9px}
.btn{display:inline-block;background:#536f51;color:#fff;text-decoration:none;font:500 clamp(9px,.86vw,11px)/1 "Montserrat",Arial,sans-serif;letter-spacing:.035em;padding:12px 22px;border-radius:2px;border:0;cursor:pointer;transition:.18s;white-space:nowrap}
.btn:hover{background:#415f45;transform:translateY(-1px)}
.info-card>.btn{margin-top:auto}
.schedule-list{list-style:none;margin:0 0 12px;padding:0;width:100%;text-align:left}
.schedule-list li{display:grid;grid-template-columns:25px 43px 1fr;column-gap:6px;align-items:start;font-size:clamp(8px,.82vw,10.5px);line-height:1.24;margin-bottom:7px}
.schedule-list b{color:#a77f4e;font-weight:500}
.schedule-icon{color:#bca273;text-align:center;font-size:15px;line-height:1}
.info-photo-frame{position:relative;z-index:2;background:#fff;padding:4px;box-shadow:0 2px 8px rgba(73,62,42,.23);height:100%}
.info-photo{width:100%;height:100%;min-height:0;object-fit:cover}
.cards-decor{position:absolute;z-index:3;pointer-events:none;height:auto}
.cards-decor-left{left:-3.4%;bottom:-2.5%;width:9.5%}
.cards-decor-right{right:-3%;bottom:-2%;width:10.2%}
.rsvp-band{position:relative;display:grid;grid-template-columns:37% 34% 29%;align-items:center;background:#fffdf9;border-top:1px solid #eee8dc;overflow:hidden;min-height:0}
.lake-wrap{height:100%;align-self:stretch;overflow:hidden}
.lake-art{width:100%;height:100%;min-height:230px;object-fit:cover;object-position:center}
.rsvp-copy{text-align:center;padding:5% 4%;position:relative;z-index:2}
.rsvp-top-leaf{font-size:27px;color:#78866c;transform:rotate(-8deg);height:20px;line-height:1;margin-bottom:4px}
.rsvp-copy h2{font:500 clamp(20px,2.1vw,27px)/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.06em;color:#35583d;margin:0 0 5px}
.rsvp-copy p{font-size:clamp(9px,.92vw,12px);line-height:1.55;margin:7px auto 14px;max-width:470px}
.contact-card{width:79%;justify-self:center;margin-right:7%;background:#fffdfa;border:1px solid #ded6c8;padding:7% 7% 8%;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.05);position:relative;z-index:2}
.contact-card h3{font:600 clamp(11px,1.05vw,14px)/1.2 "Cormorant Garamond",serif;letter-spacing:.05em;color:#6f675a;margin:0 0 10px}
.contact-card p{font-size:clamp(8px,.78vw,10px);line-height:1.45;margin:0 0 13px;position:relative;z-index:2}
.whatsapp-btn{position:relative;z-index:3;padding-left:16px;padding-right:16px}
.contact-leaves{position:absolute;right:-13%;top:-8%;width:45%;height:auto;z-index:1;pointer-events:none}
.site-footer{min-height:38px;background:#5b7659;color:#efe7d7;display:flex;align-items:center;justify-content:center;gap:15px;font:500 10px/1 "Cormorant Garamond",serif;letter-spacing:.08em}
.footer-flourish{opacity:.72}.footer-flourish.mirror{transform:scaleX(-1)}.dot{color:#e1c899}
/* ===== Páginas internas ===== */
.page-hero{background:linear-gradient(rgba(250,247,239,.87),rgba(250,247,239,.93)),url('../images/hero-watercolor.jpg') center/cover;min-height:275px;display:grid;place-items:center;text-align:center;padding:50px 20px}
.page-hero h1{font:400 58px "Pinyon Script",cursive;color:var(--green-dark);margin:0}
.page-hero p{color:var(--gold);font:500 17px "Cormorant Garamond",serif}
.content-wrap{max-width:960px;margin:auto;padding:55px 24px}.content-wrap h2{font:500 30px "Cormorant Garamond",serif;color:var(--green-dark)}.content-wrap p{font-size:14px}
.timeline{position:relative;max-width:700px;margin:35px auto}.timeline:before{content:"";position:absolute;left:88px;top:5px;bottom:5px;width:1px;background:#d8c9ad}.timeline-item{display:grid;grid-template-columns:70px 35px 1fr;gap:12px;margin:0 0 28px;align-items:start}.timeline-time{color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:18px}.timeline-dot{width:13px;height:13px;border:2px solid var(--gold);border-radius:50%;background:#fff;margin-top:7px;z-index:2}.timeline h3{margin:0;color:var(--green-dark);font:600 20px "Cormorant Garamond",serif}.timeline p{margin:3px 0}
.form-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e2dbce;box-shadow:0 4px 20px rgba(68,56,34,.07);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font:600 13px "Cormorant Garamond",serif;color:#655c4e;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #d8d0c2;background:#fffdf9;font:14px Georgia,serif;border-radius:2px}.field textarea{min-height:100px;resize:vertical}.notice{padding:13px 16px;border:1px solid #d7c8a8;background:#fffaf0;margin-bottom:20px}.gift-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gift-card,.gallery-card{border:1px solid #e2dbce;background:#fff;padding:12px}.gift-card img,.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gift-card h3{font:600 20px "Cormorant Garamond",serif;color:var(--green-dark);margin:12px 0 4px}.gift-price{color:var(--gold);font-weight:700}.empty-state{text-align:center;border:1px dashed #d7cfc0;padding:35px;color:#8b8274}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.two-col img{border:5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
[data-reveal]{opacity:0;transform:translateY(10px);transition:.55s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(min-width:761px){
.reference-hidden-header,.reference-hidden-footer{display:none!important}
.reference-home{display:block!important}
.dynamic-home.template-fallback{display:none!important}
}
@media(max-width:1100px) and (min-width:761px){
.main-nav{gap:19px}.main-nav a{font-size:9px}.header-inner{width:92%}
}
@media(max-width:760px){
body{background:#fffdf9}
.reference-home{display:none!important}
.reference-hidden-header{display:block!important}
.reference-hidden-footer{display:flex!important}
.dynamic-home.template-fallback{display:block!important}
.site-header{height:64px;position:sticky;top:0;box-shadow:0 2px 12px rgba(65,57,42,.05)}
.header-inner{width:100%;padding:0 18px}
.monogram{font-size:30px}
.menu-toggle{display:block}
.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fffdf9;border-top:1px solid #eee7da;padding:10px 22px 18px;flex-direction:column;gap:0;box-shadow:0 10px 20px rgba(0,0,0,.07)}
.main-nav.open{display:flex}
.main-nav a{width:100%;padding:12px 0;font-size:11px}
.main-nav a:after{bottom:8px}
.dynamic-home{width:100%}
.hero{width:100%;aspect-ratio:auto;min-height:510px;margin:0;background:#eaf3f1}
.hero-image{object-fit:cover;object-position:center;height:100%;filter:saturate(.96) contrast(1.02)!important}
.hero-copy{top:9%;width:94%}
.hero-names{font-size:66px;line-height:.78}
.hero-rule{width:55%;margin-top:17px}.hero-date{font-size:19px}.scroll-cue{bottom:16px}
.welcome{padding:44px 18px 34px}.welcome-inner{width:92%}.welcome h2{font-size:13px}.welcome p{font-size:12px;max-width:480px}.welcome .emphasis{font-size:18px}.welcome-decor-left{width:38%;opacity:.55}.welcome-decor-right{width:38%;opacity:.55}
.story-section{padding:14px 0 28px}.story-grid{width:91%;grid-template-columns:1fr;gap:22px}.story-copy{order:-1;padding:4px 8%}.story-copy h2{font-size:27px}.story-copy p{font-size:12px}.story-photo{aspect-ratio:1.43/1}
.info-grid{width:91%;grid-template-columns:1fr;gap:14px;margin-top:24px}.info-card{padding:26px 24px;min-height:285px}.info-card h3{font-size:18px}.info-card p{font-size:12px;max-width:350px}.venue-name{font-size:15px!important}.schedule-list{max-width:270px;margin-left:auto;margin-right:auto}.schedule-list li{grid-template-columns:28px 48px 1fr;font-size:11px}.btn{font-size:10px;padding:12px 22px}.info-photo-frame{height:390px}.cards-decor{display:none}
.rsvp-band{grid-template-columns:1fr}.lake-wrap{height:215px}.lake-art{min-height:0;height:215px}.rsvp-copy{padding:34px 20px}.rsvp-copy h2{font-size:26px}.rsvp-copy p{font-size:11px}.contact-card{width:calc(100% - 40px);margin:0 auto 30px;padding:24px 22px}.contact-card h3{font-size:14px}.contact-card p{font-size:10px}.contact-leaves{width:32%;right:-5%;top:-12%}
.site-footer{flex-wrap:wrap;padding:11px 18px;font-size:9px;min-height:42px}
.form-grid{grid-template-columns:1fr}.gift-grid,.gallery-grid,.two-col{grid-template-columns:1fr}.page-hero h1{font-size:50px}.timeline:before{left:70px}.timeline-item{grid-template-columns:55px 24px 1fr}.content-wrap{padding:38px 18px}
}
@media(max-width:430px){
.hero{min-height:465px}.hero-names{font-size:58px}.hero-date{font-size:18px}.welcome{padding-top:38px}.story-copy h2{font-size:25px}.info-photo-frame{height:345px}.rsvp-copy h2{font-size:23px}
}
/* ===== V4: fidelidade absoluta no desktop ===== */
@media (min-width:761px){
body{background:#f8f5ef}
main{width:100%}
.reference-home{
width:1055px!important;
max-width:calc(100vw - 32px)!important;
margin-left:auto!important;
margin-right:auto!important;
overflow:visible!important;
}
.reference-slice,
.reference-slice>img{
filter:none!important;
backdrop-filter:none!important;
transform:none!important;
}
.reference-slice>img{
width:100%!important;
height:auto!important;
object-fit:contain!important;
}
.dynamic-home.template-fallback{display:none!important}
}
/* ===== V4.1: áreas clicáveis dos botões da arte ===== */
.reference-slice{isolation:isolate}
.reference-slice>img{position:relative;z-index:1;pointer-events:none}
.reference-slice .hotspot{
z-index:20!important;
pointer-events:auto!important;
cursor:pointer!important;
}
.reference-slice .hotspot:active{outline:none}
/* As áreas abaixo acompanham os botões desenhados nas fatias originais. */
.reference-cards-slice .ceremony-map-hotspot,
.reference-cards-slice .schedule-hotspot,
.reference-cards-slice .lodging-hotspot,
.reference-rsvp-slice .rsvp-button-hotspot,
.reference-rsvp-slice .whatsapp-hotspot{
display:block!important;
}
/* ===== V5: Lista de presentes simbólicos + Mercado Pago Payment Brick ===== */
.gifts-page-hero{
background:
linear-gradient(rgba(250,247,239,.90),rgba(250,247,239,.95)),
url('../images/hero-watercolor.jpg') center 43%/cover no-repeat;
min-height:290px;
}
.gifts-page-hero>div{max-width:760px}
.gifts-page-hero .gifts-eyebrow{
margin:0 0 4px;
color:var(--gold);
letter-spacing:.16em;
font:600 11px/1.2 "Montserrat",Arial,sans-serif
}
.gifts-page-hero h1{margin:0 0 9px}
.gifts-page-hero p:last-child{
max-width:700px;
margin:0 auto;
color:#635e55;
font-size:13px;
line-height:1.65
}
.gifts-wrap{max-width:1120px}
.gifts-intro{text-align:center;max-width:760px;margin:0 auto 34px}
.gifts-intro .gifts-leaf{display:block;color:#8c987d;font-size:27px;line-height:1;transform:rotate(-9deg);margin-bottom:4px}
.gifts-intro h2{
margin:0 0 10px;
color:var(--green-dark);
font:500 31px/1.15 "Cormorant Garamond",Georgia,serif;
letter-spacing:.035em
}
.gifts-intro p{font-size:13px;line-height:1.7;margin:0 auto;max-width:700px}
.gifts-payments{display:flex;justify-content:center;gap:8px;margin-top:17px;flex-wrap:wrap}
.gifts-payments span{
border:1px solid #d9cfbb;
background:#fffdf9;
color:#6a745f;
border-radius:999px;
padding:6px 12px;
font:600 9px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.08em
}
.gift-payment-notice{
max-width:850px;
margin:0 auto 28px;
padding:14px 18px;
border:1px solid #ddcda9;
background:#fff9ec;
display:flex;
flex-direction:column;
gap:4px;
font-size:12px
}
.gift-grid-v5{
grid-template-columns:repeat(3,1fr);
gap:22px
}
.gift-card-v5{
padding:0;
overflow:hidden;
border:1px solid #ddd5c7;
background:#fffdf9;
box-shadow:0 4px 18px rgba(69,58,39,.07);
display:flex;
flex-direction:column;
min-height:520px;
position:relative
}
.gift-card-top{
position:absolute;
z-index:3;
top:12px;left:12px;right:12px;
display:flex;
justify-content:space-between;
align-items:center;
pointer-events:none
}
.gift-category{
background:rgba(255,253,249,.93);
border:1px solid rgba(196,162,105,.45);
padding:6px 9px;
border-radius:999px;
color:#877052;
font:600 9px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.04em
}
.gift-icon{
width:28px;height:28px;
border-radius:50%;
display:grid;place-items:center;
background:rgba(255,253,249,.92);
color:#c09c63;
border:1px solid rgba(196,162,105,.42);
font-size:11px
}
.gift-card-v5>img,
.gift-watercolor-placeholder{
width:100%;
aspect-ratio:4/2.7;
object-fit:cover;
border:0
}
.gift-watercolor-placeholder{
display:grid;
place-items:center;
background:
radial-gradient(circle at 20% 50%,rgba(178,204,173,.30),transparent 28%),
radial-gradient(circle at 80% 35%,rgba(123,166,185,.22),transparent 26%),
linear-gradient(145deg,#f8f3e9,#eef4ec 55%,#f5ead7);
color:#91a084;
font:400 52px/1 "Cormorant Garamond",serif
}
.gift-card-body{
padding:22px 22px 20px;
flex:1;
display:flex;
flex-direction:column;
text-align:center
}
.gift-card-v5 h3{
margin:0 0 9px;
color:var(--green-dark);
font:600 21px/1.13 "Cormorant Garamond",Georgia,serif
}
.gift-card-v5 p{
margin:0 auto 15px;
color:#655f56;
font-size:11px;
line-height:1.62
}
.gift-value-line{
border-top:1px solid #ece4d7;
border-bottom:1px solid #ece4d7;
padding:10px 0;
margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
font-size:11px
}
.gift-value-line strong{
color:#a77d47;
font:600 17px/1 "Cormorant Garamond",Georgia,serif
}
.gift-quantity-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:15px 0 10px
}
.gift-quantity-row label{
text-align:left;
font-size:10px;
color:#6f695f
}
.gift-stepper{display:grid;grid-template-columns:30px 52px 30px;height:32px;border:1px solid #d8cfbf}
.gift-step{
border:0;background:#f8f4ec;color:#5f7158;font-size:18px;cursor:pointer
}
.gift-qty{
width:52px!important;
border:0!important;
border-left:1px solid #e0d7c8!important;
border-right:1px solid #e0d7c8!important;
border-radius:0!important;
text-align:center;
padding:0!important;
font:600 12px/1 "Montserrat",Arial,sans-serif!important;
background:#fff!important;
-moz-appearance:textfield
}
.gift-qty::-webkit-inner-spin-button,.gift-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gift-total{text-align:right;color:#6c675e;font-size:10px;margin-bottom:12px}
.gift-total strong{color:var(--green-dark);font-size:13px}
.gift-pay-btn{width:100%;padding:13px 16px}
.gift-pay-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.gift-unlimited{display:block;text-align:center;color:#9a8e7c;font-size:9px;margin-top:8px}
/* Modal do checkout */
.checkout-open{overflow:hidden}
.gift-checkout-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.gift-checkout-modal[hidden]{display:none!important}
.gift-checkout-backdrop{position:absolute;inset:0;background:rgba(38,42,36,.58);backdrop-filter:blur(2px)}
.gift-checkout-dialog{
position:relative;
z-index:2;
width:min(760px,100%);
max-height:calc(100vh - 40px);
overflow:auto;
background:#fffdf9;
border:1px solid #d9cfbf;
box-shadow:0 28px 90px rgba(25,31,25,.28);
padding:28px 30px 32px
}
.gift-checkout-close{
position:absolute;right:14px;top:10px;
border:0;background:transparent;
color:#756d62;font-size:28px;line-height:1;cursor:pointer
}
.gift-checkout-summary{text-align:center;padding:0 32px 20px;border-bottom:1px solid #eee6da}
.gift-checkout-kicker{color:#b68c53;font:600 9px/1 "Montserrat",Arial,sans-serif;letter-spacing:.12em}
.gift-checkout-summary h2{
color:var(--green-dark);
margin:7px 0 5px;
font:500 31px/1.1 "Cormorant Garamond",Georgia,serif
}
.gift-checkout-summary>p{font-size:12px;margin:0 0 9px}
.gift-checkout-total{display:flex;justify-content:center;gap:18px;align-items:baseline;color:#756e64}
.gift-checkout-total strong{color:#9b7446;font:600 23px/1 "Cormorant Garamond",serif}
.gift-checkout-note{margin:13px auto 0!important;max-width:520px;color:#81796e!important;font-size:9.5px!important;line-height:1.5}
.gift-checkout-payer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 4px}
.gift-checkout-payer .field label{font-size:10px;color:#665f55}
.gift-checkout-payer .field label span{font-weight:400;color:#978f83}
.gift-checkout-payer input,.gift-checkout-payer textarea{
width:100%;border:1px solid #d7cec0;background:#fff;padding:11px;border-radius:3px;font:12px Georgia,serif
}
.gift-checkout-payer textarea{height:70px;resize:vertical}
.gift-checkout-error{margin:14px 0;padding:11px 13px;background:#fff0ed;border:1px solid #e4beb7;color:#874d45;font-size:11px}
.gift-checkout-loading{text-align:center;color:#867e72;font-size:11px;padding:26px 0}
#paymentBrick_container,#statusScreenBrick_container{margin-top:10px}
@media(max-width:900px){
.gift-grid-v5{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
.gifts-page-hero{min-height:235px}
.gifts-page-hero h1{font-size:48px}
.gifts-wrap{padding-left:15px;padding-right:15px}
.gifts-intro h2{font-size:27px}
.gift-grid-v5{grid-template-columns:1fr}
.gift-card-v5{min-height:0}
.gift-checkout-modal{padding:0}
.gift-checkout-dialog{width:100%;height:100vh;max-height:100vh;border:0;padding:25px 16px}
.gift-checkout-summary{padding-left:18px;padding-right:18px}
.gift-checkout-payer{grid-template-columns:1fr}
}
/* ===== V8.1: home exata sem alterar as cores da arte aprovada ===== */
@media(min-width:761px){
/* O cabeçalho continua sendo a própria arte de referência.
Os links ficam transparentes por cima dela, portanto não há diferença de fundo/cor. */
.reference-header-slice .hotspot{
z-index:20!important;
background:transparent!important;
color:transparent!important;
text-decoration:none;
transform:none!important;
border-radius:0;
transition:box-shadow .18s ease, background-color .18s ease;
}
.reference-header-slice .hotspot::after{
content:"";
position:absolute;
left:16%;right:16%;bottom:17%;
height:1px;
background:#b58f54;
opacity:0;
transform:scaleX(.35);
transition:opacity .18s ease,transform .18s ease;
}
.reference-header-slice .hotspot:hover::after,
.reference-header-slice .hotspot:focus-visible::after{
opacity:.9;transform:scaleX(1);
}
.reference-header-slice .hotspot:hover{
background:rgba(181,143,84,.025)!important;
}
.reference-cards-slice .hotspot,
.reference-rsvp-slice .hotspot{
border-radius:3px;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.reference-cards-slice .hotspot:hover,
.reference-rsvp-slice .hotspot:hover{
background:rgba(62,92,63,.11);
box-shadow:0 5px 14px rgba(53,76,54,.16);
transform:translateY(-2px)
}
.hero-scroll-hotspot{border-radius:50%;transition:background .18s ease,transform .18s ease}
.hero-scroll-hotspot:hover{background:rgba(196,162,105,.14);transform:translateY(2px)}
}
/* Cotas: feedback visual e campo sempre editável */
.gift-step{transition:background .16s ease,color .16s ease,transform .12s ease;user-select:none}
.gift-step:hover{background:#ece5d8;color:var(--green-dark)}
.gift-step:active{transform:scale(.94)}
.gift-qty{pointer-events:auto!important;cursor:text!important}
/* Música do casamento — V9.1 */
.wedding-music{
position:fixed;
right:18px;
bottom:18px;
z-index:980;
display:flex;
flex-direction:column;
align-items:stretch;
gap:0;
width:auto;
min-width:0;
background:rgba(255,253,249,.96);
border:1px solid rgba(196,162,105,.5);
border-radius:22px;
padding:6px;
box-shadow:0 5px 20px rgba(55,48,38,.13);
backdrop-filter:blur(8px);
transition:width .22s ease,border-radius .22s ease,box-shadow .22s ease;
}
.wedding-music[data-expanded="true"]{
width:220px;
border-radius:16px;
box-shadow:0 9px 28px rgba(55,48,38,.17);
}
.music-top-row{
display:flex;
align-items:center;
gap:8px;
min-height:36px;
}
.music-toggle{
flex:0 0 auto;
width:36px;
height:36px;
border-radius:50%;
border:0;
background:var(--green);
color:#fff;
cursor:pointer;
display:grid;
place-items:center;
font:600 18px/1 Georgia,serif;
transition:transform .18s ease,background .18s ease;
}
.music-toggle:hover{background:var(--green-dark);transform:scale(1.06)}
.music-copy{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
max-width:0;
overflow:hidden;
opacity:0;
transition:max-width .22s ease,opacity .16s ease;
}
.wedding-music[data-expanded="true"] .music-copy{
max-width:118px;
opacity:1;
}
.music-label{
font:500 10px/1.1 "Montserrat",Arial,sans-serif;
letter-spacing:.05em;
color:#6b6256;
text-transform:uppercase;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.music-track-label{
display:block;
margin-top:4px;
font:400 9px/1 "Montserrat",Arial,sans-serif;
color:#9c8c75;
letter-spacing:.025em;
white-space:nowrap;
}
.music-expand{
flex:0 0 auto;
width:28px;
height:28px;
margin-left:auto;
border:0;
border-radius:50%;
background:transparent;
color:#8d7757;
cursor:pointer;
display:grid;
place-items:center;
font:600 16px/1 Arial,sans-serif;
transition:background .16s ease,color .16s ease,transform .16s ease;
}
.music-expand:hover{background:#f1eadf;color:var(--green-dark)}
.music-controls-wrap{
display:none;
padding:8px 7px 4px;
border-top:1px solid rgba(196,162,105,.22);
margin-top:6px;
}
.wedding-music[data-expanded="true"] .music-controls-wrap{display:block}
.music-controls{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
}
.music-nav,.music-control-play{
border:1px solid rgba(196,162,105,.42);
background:#fffdf9;
color:var(--green-dark);
cursor:pointer;
display:grid;
place-items:center;
transition:background .16s ease,color .16s ease,transform .12s ease,border-color .16s ease;
}
.music-nav{
width:38px;
height:34px;
border-radius:999px;
font:500 26px/1 Georgia,serif;
padding-bottom:3px;
}
.music-control-play{
width:40px;
height:40px;
border-radius:50%;
font:600 13px/1 Arial,sans-serif;
}
.music-nav:hover,.music-control-play:hover{
background:var(--green);
color:#fff;
border-color:var(--green);
transform:translateY(-1px);
}
.music-nav:active,.music-control-play:active{transform:scale(.94)}
.music-nav:disabled{opacity:.3;cursor:not-allowed;transform:none;background:#fffdf9;color:#9b9185}
.music-volume-row{
display:grid;
grid-template-columns:30px 1fr 38px;
align-items:center;
gap:7px;
margin-top:9px;
padding:8px 3px 2px;
border-top:1px solid rgba(196,162,105,.16);
}
.music-mute{
width:30px;
height:30px;
border:0;
border-radius:50%;
background:transparent;
color:var(--green-dark);
cursor:pointer;
display:grid;
place-items:center;
transition:background .15s ease,color .15s ease,transform .12s ease;
}
.music-mute:hover{background:#f1eadf;color:var(--green);transform:scale(1.05)}
.music-mute[data-muted="true"]{color:#a98757}
.music-volume-icon{font:600 16px/1 Georgia,serif}
.music-volume-range{
width:100%;
min-width:0;
height:22px;
margin:0;
padding:0;
accent-color:var(--green);
cursor:pointer;
background:transparent;
}
.music-volume-range::-webkit-slider-runnable-track{
height:4px;
border-radius:999px;
background:#ded4c4;
}
.music-volume-range::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:16px;
height:16px;
border-radius:50%;
background:var(--green);
border:2px solid #fffdf9;
box-shadow:0 1px 4px rgba(55,48,38,.2);
margin-top:-6px;
}
.music-volume-range::-moz-range-track{
height:4px;
border-radius:999px;
background:#ded4c4;
}
.music-volume-range::-moz-range-progress{
height:4px;
border-radius:999px;
background:var(--green);
}
.music-volume-range::-moz-range-thumb{
width:14px;
height:14px;
border-radius:50%;
background:var(--green);
border:2px solid #fffdf9;
box-shadow:0 1px 4px rgba(55,48,38,.2);
}
.music-volume-value{
font:500 9px/1 "Montserrat",Arial,sans-serif;
color:#796f63;
text-align:right;
min-width:34px;
}
.music-icon-pause,.music-control-pause-icon{display:none;font-family:Arial,sans-serif;font-size:12px;letter-spacing:-1px}
.wedding-music[data-state="playing"] .music-icon-play,
.wedding-music[data-state="playing"] .music-control-play-icon{display:none}
.wedding-music[data-state="playing"] .music-icon-pause,
.wedding-music[data-state="playing"] .music-control-pause-icon{display:block}
.wedding-music[data-state="playing"] .music-toggle{animation:musicPulse 2.2s ease-in-out infinite}
.youtube-wedding-player{
position:absolute!important;
width:200px!important;
height:200px!important;
right:0;
bottom:0;
opacity:.001;
pointer-events:none;
overflow:hidden;
z-index:-1;
}
@keyframes musicPulse{
0%,100%{box-shadow:0 0 0 0 rgba(82,109,79,.08)}
50%{box-shadow:0 0 0 7px rgba(82,109,79,.12)}
}
@media(max-width:760px){
.wedding-music{
right:calc(12px + env(safe-area-inset-right));
bottom:calc(12px + env(safe-area-inset-bottom));
padding:5px;
}
.wedding-music[data-expanded="true"]{
width:min(228px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));
}
.music-toggle{width:42px;height:42px}
.music-top-row{min-height:42px}
.music-nav{width:44px;height:40px}
.music-control-play{width:44px;height:44px}
.music-volume-row{grid-template-columns:34px 1fr 40px;gap:8px;padding-top:10px}
.music-mute{width:34px;height:34px}
.music-volume-range{height:28px}
.music-volume-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}
.music-volume-range::-moz-range-thumb{width:18px;height:18px}
.music-volume-value{font-size:10px}
}
/* ===== V9: responsividade refinada para celular e tablet ===== */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
button,input,select,textarea{font-family:inherit}
@media (max-width:899px){
html{scroll-padding-top:76px}
body{background:#fffdf9;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.nav-open{overflow:hidden}
/* Entre 761 e 899px também usa a versão responsiva, evitando a arte desktop minúscula. */
.reference-home{display:none!important}
.reference-hidden-header{display:block!important}
.reference-hidden-footer{display:flex!important}
.dynamic-home.template-fallback{display:block!important}
.dynamic-home{width:100%;max-width:100%;overflow:hidden}
/* Cabeçalho e menu com áreas confortáveis para toque */
.site-header{
height:calc(64px + env(safe-area-inset-top));
min-height:64px;
padding-top:env(safe-area-inset-top);
position:sticky;top:0;z-index:950;
background:rgba(255,253,249,.98);
box-shadow:0 2px 14px rgba(65,57,42,.07);
backdrop-filter:saturate(1.05) blur(8px)
}
.header-inner{width:100%;height:64px;padding:0 16px;display:flex;align-items:center}
.monogram{font-size:31px;gap:5px}
.monogram span{font-size:18px}
.menu-toggle{
display:block;width:46px;height:46px;margin-left:auto;padding:10px;border-radius:50%;
position:relative;z-index:960;cursor:pointer
}
.menu-toggle span{width:25px;margin:5px auto;transition:transform .2s ease,opacity .2s ease;background:#615c52}
.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.main-nav{
display:none;position:fixed;
top:calc(64px + env(safe-area-inset-top));left:0;right:0;bottom:0;
margin:0;background:rgba(255,253,249,.985);border-top:1px solid #eee7da;
padding:12px 22px calc(24px + env(safe-area-inset-bottom));
flex-direction:column;gap:0;align-items:stretch;height:auto;overflow-y:auto;
box-shadow:0 14px 30px rgba(0,0,0,.08)
}
.main-nav.open{display:flex}
.main-nav a{
width:100%;min-height:50px;padding:0 4px;display:flex;align-items:center;
font:500 12px/1.2 "Montserrat",Arial,sans-serif;letter-spacing:.055em;
border-bottom:1px solid rgba(231,224,211,.72);color:#403c36
}
.main-nav a::after{bottom:6px}
.main-nav a.active{color:#b58f54}
/* Home: capa vertical sem recortar ou borrar a aquarela. */
.hero{
width:100%;margin:0;min-height:0!important;aspect-ratio:auto!important;
padding-top:236px;position:relative;overflow:hidden;
background:linear-gradient(180deg,#eaf6f7 0,#eff8f6 56%,#fffdf9 100%)
}
.hero-image{
position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
object-fit:contain!important;object-position:center!important;
filter:none!important;transform:none!important;display:block
}
.hero-copy{top:34px;left:50%;width:96%;transform:translateX(-50%);padding:0 14px}
.hero-names{font-size:clamp(54px,14.8vw,78px);line-height:.78;text-shadow:none}
.hero-rule{width:min(62%,260px);margin:17px auto 10px}
.hero-date{font-size:20px}
.scroll-cue{bottom:12px;width:36px;height:36px;background:rgba(255,255,255,.82)}
.welcome{padding:36px 18px 30px}
.welcome-inner{width:min(92%,560px)}
.welcome h2{font-size:14px;letter-spacing:.09em}
.welcome p{font-size:13px;line-height:1.72;max-width:520px}
.welcome .emphasis{font-size:19px}
.welcome-decor-left{width:32%;left:-5%;bottom:-1%;opacity:.48}
.welcome-decor-right{width:32%;right:-3%;top:6%;opacity:.42}
.story-section{padding:18px 0 30px}
.story-grid{width:min(92%,700px);grid-template-columns:1fr;gap:20px}
.story-copy{order:-1;padding:8px 7%}
.story-copy h2{font-size:29px}
.story-copy p{font-size:13px;line-height:1.7}
.story-photo{aspect-ratio:4/3;border-width:4px}
.info-grid{width:min(92%,720px);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.info-card{padding:24px 18px;min-height:320px}
.info-card h3{font-size:18px;white-space:normal}
.info-card p{font-size:12px;line-height:1.6;max-width:360px}
.venue-name{font-size:15px!important}
.schedule-list{max-width:300px;margin-left:auto;margin-right:auto}
.schedule-list li{grid-template-columns:28px 48px 1fr;font-size:11px;line-height:1.35}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding:12px 20px}
.info-photo-frame{height:auto;min-height:320px}
.info-photo{height:100%;min-height:320px;object-fit:cover}
.cards-decor{display:none}
.rsvp-band{grid-template-columns:1fr;max-width:720px;margin:0 auto}
.lake-wrap{height:auto}
.lake-art{height:auto;min-height:0;aspect-ratio:16/8.5;object-fit:cover}
.rsvp-copy{padding:34px 20px}
.rsvp-copy h2{font-size:28px}
.rsvp-copy p{font-size:12px;line-height:1.65}
.contact-card{width:calc(100% - 34px);max-width:430px;margin:0 auto 30px;padding:27px 24px}
.contact-card h3{font-size:16px}.contact-card p{font-size:11px}.contact-leaves{width:29%;right:-3%;top:-9%}
.site-footer{min-height:48px;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:10px;flex-wrap:wrap;text-align:center;font-size:10px}
/* Páginas internas */
.page-hero{min-height:220px;padding:38px 18px;background-position:center}
.page-hero h1{font-size:clamp(42px,10vw,58px);line-height:1.02}
.page-hero p{font-size:15px;line-height:1.5;padding:0 8px}
.content-wrap{width:100%;max-width:760px;padding:34px 18px}
.content-wrap h2{font-size:28px;line-height:1.15}
.content-wrap p{font-size:14px;line-height:1.7}
.two-col{grid-template-columns:1fr;gap:24px}
.two-col img{width:100%;height:auto}
.timeline{max-width:620px;margin:26px auto}
.timeline:before{left:74px}
.timeline-item{grid-template-columns:58px 24px minmax(0,1fr);gap:10px;margin-bottom:24px}
.timeline-time{font-size:17px}
.timeline h3{font-size:21px}.timeline p{font-size:13px}
/* Formulários: 16px evita zoom automático no iPhone */
.form-card{width:100%;padding:22px 18px}
.form-grid{grid-template-columns:1fr;gap:14px}
.field.full{grid-column:auto}
.field label{font-size:14px}
.field input,.field textarea,.field select{font-size:16px;min-height:46px;padding:12px}
.field textarea{min-height:105px}
/* Galeria */
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gallery-card{padding:8px;margin:0}.gallery-card img{aspect-ratio:1/1;object-fit:cover}
/* Presentes */
.gifts-page-hero{min-height:240px;padding:32px 18px}
.gifts-page-hero h1{font-size:52px}
.gifts-page-hero p:last-child{font-size:13px;line-height:1.65}
.gifts-wrap{max-width:760px;padding-left:16px;padding-right:16px}
.gifts-intro{margin-bottom:28px}.gifts-intro h2{font-size:29px}.gifts-intro p{font-size:13px}
.gift-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gift-card-v5{min-height:0}
.gift-card-v5>img,.gift-watercolor-placeholder{aspect-ratio:1/1;object-fit:cover}
.gift-card-body{padding:19px 18px 18px}
.gift-card-v5 h3{font-size:21px}.gift-card-v5 p{font-size:12px}
.gift-quantity-row{align-items:center}
.gift-stepper{grid-template-columns:44px 56px 44px;height:44px}
.gift-step{font-size:22px;min-width:44px;min-height:44px}
.gift-qty{width:56px!important;font-size:16px!important}
.gift-pay-btn{min-height:48px;font-size:11px}
.gift-checkout-modal{padding:0;align-items:stretch}
.gift-checkout-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));border-radius:0}
.gift-checkout-close{width:44px;height:44px;right:6px;top:calc(6px + env(safe-area-inset-top));display:grid;place-items:center}
.gift-checkout-summary{padding:0 28px 18px}.gift-checkout-summary h2{font-size:29px}
.gift-checkout-payer{grid-template-columns:1fr;gap:12px}
.gift-checkout-payer input,.gift-checkout-payer textarea{font-size:16px}
/* Player de música respeita notch/barra inferior */
.wedding-music{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:980}
}
@media (max-width:620px){
.info-grid{grid-template-columns:1fr;width:92%}
.info-card{min-height:0;padding:25px 22px}
.info-photo-frame{height:310px;min-height:0}.info-photo{min-height:310px}
.gallery-grid{grid-template-columns:1fr}
.gift-grid-v5{grid-template-columns:1fr}
.gift-card-body{padding:20px 20px 19px}
}
@media (max-width:430px){
.header-inner{padding:0 14px}
.monogram{font-size:29px}
.hero{padding-top:218px}
.hero-copy{top:30px}
.hero-names{font-size:clamp(52px,15vw,64px)}
.hero-date{font-size:19px}
.welcome{padding:32px 16px 28px}.welcome p{font-size:12.5px}
.story-grid,.info-grid{width:93%}
.story-copy{padding-left:4%;padding-right:4%}
.rsvp-copy h2{font-size:25px}
.page-hero{min-height:205px;padding:32px 15px}.page-hero h1{font-size:44px}
.content-wrap{padding:30px 15px}
.timeline:before{left:65px}.timeline-item{grid-template-columns:50px 22px minmax(0,1fr);gap:8px}.timeline-time{font-size:16px}
.gifts-page-hero h1{font-size:46px}.gifts-wrap{padding-left:13px;padding-right:13px}
.gift-quantity-row{gap:8px}.gift-quantity-row label{font-size:11px}
.gift-stepper{grid-template-columns:42px 52px 42px;height:42px}.gift-step{min-width:42px;min-height:42px}.gift-qty{width:52px!important}
}
@media (max-width:350px){
.hero{padding-top:205px}.hero-names{font-size:50px}.hero-date{font-size:18px}
.main-nav{padding-left:16px;padding-right:16px}
.gift-quantity-row{flex-direction:column;align-items:stretch}.gift-stepper{align-self:center}
.contact-card{width:calc(100% - 24px)}
}
/* ===== V10: Home totalmente editável ===== */
.home-v10{width:1055px;max-width:calc(100vw - 32px);margin:0 auto;background:#fbf8f1;overflow:hidden;color:var(--text)}
.home-v10-header{height:64px;background:#fffdf9;display:flex;align-items:center;padding:0 72px;position:relative;z-index:30;border-bottom:1px solid rgba(231,224,211,.26)}
.home-v10-monogram{font:400 30px/1 "Cormorant Garamond",Georgia,serif;color:#8e7b58;text-decoration:none;white-space:nowrap}.home-v10-monogram span{font-size:22px;color:#bba57c}
.home-v10-nav{margin-left:auto;display:flex;align-items:center;gap:27px;height:100%}.home-v10-nav a{font:500 8.7px/1 "Montserrat",Arial,sans-serif;letter-spacing:.015em;color:#3e3b36;text-decoration:none;white-space:nowrap;position:relative;padding:27px 0 12px;transition:color .2s ease,transform .2s ease}.home-v10-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:10px;height:1px;background:var(--gold);transition:right .2s ease}.home-v10-nav a:hover,.home-v10-nav a.active{color:#b58f54;transform:translateY(-1px)}.home-v10-nav a:hover::after,.home-v10-nav a.active::after{right:0}
.home-v10-menu-toggle{display:none}
.home-v10-hero{height:455px;position:relative;overflow:hidden;background:#eaf5f4}.home-v10-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important}.home-v10-date-mask{display:none}.home-v10-hero-copy{position:absolute;z-index:3;left:50%;top:36px;transform:translateX(-50%);width:62%;text-align:center}.home-v10-hero-copy h1{font:400 77px/.78 "Pinyon Script",cursive;color:#344d37;margin:0;text-shadow:0 1px rgba(255,255,255,.3)}.home-v10-hero-copy h1 b{font-weight:400;color:#c39c61;font-size:.92em}.home-v10-hero-rule{position:relative;width:46%;height:1px;background:#c8a46c;margin:18px auto 10px}.home-v10-hero-rule i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;color:#c29f65;background:#edf7f5;padding:0 13px;font-size:13px}.home-v10-hero-copy>p{margin:0;color:#bd9459;font:500 19px/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.035em}.home-v10-scroll{position:absolute;left:50%;bottom:14px;z-index:5;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;border:1px solid #e5d8bf;background:rgba(255,253,249,.82);display:grid;place-items:center;text-decoration:none;color:#c59e64;font-size:18px;transition:.2s}.home-v10-scroll:hover{transform:translate(-50%,2px);background:#fff}
.home-v10-welcome{height:181px;position:relative;overflow:hidden;background:#fffdf9;text-align:center}.home-v10-welcome>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-v10-welcome-mask{position:absolute;z-index:1;left:24%;right:24%;top:7px;bottom:6px;background:radial-gradient(ellipse at center,#fffdf9 0%,#fffdf9 74%,rgba(255,253,249,.94) 88%,rgba(255,253,249,0) 100%)}.home-v10-welcome-copy{position:relative;z-index:2;width:47%;margin:0 auto;padding-top:25px}.home-v10-welcome-copy h2{font:600 12px/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.105em;color:#ba955d;margin:0 0 4px}.home-v10-welcome-copy .tiny-heart{font-size:9px}.home-v10-welcome-copy p{font:400 12px/1.5 "Libre Baskerville",Georgia,serif;margin:4px 0;color:#433f39}.home-v10-welcome-copy .emphasis{font:italic 16px/1.2 "Cormorant Garamond",Georgia,serif;color:#bd955b;margin-top:9px}
.home-v10-story{min-height:238px;background:#fbf8f1;border-top:1px solid #eee7dc;border-bottom:1px solid #eee7dc;display:grid;grid-template-columns:34% 32% 34%;align-items:center;padding:17px 55px;gap:0;position:relative}.home-v10-story figure{margin:0;padding:0 0}.home-v10-story figure:first-child{padding-right:16px}.home-v10-story figure:last-child{padding-left:16px}.home-v10-story figure img{width:100%;height:205px;object-fit:cover;border:5px solid #fff;box-shadow:0 2px 7px rgba(55,42,25,.16)}.home-v10-story-copy{text-align:center;padding:0 18px}.home-v10-story-copy h2{font:500 23px/1.1 "Cormorant Garamond",Georgia,serif;color:var(--green-dark);letter-spacing:.06em;margin:0 0 3px}.home-v10-story-leaf{font-size:19px;color:#b8a77f;margin:3px 0}.home-v10-story-copy p{font:400 11px/1.55 "Libre Baskerville",Georgia,serif;margin:0}.home-v10-text-link{display:inline-block;margin-top:11px;font:500 8.5px/1 "Montserrat",Arial,sans-serif;letter-spacing:.08em;color:#aa8450;text-decoration:none;border-bottom:1px solid rgba(170,132,80,.55);padding-bottom:3px}.home-v10-text-link:hover{color:var(--green-dark);border-color:var(--green-dark)}
.home-v10-info{position:relative;background:#fbf8f1;display:grid;grid-template-columns:24% 23% 27% 24%;gap:.7%;padding:29px 40px 31px}.home-v10-card{background:rgba(255,253,249,.72);border:1px solid #dfd7c7;box-shadow:0 2px 8px rgba(60,45,25,.05);padding:18px 18px 15px;text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center}.home-v10-icon{width:35px;height:35px;border:1px solid #d7c39d;border-radius:50%;display:grid;place-items:center;color:#b79b68;margin-bottom:8px}.home-v10-card h3{font:600 15px/1.15 "Cormorant Garamond",Georgia,serif;letter-spacing:.035em;color:var(--green-dark);margin:2px 0 13px}.home-v10-card p{font:400 10px/1.6 "Libre Baskerville",Georgia,serif;margin:0 0 13px}.home-v10-card strong{font:500 14px/1.35 "Cormorant Garamond",Georgia,serif;color:#4b4740}.home-v10-small-rule{color:#bc9b65;font-size:15px;margin:12px auto}.home-v10-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:9px 19px;background:var(--green);color:#fff;text-decoration:none;border:1px solid transparent;border-radius:2px;font:500 8px/1 "Montserrat",Arial,sans-serif;letter-spacing:.035em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.home-v10-btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 5px 13px rgba(53,82,58,.18)}.home-v10-schedule-card ul{list-style:none;margin:0 auto 15px;padding:0;text-align:left;width:100%;max-width:150px}.home-v10-schedule-card li{display:grid;grid-template-columns:44px 1fr;gap:4px;margin:0 0 8px;font:400 9px/1.25 "Libre Baskerville",Georgia,serif}.home-v10-schedule-card li b{font-weight:400;color:#b08f5c}.home-v10-info-photo{margin:0;padding:0 6px}.home-v10-info-photo img{width:100%;height:330px;object-fit:cover;border:5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.home-v10-rsvp{min-height:248px;background:#fffdf9;display:grid;grid-template-columns:37% 34% 29%;align-items:center;border-top:1px solid #eee8dc}.home-v10-lake{height:248px;overflow:hidden}.home-v10-lake img{width:100%;height:100%;object-fit:cover}.home-v10-rsvp-copy{text-align:center;padding:18px}.home-v10-rsvp-leaf{color:#b9a576;font-size:22px}.home-v10-rsvp-copy h2{font:500 23px/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.055em;color:var(--green-dark);margin:4px 0}.home-v10-rsvp-copy p{font:400 9.5px/1.6 "Libre Baskerville",Georgia,serif;margin:7px 0 14px}.home-v10-rsvp-copy p span{color:#6c655c}.home-v10-contact{margin:20px 25px 20px 5px;padding:21px 15px;border:1px solid #ded5c5;box-shadow:0 2px 8px rgba(55,45,30,.06);text-align:center;background:rgba(255,253,249,.9)}.home-v10-contact h3{font:600 12px/1.1 "Cormorant Garamond",serif;color:var(--green-dark);letter-spacing:.04em;margin:0 0 12px}.home-v10-contact p{font:400 9px/1.5 "Libre Baskerville",serif;margin:0 0 15px}
.home-v10-footer{height:55px;background:#7d8f79;color:#f6efe1;display:flex;align-items:center;justify-content:center;gap:13px;font:500 8px/1 "Montserrat",Arial,sans-serif;letter-spacing:.05em}.home-v10-footer i{display:block;width:25px;height:1px;background:rgba(246,239,225,.65)}.home-v10-footer b{font-size:10px;color:#f3e3c1}.home-v10-footer-leaf{font:400 19px/1 Georgia,serif;color:#d9d8c5}.home-v10-footer-leaf.mirror{transform:scaleX(-1)}
/* ===== V10: Galeria dentro de Nossa História ===== */
.story-page-wrap{max-width:1120px}.story-page-intro{margin-bottom:54px}.story-gallery-section{margin-top:46px;padding-top:42px;border-top:1px solid #e5ddcf}.story-gallery-heading{text-align:center;max-width:620px;margin:0 auto 28px}.story-gallery-heading>span{display:block;color:#b9a477;font-size:25px;margin-bottom:4px}.story-gallery-heading h2{font:500 30px/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:.07em;color:var(--green-dark);margin:0 0 8px}.story-gallery-heading p{font:italic 15px/1.5 "Cormorant Garamond",Georgia,serif;color:#9b8058;margin:0}.gallery-elegant-grid{columns:3;column-gap:25px}.gallery-elegant-card{position:relative;break-inside:avoid;margin:0 0 25px;padding:10px 10px 13px;background:#fffdf9;border:1px solid #ddd2bf;box-shadow:0 6px 19px rgba(62,48,30,.09);transition:transform .22s ease,box-shadow .22s ease}.gallery-elegant-card::before,.gallery-elegant-card::after{content:"";position:absolute;width:28px;height:28px;pointer-events:none}.gallery-elegant-card::before{left:4px;top:4px;border-left:1px solid #c6a66d;border-top:1px solid #c6a66d}.gallery-elegant-card::after{right:4px;bottom:4px;border-right:1px solid #c6a66d;border-bottom:1px solid #c6a66d}.gallery-elegant-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(62,48,30,.14)}.gallery-open{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;position:relative}.gallery-frame-inner{display:block;background:#f4eee4;padding:5px;overflow:hidden}.gallery-frame-inner img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.gallery-zoom-hint{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,249,.91);border:1px solid rgba(196,162,105,.6);color:#9c7b4a;font-size:19px;opacity:0;transform:translateY(4px);transition:.2s}.gallery-open:hover .gallery-zoom-hint{opacity:1;transform:none}.gallery-elegant-card figcaption{text-align:center;padding:11px 9px 3px}.gallery-elegant-card figcaption small{display:block;font:500 8px/1 "Montserrat",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#b08c58;margin-bottom:6px}.gallery-elegant-card figcaption strong{display:block;font:500 18px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--green-dark)}
.gallery-lightbox[hidden]{display:none}.gallery-lightbox{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:26px;opacity:0;transition:opacity .18s ease}.gallery-lightbox.is-open{opacity:1}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(25,29,24,.89);backdrop-filter:blur(5px)}.gallery-lightbox-dialog{position:relative;z-index:2;width:min(1040px,94vw);max-height:92vh;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;grid-template-rows:minmax(0,1fr) auto;background:#f9f5ed;border:1px solid rgba(213,188,142,.65);box-shadow:0 20px 70px rgba(0,0,0,.32);padding:16px}.gallery-lightbox-stage{grid-column:2;display:grid;place-items:center;min-height:0;background:#1f241f}.gallery-lightbox-stage img{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;object-fit:contain}.gallery-lightbox-close{position:absolute;right:10px;top:7px;z-index:4;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,253,249,.92);color:#5c554b;font-size:27px;cursor:pointer}.gallery-lightbox-nav{align-self:center;width:48px;height:48px;border-radius:50%;border:1px solid #cdb68e;background:#fffdf9;color:var(--green-dark);font-size:34px;cursor:pointer;transition:.15s}.gallery-lightbox-nav:hover{background:var(--green);color:#fff}.gallery-lightbox-nav.prev{grid-column:1;grid-row:1}.gallery-lightbox-nav.next{grid-column:3;grid-row:1}.gallery-lightbox-copy{grid-column:1/-1;text-align:center;padding:15px 70px 3px}.gallery-lightbox-copy small{display:block;font:500 9px/1 "Montserrat",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ac8957;margin-bottom:6px}.gallery-lightbox-copy h3{font:500 25px/1.15 "Cormorant Garamond",Georgia,serif;color:var(--green-dark);margin:0 0 5px}.gallery-lightbox-copy p{font:400 13px/1.6 "Libre Baskerville",Georgia,serif;margin:0 auto 8px;max-width:760px;color:#5c554c}.gallery-lightbox-copy>span{font:500 9px/1 "Montserrat",Arial,sans-serif;color:#9a9183}.gallery-lightbox-open{overflow:hidden}
/* Admin galeria */
.gallery-admin-grid{align-items:start}.gallery-admin-card{padding-bottom:14px}.gallery-admin-card>img{height:auto;aspect-ratio:auto;max-height:330px;object-fit:contain;background:#f3eee5}.gallery-admin-edit{display:grid;gap:8px;margin-top:12px}.gallery-admin-edit textarea{min-height:78px}
@media(max-width:899px){
.home-v10{width:100%;max-width:100%}.home-v10-header{height:64px;padding:0 18px;position:sticky;top:0;z-index:80}.home-v10-monogram{font-size:27px}.home-v10-menu-toggle{display:flex;margin-left:auto;width:43px;height:43px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:9px}.home-v10-menu-toggle span{height:1px;width:24px;background:#5a584f;display:block;transition:.2s}.home-v10-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.home-v10-menu-toggle.is-open span:nth-child(2){opacity:0}.home-v10-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.home-v10-nav{display:none;position:absolute;left:0;right:0;top:64px;height:auto;background:#fffdf9;box-shadow:0 12px 24px rgba(55,45,30,.1);padding:8px 22px 16px;flex-direction:column;gap:0}.home-v10-nav.open{display:flex}.home-v10-nav a{width:100%;font-size:11px;padding:13px 0}.home-v10-nav a::after{bottom:7px}
.home-v10-hero{height:auto;min-height:0;padding-top:210px;background:#edf6f5}.home-v10-hero>img{position:relative;width:100%;height:auto;object-fit:contain;display:block}.home-v10-date-mask{display:none}.home-v10-hero-copy{top:28px;width:94%}.home-v10-hero-copy h1{font-size:clamp(52px,15vw,70px)}.home-v10-hero-copy>p{font-size:19px}.home-v10-scroll{bottom:11px}
.home-v10-welcome{height:auto;min-height:215px;padding:37px 18px 30px}.home-v10-welcome>img{object-fit:cover;opacity:.82}.home-v10-welcome-mask{left:9%;right:9%;top:10px;bottom:10px}.home-v10-welcome-copy{width:min(92%,560px);padding-top:0}.home-v10-welcome-copy h2{font-size:14px}.home-v10-welcome-copy p{font-size:12.5px;line-height:1.7}.home-v10-welcome-copy .emphasis{font-size:19px}
.home-v10-story{grid-template-columns:1fr;padding:32px 20px;gap:22px}.home-v10-story-copy{order:-1;padding:0 7%}.home-v10-story-copy h2{font-size:27px}.home-v10-story-copy p{font-size:12px}.home-v10-story figure:first-child,.home-v10-story figure:last-child{padding:0}.home-v10-story figure img{height:auto;max-height:420px;aspect-ratio:auto;object-fit:contain}.home-v10-info{grid-template-columns:repeat(2,minmax(0,1fr));padding:27px 20px;gap:14px}.home-v10-card{min-height:320px}.home-v10-info-photo{padding:0}.home-v10-info-photo img{height:100%;min-height:320px}.home-v10-rsvp{grid-template-columns:1fr;max-width:720px;margin:0 auto}.home-v10-lake{height:220px}.home-v10-rsvp-copy{padding:32px 20px}.home-v10-contact{margin:0 20px 30px;padding:24px}.home-v10-footer{height:auto;min-height:62px;padding:16px 12px;flex-wrap:wrap;text-align:center}
.gallery-elegant-grid{columns:2;column-gap:16px}.story-gallery-section{margin-top:38px;padding-top:32px}.gallery-lightbox{padding:12px}.gallery-lightbox-dialog{width:96vw;max-height:94vh;grid-template-columns:46px minmax(0,1fr) 46px;padding:8px}.gallery-lightbox-stage img{max-height:70vh}.gallery-lightbox-nav{width:38px;height:38px;font-size:28px}.gallery-lightbox-copy{padding:12px 45px 4px}.gallery-lightbox-copy h3{font-size:22px}
}
@media(max-width:620px){
.home-v10-info{grid-template-columns:1fr;padding:22px 14px}.home-v10-card{min-height:0;padding:27px 23px}.home-v10-info-photo img{height:auto;max-height:470px;object-fit:contain}.home-v10-rsvp-copy h2{font-size:25px}.home-v10-contact{margin-left:14px;margin-right:14px}.home-v10-footer{gap:8px}.home-v10-footer i{width:16px}
.gallery-elegant-grid{columns:1}.gallery-elegant-card{max-width:480px;margin:0 auto 20px}.gallery-lightbox-dialog{grid-template-columns:40px minmax(0,1fr) 40px}.gallery-lightbox-stage img{max-height:62vh}.gallery-lightbox-nav{width:34px;height:34px;font-size:25px}.gallery-lightbox-copy{padding:12px 10px 5px}.gallery-lightbox-copy p{font-size:12px}.story-gallery-heading h2{font-size:27px}
}
/* ===== V10.1: integração visual das páginas internas ===== */
/* As páginas internas passam a ocupar exatamente a mesma largura visual da home.
Isso elimina a sensação de margens "soltas" ao trocar de página. */
@media(min-width:900px){
body.inner-page-shell{
background:#f8f5ef;
}
body.inner-page-shell .site-header,
body.inner-page-shell main,
body.inner-page-shell .site-footer{
width:1055px;
max-width:calc(100vw - 32px);
margin-left:auto;
margin-right:auto;
}
body.inner-page-shell main{
background:#fbf8f1;
overflow:hidden;
min-height:calc(100vh - 119px);
}
body.inner-page-shell .site-header{
height:64px;
background:#fffdf9;
border-bottom:1px solid rgba(231,224,211,.26);
}
body.inner-page-shell .header-inner{
width:100%;
max-width:none;
padding:0 72px;
}
/* Mesmo desenho, tom, tamanho e espaçamento do menu da home. */
body.inner-page-shell .monogram{
font:400 30px/1 "Cormorant Garamond",Georgia,serif;
color:#8e7b58;
gap:6px;
}
body.inner-page-shell .monogram span{
font-size:22px;
color:#bba57c;
}
body.inner-page-shell .main-nav{
gap:27px;
height:100%;
}
body.inner-page-shell .main-nav a{
font:500 8.7px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.015em;
color:#3e3b36;
padding:27px 0 12px;
transition:color .2s ease,transform .2s ease;
}
body.inner-page-shell .main-nav a:after{
bottom:10px;
background:var(--gold);
}
body.inner-page-shell .main-nav a:hover,
body.inner-page-shell .main-nav a.active{
color:#b58f54;
}
body.inner-page-shell .site-footer{
min-height:55px;
background:#7d8f79;
color:#f6efe1;
font:500 8px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.05em;
}
/* Hero das páginas internas: centralização geométrica real sobre a aquarela. */
body.inner-page-shell .page-hero{
width:100%;
min-height:275px;
padding:50px 20px;
background:
linear-gradient(rgba(250,247,239,.87),rgba(250,247,239,.93)),
url('../images/hero-watercolor.jpg') center center / cover no-repeat;
display:grid;
place-items:center;
}
body.inner-page-shell .page-hero > div{
width:min(100%,720px);
margin:0 auto;
padding:0;
text-align:center;
justify-self:center;
align-self:center;
transform:none;
}
body.inner-page-shell .page-hero h1,
body.inner-page-shell .page-hero p{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/* Conteúdo interno respeita o mesmo eixo central da arte. */
body.inner-page-shell .content-wrap{
margin-left:auto;
margin-right:auto;
}
}
/* A página de Nossa História incorpora a galeria.
A rota antiga /galeria.php agora redireciona para este ponto. */
.story-gallery-heading{
width:100%;
text-align:center;
}
.story-gallery-heading h2,
.story-gallery-heading p{
text-align:center;
margin-left:auto;
margin-right:auto;
}
/* Rodapé da home: a imagem do lago agora é limpa, sem pedaço dos cards acima. */
.home-v10-lake{
background:#edf5f1;
}
.home-v10-lake img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}
/* Mobile mantém tudo sem margens laterais artificiais. */
@media(max-width:899px){
body.inner-page-shell .site-header,
body.inner-page-shell main,
body.inner-page-shell .site-footer{
width:100%;
max-width:100%;
margin-left:0;
margin-right:0;
}
body.inner-page-shell .header-inner{
width:100%;
max-width:100%;
padding-left:max(18px,env(safe-area-inset-left));
padding-right:max(18px,env(safe-area-inset-right));
}
body.inner-page-shell .main-nav a{
color:#3e3b36;
}
body.inner-page-shell .main-nav a:hover,
body.inner-page-shell .main-nav a.active{
color:#b58f54;
}
body.inner-page-shell .page-hero > div{
width:min(100%,620px);
margin:0 auto;
text-align:center;
}
}
/* ===== V10.3: ajuste fino do header, hero e boas-vindas ===== */
/* 1) Menu superior da home com fundo exatamente alinhado ao restante da página */
.home-v10-header{
background:#fbf8f1 !important;
border-bottom:1px solid rgba(231,224,211,.42) !important;
}
/* 2) Texto do banner centralizado de verdade no eixo da imagem */
.home-v10-hero-copy{
left:0 !important;
right:0 !important;
top:22px !important;
transform:none !important;
width:100% !important;
max-width:none !important;
padding:0 24px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
text-align:center !important;
}
.home-v10-hero-copy h1{
width:auto !important;
max-width:650px !important;
margin:0 auto !important;
text-align:center !important;
}
.home-v10-hero-rule{
width:min(360px,34%) !important;
margin:16px auto 10px !important;
}
.home-v10-hero-copy > p{
text-align:center !important;
margin:0 auto !important;
}
.home-v10-date-mask{
display:none !important;
}
/* 3) Fundo do bloco de boas-vindas igualado ao layout */
.home-v10-welcome{
background:#fbf8f1 !important;
}
.home-v10-welcome-mask{
background:
linear-gradient(180deg, rgba(251,248,241,.98) 0%, rgba(251,248,241,.98) 100%) !important;
box-shadow:none !important;
left:23% !important;
right:23% !important;
top:8px !important;
bottom:8px !important;
border-radius:0 !important;
}
.home-v10-welcome-copy{
text-align:center !important;
}
.home-v10-welcome-copy h2,
.home-v10-welcome-copy p,
.home-v10-welcome-copy .emphasis{
text-align:center !important;
}
/* Mantém a harmonia em tablet/mobile */
@media(max-width:899px){
.home-v10-header{
background:#fbf8f1 !important;
}
.home-v10-nav{
background:#fbf8f1 !important;
}
.home-v10-hero-copy{
top:26px !important;
padding:0 18px !important;
}
.home-v10-hero-rule{
width:min(300px,56%) !important;
}
.home-v10-welcome-mask{
left:8% !important;
right:8% !important;
top:10px !important;
bottom:10px !important;
}
}
/* ===== V10.5: banner principal fixo e idêntico à arte aprovada ===== */
.home-v10-hero-fixed{
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
background:#edf6f5 !important;
line-height:0 !important;
}
.home-v10-hero-fixed > img{
position:relative !important;
inset:auto !important;
display:block !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
filter:none !important;
transform:none !important;
}
.home-v10-hero-fixed .home-v10-scroll-hotspot{
position:absolute !important;
left:50% !important;
bottom:1.4% !important;
transform:translateX(-50%) !important;
width:5.4% !important;
min-width:34px !important;
max-width:56px !important;
aspect-ratio:1/1 !important;
height:auto !important;
border:0 !important;
border-radius:50% !important;
background:transparent !important;
box-shadow:none !important;
padding:0 !important;
z-index:6 !important;
cursor:pointer !important;
}
.home-v10-hero-fixed .home-v10-scroll-hotspot:hover{
transform:translate(-50%,2px) !important;
background:rgba(196,162,105,.08) !important;
}
/* O banner passa a ser a própria arte aprovada. Os textos dessa área deixam de ser renderizados por HTML. */
.home-v10-hero-fixed .home-v10-hero-copy,
.home-v10-hero-fixed .home-v10-date-mask,
.home-v10-hero-fixed .home-v10-hero-rule{
display:none !important;
}
@media(max-width:899px){
.home-v10-hero-fixed{
padding:0 !important;
min-height:0 !important;
}
.home-v10-hero-fixed > img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}
.home-v10-hero-fixed .home-v10-scroll-hotspot{
min-width:30px !important;
width:7% !important;
bottom:1.1% !important;
}
}
/* ===== V10.6: uniformização definitiva dos fundos da home ===== */
.home-v10-header{
background:#f8f5ef !important;
border-bottom-color:rgba(231,224,211,.34) !important;
}
/* O bloco de boas-vindas usa agora exatamente o mesmo fundo do body.
Não existe mais máscara/caixa central de outra tonalidade. */
.home-v10-welcome{
background:#f8f5ef !important;
isolation:isolate;
}
.home-v10-welcome-mask{
display:none !important;
}
.home-v10-welcome > img{
position:static;
inset:auto;
width:auto;
height:auto;
object-fit:contain;
}
.home-v10-welcome-decor{
position:absolute !important;
z-index:0 !important;
pointer-events:none !important;
user-select:none !important;
filter:none !important;
opacity:.88;
}
.home-v10-welcome-decor-left{
left:0 !important;
bottom:0 !important;
width:27% !important;
max-height:100% !important;
}
.home-v10-welcome-decor-right{
right:0 !important;
top:0 !important;
width:25% !important;
max-height:100% !important;
}
.home-v10-welcome-copy{
position:relative !important;
z-index:2 !important;
background:transparent !important;
}
/* Menu aberto no celular segue exatamente o mesmo tom. */
@media(max-width:899px){
.home-v10-header,
.home-v10-nav{
background:#f8f5ef !important;
}
.home-v10-welcome{
background:#f8f5ef !important;
}
.home-v10-welcome-decor-left{
width:40% !important;
left:-8% !important;
bottom:-2% !important;
opacity:.58;
}
.home-v10-welcome-decor-right{
width:39% !important;
right:-7% !important;
top:4% !important;
opacity:.55;
}
}
/* ===== V10.7: evita duplicação de header/rodapé na home responsiva ===== */
body.home-page-shell .reference-hidden-header,
body.home-page-shell .reference-hidden-footer{
display:none !important;
}
/* ===== V10.8: imagens realmente responsivas em celulares/tablets =====
Desktop permanece inalterado. */
@media(max-width:899px){
/* Banner principal: preserva a proporção e nunca força altura artificial. */
.home-v10-hero-fixed{
height:auto !important;
min-height:0 !important;
}
.home-v10-hero-fixed > img{
width:100% !important;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
}
/* Nossa História na home: fotos menores e centralizadas. */
.home-v10-story{
justify-items:center;
}
.home-v10-story figure{
width:min(82vw,420px) !important;
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
.home-v10-story figure img{
width:100% !important;
height:auto !important;
max-height:min(54vh,320px) !important;
object-fit:contain !important;
}
/* Foto central entre os cards: deixa de ocupar um bloco muito alto. */
.home-v10-info-photo{
width:min(82vw,390px) !important;
max-width:100% !important;
justify-self:center !important;
margin:0 auto !important;
}
.home-v10-info-photo img{
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:min(58vh,330px) !important;
object-fit:contain !important;
}
/* Lago do RSVP acompanha a proporção original em vez de manter altura fixa. */
.home-v10-lake{
width:100% !important;
height:auto !important;
aspect-ratio:636 / 302;
}
.home-v10-lake img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* Imagens das páginas internas: nunca ocupam a tela toda sem necessidade. */
.two-col > img,
.story-page-intro > img{
width:min(84vw,440px) !important;
max-width:100% !important;
height:auto !important;
max-height:min(58vh,360px) !important;
object-fit:contain !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* Galeria: moldura continua elegante, mas o cartão fica visualmente leve. */
.gallery-elegant-card{
width:min(88vw,430px) !important;
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
.gallery-frame-inner{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.gallery-frame-inner img{
width:auto !important;
max-width:100% !important;
height:auto !important;
max-height:min(66vh,480px) !important;
object-fit:contain !important;
margin:0 auto !important;
}
/* Presentes: cards não ficam gigantes em tablets/celulares. */
.gift-card-v5{
width:100%;
max-width:410px;
justify-self:center;
}
.gift-card-v5 > img,
.gift-watercolor-placeholder{
width:100% !important;
height:auto !important;
aspect-ratio:4 / 3 !important;
max-height:300px !important;
object-fit:cover !important;
}
/* Imagens genéricas antigas usadas em algumas páginas. */
.info-photo-frame{
width:min(86vw,440px) !important;
max-width:100% !important;
height:auto !important;
min-height:0 !important;
margin-left:auto !important;
margin-right:auto !important;
}
.info-photo{
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:340px !important;
object-fit:contain !important;
}
}
@media(max-width:620px){
/* Em celulares, dá "respiro" lateral às fotos em vez de colar nas bordas. */
.home-v10-story figure,
.home-v10-info-photo,
.two-col > img,
.story-page-intro > img{
width:min(86vw,380px) !important;
}
.home-v10-story figure img{
max-height:min(50vh,285px) !important;
}
.home-v10-info-photo img{
max-height:min(52vh,300px) !important;
}
.gallery-elegant-card{
width:min(90vw,400px) !important;
}
.gallery-frame-inner img{
max-height:min(62vh,430px) !important;
}
.gift-card-v5{
max-width:min(90vw,390px) !important;
margin-left:auto !important;
margin-right:auto !important;
}
.gift-card-v5 > img,
.gift-watercolor-placeholder{
max-height:270px !important;
}
.home-v10-lake{
aspect-ratio:2.1 / 1;
}
}
@media(max-width:430px){
.home-v10-story figure,
.home-v10-info-photo,
.two-col > img,
.story-page-intro > img{
width:min(88vw,350px) !important;
}
.home-v10-story figure img{
max-height:255px !important;
}
.home-v10-info-photo img{
max-height:270px !important;
}
.gallery-elegant-card{
width:min(91vw,370px) !important;
}
.gallery-frame-inner img{
max-height:390px !important;
}
.gift-card-v5{
max-width:min(92vw,370px) !important;
}
.gift-card-v5 > img,
.gift-watercolor-placeholder{
max-height:245px !important;
}
}
/* ===== V10.9: formulário RSVP moderno ===== */
.rsvp-smart-shell{
max-width:1040px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(280px,320px) minmax(0,1fr);
gap:28px;
align-items:start;
}
.rsvp-smart-panel,
.rsvp-smart-form-card{
background:linear-gradient(180deg,#fffdf9 0%, #fcfaf5 100%);
border:1px solid #e4dac8;
box-shadow:0 16px 40px rgba(62,49,27,.07);
border-radius:24px;
}
.rsvp-smart-panel{
position:sticky;
top:94px;
padding:28px 24px;
}
.rsvp-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
background:rgba(83,111,81,.09);
color:var(--green-dark);
font:600 10px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.14em;
}
.rsvp-smart-panel h2{
margin:18px 0 12px;
font:500 32px/1.04 "Cormorant Garamond",Georgia,serif;
color:var(--green-dark);
}
.rsvp-smart-panel p{
font:400 13px/1.75 "Libre Baskerville",Georgia,serif;
color:#62594d;
margin:0 0 16px;
}
.rsvp-smart-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:18px 0 20px;
}
.rsvp-smart-badges span{
padding:9px 12px;
border-radius:999px;
background:#f6f1e7;
border:1px solid #eadfcd;
color:#6a604f;
font:500 10px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.03em;
}
.rsvp-smart-summary{
padding:16px;
border-radius:20px;
background:linear-gradient(180deg, rgba(83,111,81,.08), rgba(196,162,105,.08));
border:1px solid rgba(196,162,105,.18);
}
.rsvp-summary-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px 0;
border-bottom:1px solid rgba(196,162,105,.15);
}
.rsvp-summary-row:last-child{border-bottom:0;padding-bottom:2px}
.rsvp-summary-row small{
display:block;
color:#7a6f63;
font:500 10px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
.rsvp-summary-row strong{
color:var(--green-dark);
font:600 13px/1.35 "Libre Baskerville",Georgia,serif;
text-align:right;
}
.rsvp-smart-note{
margin-top:16px !important;
font-size:11px !important;
color:#837869 !important;
}
.rsvp-smart-form-card{
padding:28px;
}
.notice-success{
border-color:#b9d0bb;
background:#f4fbf4;
}
.rsvp-smart-form{
display:grid;
gap:18px;
}
.rsvp-section-head{
display:flex;
align-items:flex-start;
gap:14px;
padding:6px 2px 0;
}
.rsvp-section-head.compact{margin-top:4px}
.rsvp-section-index{
width:36px;
height:36px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(180deg,#e8dfcf,#f7f1e8);
border:1px solid #e0d2bf;
color:#8b754f;
font:600 11px/1 "Montserrat",Arial,sans-serif;
letter-spacing:.06em;
flex:0 0 auto;
}
.rsvp-section-head h3{
margin:0 0 4px;
color:var(--green-dark);
font:500 26px/1.05 "Cormorant Garamond",Georgia,serif;
}
.rsvp-section-head p{
margin:0;
color:#7b7266;
font:400 12px/1.7 "Libre Baskerville",Georgia,serif;
}
.rsvp-choice-group{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.rsvp-choice{
position:relative;
display:flex;
align-items:center;
gap:14px;
padding:18px 18px;
border:1px solid #e3d8c6;
border-radius:20px;
background:#fffcf7;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.rsvp-choice:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(77,60,35,.06);
}
.rsvp-choice input{
position:absolute;
opacity:0;
pointer-events:none;
}
.rsvp-choice-icon{
width:44px;
height:44px;
border-radius:14px;
display:grid;
place-items:center;
background:rgba(83,111,81,.08);
color:var(--green-dark);
font:700 17px/1 Georgia,serif;
flex:0 0 auto;
}
.rsvp-choice-copy{
display:flex;
flex-direction:column;
gap:4px;
}
.rsvp-choice-copy strong{
color:var(--green-dark);
font:600 14px/1.3 "Libre Baskerville",Georgia,serif;
}
.rsvp-choice-copy small{
color:#817669;
font:400 11px/1.5 "Libre Baskerville",Georgia,serif;
}
.rsvp-choice.is-active{
border-color:#cdb58a;
background:linear-gradient(180deg,#fffcf7 0%, #f8f1e3 100%);
box-shadow:0 16px 34px rgba(106,79,39,.09);
}
.rsvp-choice.is-active .rsvp-choice-icon{
background:linear-gradient(180deg,#536f51,#6c8969);
color:#fff;
}
.rsvp-smart-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px 18px;
}
.smart-field{min-width:0}
.smart-field.full{grid-column:1/-1}
.smart-field label{
display:block;
margin:0 0 8px;
color:#5e5649;
font:600 12px/1.2 "Montserrat",Arial,sans-serif;
letter-spacing:.02em;
}
.smart-field label span{color:#c19352}
.smart-field input,
.smart-field textarea,
.smart-field select{
width:100%;
border:1px solid #d9cfbe;
background:#fffdf9;
border-radius:16px;
padding:14px 16px;
min-height:52px;
font:400 14px/1.45 "Libre Baskerville",Georgia,serif;
color:#453f36;
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
outline:none;
}
.smart-field input::placeholder,
.smart-field textarea::placeholder{
color:#aa9f91;
}
.smart-field input:focus,
.smart-field textarea:focus,
.smart-field select:focus{
border-color:#c9b08a;
box-shadow:0 0 0 4px rgba(196,162,105,.12);
background:#fff;
}
.smart-field textarea{
min-height:120px;
resize:vertical;
}
.smart-counter-card input{
text-align:center;
font:600 17px/1.2 "Libre Baskerville",Georgia,serif;
}
.rsvp-attendance-fields{
display:grid;
gap:18px;
max-height:1200px;
opacity:1;
overflow:hidden;
transition:max-height .35s ease, opacity .25s ease, margin .25s ease;
}
.rsvp-attendance-fields.is-collapsed{
max-height:0;
opacity:0;
margin:0;
}
.submit-row{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
.btn-smart-submit{
min-width:240px;
min-height:52px;
padding:15px 24px;
border-radius:16px;
background:linear-gradient(180deg,#5a7958 0%, #4d694c 100%);
box-shadow:0 16px 28px rgba(61,89,63,.18);
}
.btn-smart-submit:hover{
background:linear-gradient(180deg,#4f6d4f 0%, #435d43 100%);
box-shadow:0 18px 34px rgba(61,89,63,.22);
}
.submit-row small{
color:#8a7d6e;
font:400 11px/1.5 "Libre Baskerville",Georgia,serif;
}
@media(max-width:899px){
.rsvp-smart-shell{
grid-template-columns:1fr;
gap:18px;
}
.rsvp-smart-panel{
position:static;
top:auto;
}
.rsvp-smart-form-card,
.rsvp-smart-panel{
border-radius:22px;
}
.rsvp-choice-group,
.rsvp-smart-grid{
grid-template-columns:1fr;
}
}
@media(max-width:620px){
.rsvp-smart-panel{
padding:22px 18px;
}
.rsvp-smart-form-card{
padding:22px 16px;
}
.rsvp-smart-panel h2{
font-size:28px;
}
.rsvp-section-head h3{
font-size:23px;
}
.rsvp-section-index{
width:34px;
height:34px;
}
.smart-field input,
.smart-field textarea,
.smart-field select{
min-height:50px;
font-size:16px;
}
.submit-row{
align-items:stretch;
}
.btn-smart-submit{
width:100%;
min-width:0;
}
}
/* ===== V10.10: simplificação do painel lateral do RSVP ===== */
.rsvp-smart-panel .rsvp-smart-intro{
margin:18px 0 16px;
font:400 13px/1.75 "Libre Baskerville",Georgia,serif;
color:#62594d;
}
/* ===== V11: Lista fechada inteligente ===== */
.closed-rsvp-wrap{max-width:1060px}
.closed-lookup-card{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#fffdf9,#fbf8f1);border:1px solid #e2d7c5;border-radius:26px;padding:38px;box-shadow:0 18px 50px rgba(62,48,28,.08);text-align:center}
.closed-lookup-icon{width:54px;height:54px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(83,111,81,.1);color:var(--green-dark);font-size:20px}
.closed-lookup-card h2{font:500 38px/1.05 "Cormorant Garamond",Georgia,serif;color:var(--green-dark);margin:15px 0 8px}
.closed-lookup-card>p{max-width:590px;margin:0 auto 24px;font:400 13px/1.7 "Libre Baskerville",Georgia,serif;color:#6b6257}
.closed-lookup-form{text-align:left}
.closed-code-box{padding:18px;border:1px solid #dfd4c2;border-radius:18px;background:#fffdf9}
.closed-code-box label{display:block;font:600 12px/1 "Montserrat",Arial,sans-serif;color:#595144;margin-bottom:8px}
.closed-code-box input{width:100%;min-height:54px;border:1px solid #d6c8b3;border-radius:14px;padding:14px 16px;text-align:center;text-transform:uppercase;letter-spacing:.18em;font:600 18px/1 "Montserrat",Arial,sans-serif;color:var(--green-dark);outline:none}
.closed-code-box input:focus{border-color:#c9aa77;box-shadow:0 0 0 4px rgba(196,162,105,.12)}
.closed-code-box small{display:block;text-align:center;margin-top:8px;color:#8e8376;font-size:11px}
.closed-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#9c8f7c;font:500 10px/1 "Montserrat",Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.closed-or:before,.closed-or:after{content:"";height:1px;background:#e2d8c7;flex:1}
.closed-find-button{display:flex;margin:20px auto 0}
.closed-privacy-note{font-size:11px!important;color:#93887b!important;margin-top:18px!important}
.closed-invite-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px;padding:24px 28px;background:#fffdf9;border:1px solid #e2d8c7;border-radius:22px}
.closed-invite-head h2{font:500 34px/1.05 "Cormorant Garamond",Georgia,serif;color:var(--green-dark);margin:12px 0 6px}
.closed-invite-head p{margin:0;color:#857969;font-size:12px}
.invite-code-public{padding:5px 8px;border-radius:7px;background:#f3eee5;border:1px solid #e2d6c3;color:#6a5941;letter-spacing:.09em}
.closed-change-invite{color:#9a794c;font:500 10px/1 "Montserrat",Arial,sans-serif;text-decoration:none;border-bottom:1px solid #c9ab7b;padding-bottom:3px}
.closed-invite-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.closed-invite-summary{position:sticky;top:88px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#526d4f,#405c43);color:#fff;box-shadow:0 16px 36px rgba(50,75,53,.16)}
.closed-invite-summary h3{font:500 27px/1.1 "Cormorant Garamond",Georgia,serif;margin:0 0 14px;color:#fff}
.closed-summary-line{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.closed-summary-line:last-child{border-bottom:0}
.closed-summary-line span{font:500 9px/1.35 "Montserrat",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:.76}
.closed-summary-line strong{text-align:right;font:600 12px/1.4 "Libre Baskerville",Georgia,serif}
.closed-members-card{padding:28px;border:1px solid #e3dacb;border-radius:24px;background:#fffdf9;box-shadow:0 14px 38px rgba(64,49,28,.06)}
.closed-member-list{display:grid;gap:12px;margin-top:18px}
.closed-member{padding:18px;border:1px solid #e4d9c7;border-radius:19px;background:#fdfaf4}
.closed-member-name{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.closed-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(83,111,81,.1);color:var(--green-dark);font:600 17px/1 "Cormorant Garamond",Georgia,serif}
.closed-member-name strong{display:block;color:var(--green-dark);font:600 15px/1.25 "Libre Baskerville",Georgia,serif}
.closed-member-name small{display:block;margin-top:4px;color:#8c8070;font:500 9px/1 "Montserrat",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.closed-member-choice{display:flex;gap:8px;flex-wrap:wrap}
.closed-member-choice label{cursor:pointer}
.closed-member-choice input{position:absolute;opacity:0;pointer-events:none}
.closed-member-choice span{display:block;padding:9px 13px;border:1px solid #ddd1bf;border-radius:999px;background:#fff;color:#6e6559;font:600 10px/1 "Montserrat",Arial,sans-serif;transition:.15s}
.closed-member-choice input:checked+span{background:var(--green);border-color:var(--green);color:#fff}
.closed-member-choice .pending-option input:checked+span{background:#a18b69;border-color:#a18b69}
.closed-dietary{margin-top:14px}
.closed-plus-one,.companion-request-box{margin-top:24px;padding-top:22px;border-top:1px solid #e8dfd1}
.closed-plus-one>.smart-field{margin-top:12px}
.closed-save-button{margin-top:20px}
.companion-request-form{margin-top:16px}
.button-companion-request{border:1px solid #c8aa77;border-radius:14px;background:transparent;color:#866b42;padding:13px 18px;font:600 10px/1 "Montserrat",Arial,sans-serif;letter-spacing:.05em;cursor:pointer;transition:.15s}
.button-companion-request:hover{background:#f5ecde}
.companion-status{margin-top:16px;padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:5px}
.companion-status.pending{background:#fff8e7;border:1px solid #ead6a7;color:#80652f}
.companion-status.approved{background:#eff7ef;border:1px solid #bfd5bf;color:#436246}
.companion-status strong{font:600 12px/1 "Montserrat",Arial,sans-serif}
.companion-status span{font:400 12px/1.6 "Libre Baskerville",Georgia,serif}
@media(max-width:899px){
.closed-invite-layout{grid-template-columns:1fr}
.closed-invite-summary{position:static}
.closed-invite-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
.closed-lookup-card{padding:26px 16px;border-radius:20px}
.closed-lookup-card h2{font-size:31px}
.closed-members-card{padding:20px 14px;border-radius:20px}
.closed-invite-head{padding:20px 16px}
.closed-member{padding:15px}
.closed-member-choice{display:grid;grid-template-columns:1fr 1fr}
.closed-member-choice .pending-option{grid-column:1/-1}
.closed-member-choice span{text-align:center}
}
/* ===== V11.2: menu mobile garantido nas páginas internas =====
Nossa História, Cerimônia, Programação, Hospedagem, Presentes e RSVP */
@media(max-width:899px){
body.inner-page-shell .site-header{
display:block !important;
position:sticky !important;
top:0 !important;
z-index:5000 !important;
width:100% !important;
height:calc(64px + env(safe-area-inset-top)) !important;
min-height:64px !important;
padding-top:env(safe-area-inset-top) !important;
background:rgba(248,245,239,.985) !important;
box-shadow:0 2px 14px rgba(65,57,42,.08) !important;
overflow:visible !important;
}
body.inner-page-shell .header-inner{
position:relative !important;
display:flex !important;
align-items:center !important;
width:100% !important;
height:64px !important;
max-width:none !important;
padding-left:max(18px,env(safe-area-inset-left)) !important;
padding-right:max(14px,env(safe-area-inset-right)) !important;
overflow:visible !important;
}
body.inner-page-shell .monogram{
display:flex !important;
align-items:center !important;
flex:0 0 auto !important;
font-size:29px !important;
}
body.inner-page-shell .menu-toggle{
display:block !important;
visibility:visible !important;
opacity:1 !important;
flex:0 0 46px !important;
width:46px !important;
height:46px !important;
margin-left:auto !important;
padding:10px !important;
position:relative !important;
z-index:5200 !important;
border:0 !important;
border-radius:50% !important;
background:transparent !important;
cursor:pointer !important;
-webkit-appearance:none !important;
appearance:none !important;
}
body.inner-page-shell .menu-toggle span{
display:block !important;
width:25px !important;
height:1.5px !important;
margin:5px auto !important;
background:#4f514a !important;
opacity:1 !important;
visibility:visible !important;
}
body.inner-page-shell .main-nav{
display:none !important;
position:fixed !important;
z-index:5100 !important;
top:calc(64px + env(safe-area-inset-top)) !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100% !important;
height:auto !important;
margin:0 !important;
padding:10px max(22px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left)) !important;
flex-direction:column !important;
align-items:stretch !important;
gap:0 !important;
overflow-y:auto !important;
background:rgba(248,245,239,.995) !important;
border-top:1px solid rgba(217,207,190,.72) !important;
box-shadow:0 16px 34px rgba(44,39,30,.12) !important;
-webkit-overflow-scrolling:touch !important;
}
body.inner-page-shell .main-nav.open{
display:flex !important;
}
body.inner-page-shell .main-nav a{
display:flex !important;
align-items:center !important;
width:100% !important;
min-height:52px !important;
padding:0 4px !important;
border-bottom:1px solid rgba(217,207,190,.62) !important;
color:#3e3b36 !important;
font:500 11px/1.25 "Montserrat",Arial,sans-serif !important;
letter-spacing:.055em !important;
text-decoration:none !important;
}
body.inner-page-shell .main-nav a.active{
color:#b58f54 !important;
}
body.inner-page-shell.nav-open,
body.inner-page-shell.nav-open main{
overscroll-behavior:none;
}
}
@media(max-width:430px){
body.inner-page-shell .header-inner{
padding-left:max(16px,env(safe-area-inset-left)) !important;
padding-right:max(10px,env(safe-area-inset-right)) !important;
}
body.inner-page-shell .monogram{
font-size:27px !important;
}
body.inner-page-shell .main-nav a{
min-height:50px !important;
font-size:10.5px !important;
}
}
/* ===== V11.3: correção definitiva do menu mobile no iPhone/Safari ===== */
@media(max-width:899px){
/* Remove propriedades que podem criar containing block para position:fixed. */
body.inner-page-shell .site-header{
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
filter:none !important;
transform:none !important;
contain:none !important;
isolation:auto !important;
overflow:visible !important;
z-index:10000 !important;
}
/* O nav é movido via JS para ser filho direto do body no mobile. */
body.inner-page-shell > .main-nav{
display:none !important;
position:fixed !important;
z-index:9990 !important;
top:calc(64px + env(safe-area-inset-top)) !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100vw !important;
max-width:100vw !important;
height:calc(100dvh - 64px - env(safe-area-inset-top)) !important;
max-height:calc(100dvh - 64px - env(safe-area-inset-top)) !important;
margin:0 !important;
padding:
10px
max(22px,env(safe-area-inset-right))
calc(28px + env(safe-area-inset-bottom))
max(22px,env(safe-area-inset-left)) !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:0 !important;
overflow-x:hidden !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
-webkit-overflow-scrolling:touch !important;
background:#f8f5ef !important;
border-top:1px solid rgba(217,207,190,.78) !important;
box-shadow:0 16px 34px rgba(44,39,30,.14) !important;
}
body.inner-page-shell > .main-nav.open{
display:flex !important;
}
body.inner-page-shell > .main-nav a{
display:flex !important;
flex:0 0 auto !important;
align-items:center !important;
width:100% !important;
min-height:54px !important;
height:auto !important;
padding:0 5px !important;
margin:0 !important;
border-bottom:1px solid rgba(217,207,190,.7) !important;
color:#3e3b36 !important;
background:transparent !important;
font:500 11px/1.25 "Montserrat",Arial,sans-serif !important;
letter-spacing:.055em !important;
text-decoration:none !important;
white-space:normal !important;
}
body.inner-page-shell > .main-nav a:last-child{
margin-bottom:18px !important;
}
body.inner-page-shell > .main-nav a.active{
color:#b58f54 !important;
}
/* O conteúdo fica atrás do drawer e não intercepta toques. */
body.inner-page-shell.nav-open main,
body.inner-page-shell.nav-open .site-footer{
pointer-events:none !important;
}
body.inner-page-shell.nav-open{
overflow:hidden !important;
touch-action:none;
}
body.inner-page-shell.nav-open > .main-nav{
touch-action:pan-y;
}
}
/* Fallback para Safari antigo sem suporte a dvh. */
@supports not (height:100dvh){
@media(max-width:899px){
body.inner-page-shell > .main-nav{
height:calc(100vh - 64px - env(safe-area-inset-top)) !important;
max-height:calc(100vh - 64px - env(safe-area-inset-top)) !important;
}
}
}