body{margin:0}
body,.table{background-color:#E4E0D7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .26 0 0 0 0 .2 0 0 0 .12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><path d='M0 14 L14 0 L28 14 L14 28Z' fill='none' stroke='%230E0E0D' stroke-opacity='.06' stroke-width='1'/></svg>")}
.seal{display:block;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.seal-b{color:#17150F}
.seal-g{color:#BBA886}
.env-wrap{position:relative;width:min(88vw,600px);aspect-ratio:7/5;cursor:pointer}
.ep{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.liner{background-color:#E4DECF;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22'><path d='M0 11 L11 0 L22 11 L11 22Z' fill='none' stroke='%238C7A55' stroke-opacity='.4' stroke-width='1'/></svg>")}
.sealbtn{-webkit-appearance:none;appearance:none;background:transparent!important;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent;overflow:visible;position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:8;border:0;padding:0;width:clamp(76px,17vw,110px);height:clamp(76px,17vw,110px)}
.sealbtn .seal{width:100%;height:100%;object-fit:contain;filter:none;background:transparent}
.flapA{transform-origin:50% 0}
.flapB{transform-origin:50% 0;transform:scaleY(0)}
.ovl.opening .hint{opacity:0;transition:opacity .4s}
@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
@keyframes sealBreak{0%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.14) rotate(5deg)}100%{opacity:0;transform:translate(-50%,-20%) scale(.7) rotate(-14deg)}}
@keyframes fa{to{transform:scaleY(0)}}
@keyframes fb{to{transform:scaleY(-.6)}}
@keyframes cu{to{transform:translateY(-46%)}}
@keyframes eo{to{transform:scale(1.12)}}
@keyframes ov{to{opacity:0}}
@media (prefers-reduced-motion:no-preference){
.sealbtn{animation:pulse 2.8s ease-in-out infinite}
.opening .sealbtn{animation:sealBreak .6s ease forwards}
.opening .flapA{animation:fa .45s ease-in .55s forwards}
.opening .flapB{animation:fb .5s ease-out 1s forwards}
.opening .env-card{animation:cu 1.1s cubic-bezier(.3,.7,.2,1) 1.4s forwards}
.opening .env-wrap{animation:eo 1s ease-in-out 2.7s forwards}
.ovl.opening{animation:ov .9s ease 2.7s forwards}
}
.card:not(.dark) h1,.card:not(.dark) h2{text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(14,14,13,.07)}
a{color:inherit;text-decoration:none}
a.u{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:5px}
@keyframes fu{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes nm{from{opacity:0;transform:translateY(80px) scale(.94);letter-spacing:.14em;filter:blur(14px)}to{opacity:1;transform:none;letter-spacing:-.02em;filter:blur(0)}}
@keyframes kb{from{transform:scale(1.35)}to{transform:scale(1)}}
@keyframes ar{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes sway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes sh{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes dr{from{stroke-dashoffset:450}to{stroke-dashoffset:0}}
@keyframes ul{from{background-size:0 1px}to{background-size:100% 1px}}
@keyframes rv{from{opacity:0;transform:translateY(64px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes rvl{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes rvr{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:none}}
@keyframes ci{from{opacity:0;transform:translateY(110px) rotate(-1.4deg) scale(.95)}to{opacity:1;transform:none}}
@keyframes cir{from{opacity:0;transform:translateY(110px) rotate(1.4deg) scale(.95)}to{opacity:1;transform:none}}
@keyframes hw{from{clip-path:inset(-10% -10% 100% -10%);transform:translateY(46px)}to{clip-path:inset(-10% -10% -20% -10%);transform:none}}
.shine{background:linear-gradient(100deg,#0E0E0D 0%,#0E0E0D 40%,#9A9385 50%,#0E0E0D 60%,#0E0E0D 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
@media (prefers-reduced-motion:no-preference){
.go .hn0{animation:fu 1s cubic-bezier(.2,.7,.2,1) .05s both}
.go .hn1{animation:nm 1.9s cubic-bezier(.2,.7,.2,1) .2s both}
.go .hn2{animation:nm 1.9s cubic-bezier(.2,.7,.2,1) .55s both}
.go .hn3{animation:fu 1s cubic-bezier(.2,.7,.2,1) .8s both}
.go .hn4{animation:fu 1s cubic-bezier(.2,.7,.2,1) 1s both}
.go .hph{animation:fi 1.8s ease .5s both}
.mnt{animation:fu .8s cubic-bezier(.2,.7,.2,1) both}
.go .hph img:not(.seal){animation:kb 3.2s cubic-bezier(.2,.7,.2,1) .4s both}
.go .hph > div:first-child{animation:ar 1.8s cubic-bezier(.2,.7,.2,1) 1s both}
.go .sprig{transform-origin:50% 100%;animation:sway 5s ease-in-out 3.8s infinite alternate}
.shine{animation:sh 5s linear infinite}
a.u:hover{animation:ul .6s ease}
.go .sprig path:first-child{stroke-dasharray:450;stroke-dashoffset:450;animation:dr 2.8s ease-in-out .7s forwards}
.go .sprig path:not(:first-child){opacity:0;animation:fi 1s ease forwards}
.go .sprig path:nth-child(3),.go .sprig path:nth-child(4){animation-delay:1.1s}
.go .sprig path:nth-child(5),.go .sprig path:nth-child(6){animation-delay:1.4s}
.go .sprig path:nth-child(7),.go .sprig path:nth-child(8){animation-delay:1.7s}
.go .sprig path:nth-child(9),.go .sprig path:nth-child(10){animation-delay:2s}
.go .sprig path:nth-child(11),.go .sprig path:nth-child(12){animation-delay:2.3s}
.go .sprig path:nth-child(13),.go .sprig path:nth-child(14){animation-delay:2.6s}
.go .sprig path:nth-child(15),.go .sprig path:nth-child(16){animation-delay:2.9s}
.go .sprig path:nth-child(2){animation-delay:3.2s}
@keyframes dw{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
@supports (animation-timeline:view()){
#dia svg.ill *{stroke-dasharray:200;stroke-dashoffset:200;animation:dw linear both;animation-timeline:view();animation-range:entry 10% entry 70%}
section:not(#inicio) > .card,footer > .card{animation:ci linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
section:not(#inicio):nth-of-type(even) > .card{animation-name:cir}
section:not(#inicio) > div > div,footer > div > div{animation:rv linear both;animation-timeline:view();animation-range:entry 5% entry 50%}
#dia > div > div:nth-child(2) > div:nth-child(odd){animation:rvl linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
#dia > div > div:nth-child(2) > div:nth-child(even){animation:rvr linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
section:not(#inicio) .card h2,footer .card h2{animation:hw linear both;animation-timeline:view();animation-range:entry 10% entry 55%}
}
}
@media (max-width:720px){
.card{text-align:center;justify-content:center!important}
.card h1 span,.card h2 span{padding-left:0!important}
.card p{margin-left:auto!important;margin-right:auto!important}
.card div{justify-content:center}
.card .stk{flex-direction:column;align-items:center!important;gap:4px!important}
.card .stk > *{flex:none!important}
.card svg.ill{order:-1}
.card input,.card textarea{text-align:center}
.card .seal{margin-left:auto;margin-right:auto}
.card button[aria-expanded]{justify-content:center!important;text-align:center!important;gap:16px!important}
.card p.mnt{padding:0 0 28px!important}
.menu-panel > div{text-align:center}
footer > div:not(.card) > div{justify-content:center!important}
}
@keyframes pr{from{transform:scale(.45);opacity:.9}to{transform:scale(2.2);opacity:0}}
@keyframes flow{to{stroke-dashoffset:-22}}
@media (prefers-reduced-motion:no-preference){.pin-ring{animation:pr 2.6s ease-out infinite}.route{animation:flow 1.6s linear infinite}}
.burger{display:flex}
.menu-panel{display:block}
.sheet{padding:clamp(16px,3vw,40px) clamp(10px,3vw,40px) 0}
.card{position:relative;max-width:1200px;margin:0 auto;background-color:#F8F6F1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.012 .55' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4 0 0 0 0 .34 0 0 0 0 .24 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");box-shadow:inset 0 0 70px rgba(130,105,70,.07),0 1px 2px rgba(14,14,13,.06),0 30px 60px -34px rgba(14,14,13,.38)}
.card::before,.card::after{content:"";position:absolute;pointer-events:none;border:1px solid #C9C3B6}
.card::before{inset:14px}
.card::after{inset:20px;border-color:#DDD8CD}
.card.dark{background-color:#0E0E0D;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .9 0 0 0 0 .88 0 0 0 0 .82 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");box-shadow:0 1px 2px rgba(14,14,13,.1),0 30px 60px -34px rgba(14,14,13,.6);color:#F3F1EC}
@keyframes st{from{opacity:0;transform:translateX(-50%) scale(1.6) rotate(-10deg)}60%{opacity:1}to{opacity:1;transform:translateX(-50%) scale(1) rotate(0)}}
@media (prefers-reduced-motion:no-preference){.go .stamp{animation:st .9s cubic-bezier(.2,.8,.2,1) 1.8s both}}
.card.dark::before{border-color:#4A4741}
.card.dark::after{border-color:#2A2925}
@media (max-width:720px){.card::before{inset:8px}.card::after{inset:12px}}
.k{font-family:'Instrument Sans',Helvetica,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.sf{font-family:'Instrument Serif','Cormorant Garamond',Georgia,serif;font-weight:400}
input,textarea{font-family:'Instrument Sans',Helvetica,sans-serif;font-size:16px;color:inherit;background:transparent;border:0;border-bottom:1px solid #8C867A;border-radius:0;padding:12px 0;width:100%;box-sizing:border-box;outline:none}
input:focus,textarea:focus{border-bottom-color:currentColor}
button{font-family:'Instrument Sans',Helvetica,sans-serif;cursor:pointer}
html{overflow-x:hidden}
.sheet{overflow-x:clip}
[data-if]{display:contents}
.off{display:none!important}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.seg{border:1px solid #0E0E0D;padding:16px 26px;min-height:52px;font-size:15px;letter-spacing:.02em;background:transparent;color:#0E0E0D}
.seg.on{background:#0E0E0D;color:#F3F1EC}
.btn-main{background:#0E0E0D;color:#F3F1EC;border:0;padding:18px 40px;min-height:52px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.btn-main[disabled]{opacity:.55;cursor:wait}
.field-hint{font-size:13px;line-height:1.6;color:#5F5B53;margin-top:6px}
.form-error{margin:0;font-size:15px;line-height:1.7;color:#8A2A1B}

.person{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;border-bottom:1px solid #BDB7AA;padding:22px 0}
.person-name{flex:1 1 200px;min-width:0}
.person-name .sf{font-size:clamp(24px,2.6vw,30px);line-height:1.15}
.person-name input{margin-top:6px}
.person-btns{display:flex;gap:8px;flex:0 0 auto}
.person-btns .seg{padding:12px 18px;min-height:44px;font-size:14px}