:root{--crema:#f1ece2;--papel:#f7f3ec;--oliva:#55553a;--oliva-osc:#44442d;--texto:#4b4a3d;--suave:#77755f;--linea:#55553a59}*{box-sizing:border-box}html{scrollbar-width:none;touch-action:none;overscroll-behavior:none}html::-webkit-scrollbar{display:none}.escenario{height:100svh;position:relative;overflow:hidden}.panel{background:var(--papel);flex-direction:column;justify-content:safe center;align-items:center;padding:2rem 1.5rem;display:flex;position:absolute;inset:0;overflow:hidden}body{background:var(--papel);color:var(--texto);text-align:center;font-variant-numeric:lining-nums;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.05rem,.95rem + .35vw,1.25rem);font-weight:500}.filete{background:var(--linea);width:2.6rem;height:1px;margin:1.4rem auto;display:block}.titulo{letter-spacing:.38em;text-transform:uppercase;color:var(--texto);margin:0;font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);font-weight:500}.nota{color:var(--suave);margin:0;font-size:1.05rem;font-style:italic;line-height:1.55}.boton{background:var(--oliva);border:1px solid var(--oliva);color:var(--papel);letter-spacing:.28em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:.9rem;padding:1rem 2.2rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.boton:hover,.boton:focus-visible{background:var(--oliva-osc)}.boton.claro{color:var(--oliva-osc);background:0 0}.boton.claro:hover,.boton.claro:focus-visible{background:var(--oliva);color:var(--papel)}.boton svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.inicio{background:var(--crema);grid-template-columns:1fr 1fr;align-items:center;padding:0;display:grid;overflow:hidden}.calas{isolation:isolate;background:url(/calas-portada.webp) 0/cover no-repeat;position:absolute;inset:0;overflow:hidden}.brisa{mix-blend-mode:multiply;opacity:.3;transform-origin:90% 0;will-change:transform;pointer-events:none;background:url(/brisa-hojas.webp) 100% 0/cover no-repeat;animation:9s ease-in-out infinite alternate brisa;position:absolute;inset:-5%}.brisa.dos{opacity:.16;filter:blur(5px);transform-origin:100% 20%;animation:6.5s ease-in-out -3s infinite alternate brisa-dos}@keyframes brisa{0%{transform:translate(0)rotate(0)skew(0)}45%{transform:translate(-12px,7px)rotate(1.3deg)skew(1.4deg)}to{transform:translate(7px,-4px)rotate(-.9deg)skew(-1deg)}}@keyframes brisa-dos{0%{transform:translate(18px,-10px)rotate(-1deg)}55%{transform:translate(-6px,4px)rotate(.8deg)}to{transform:translate(10px,8px)rotate(-.4deg)}}@media (prefers-reduced-motion:reduce){.brisa{animation:none}}.portada{grid-column:2;padding:4rem 2rem;position:relative}.antetitulo{letter-spacing:.34em;text-transform:uppercase;color:var(--suave);margin:0;font-size:.78rem;font-weight:600;line-height:2}.nombres{letter-spacing:.24em;text-transform:uppercase;color:var(--texto);flex-direction:column;margin:.6rem 0 1.4rem;font-size:clamp(1.9rem,1.2rem + 2.2vw,3.2rem);font-weight:400;line-height:1.3;display:flex}.nombres .y{letter-spacing:0;text-transform:none;color:var(--oliva);margin:.2rem 0 .5rem;font-family:Pinyon Script,cursive;font-size:1.6em;font-style:normal;line-height:.9}.fecha{letter-spacing:.32em;margin:0;font-size:clamp(1.2rem,1rem + .8vw,1.7rem)}.bajar{color:var(--suave);position:absolute;bottom:2rem;left:75%;translate:-50%}.bajar svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:1.8rem}.columnas{grid-template-columns:repeat(2,1fr);width:100%;max-width:50rem;margin:1.6rem auto 3.2rem;display:grid}.columnas article{flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 2rem 1rem;display:flex}.columnas article+article{border-left:1px solid var(--linea)}.icono{fill:none;width:3rem;height:3rem;stroke:var(--oliva);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.9rem}.columnas h3{letter-spacing:.3em;text-transform:uppercase;margin:0 0 .6rem;font-size:.85rem;font-weight:600}.lugar{margin:0;font-size:1.15rem;line-height:1.4}.dato{color:var(--suave);margin:0;line-height:1.5}.dato em{color:var(--texto)}.dato.hora{letter-spacing:.08em;text-transform:uppercase;margin-top:.7rem;font-size:.98rem}.sin-corte{white-space:nowrap}.columnas .nota{max-width:15rem;margin-top:1rem}.enlace{border-bottom:1px solid var(--linea);letter-spacing:.26em;text-transform:uppercase;color:var(--oliva-osc);align-items:center;gap:.4rem;margin-top:1.1rem;padding-bottom:.2rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.enlace:hover{border-color:var(--oliva)}.enlace svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:1rem;height:1rem}.dibujo{fill:none;width:auto;height:clamp(11rem,36svh,20rem);stroke:var(--oliva);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;margin:1.2rem 0 1rem;overflow:visible}.dibujo *{vector-effect:non-scaling-stroke}.info{flex-direction:column;align-items:center;gap:.3rem;display:flex}.lugar-panel .lugar{max-width:24rem;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}.pareja{mix-blend-mode:multiply;width:auto;height:clamp(14rem,50svh,30rem);margin:1rem 0 .8rem}.dibujo.quieto{height:clamp(9rem,30svh,16rem)}.ilustracion-sobre{mix-blend-mode:multiply;width:auto;height:clamp(13rem,46svh,27rem);margin:1rem 0 .6rem;mask-image:linear-gradient(#0000,#000 14%)}.dato.grande{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.6}.lugar-panel .nota{max-width:20rem;margin-top:.8rem}.nota.amplia{max-width:24rem;font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}.lugar-panel .boton{margin-top:1.6rem}.confirmar{background:var(--crema)}.calas-esquina{aspect-ratio:1;mix-blend-mode:darken;background:url(/calas-esquina.webp) 0 100%/contain no-repeat;width:min(34vw,26rem);position:absolute;bottom:0;left:0;mask-image:radial-gradient(circle at 0 100%,#000 55%,#0000 80%)}.confirmar>:not(.calas-esquina){position:relative}.confirmar{overflow-y:auto}.rsvp{flex-direction:column;gap:.8rem;width:100%;max-width:27rem;display:flex}.invitar-confirmar{flex-direction:column;align-items:center;display:flex}.abrir-rsvp{cursor:pointer;border:0;font-family:inherit}.volver-rsvp{cursor:pointer;background:0 0;border-width:0 0 1px;align-self:center;margin-top:.2rem;font-family:inherit}.invitar-confirmar[hidden],.rsvp[hidden],.si-va[hidden],.gracias[hidden]{display:none}.rsvp,.gracias{margin-top:1.6rem}.si-va{flex-direction:column;gap:.8rem;display:flex}.fila{grid-template-columns:8.5rem 1fr;gap:.6rem;display:grid}.campo input,.campo select{width:100%;font:inherit;color:var(--texto);appearance:none;background:#fffdf9b3;border:1px solid #55553a47;border-radius:0;padding:.8rem 1rem;font-size:1.05rem}.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M5 3l7 6 7-6' fill='none' stroke='%2377755f' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:.9rem;padding-right:2rem}.campo input::placeholder{color:#4b4a3d8c;font-style:italic}.campo input:focus,.campo select:focus{outline:1px solid var(--oliva);outline-offset:1px}.asiste{border:0;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;display:grid}.asiste label{position:relative}.asiste input{opacity:0;position:absolute}.asiste span{letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:1px solid #55553a59;border-radius:999px;padding:.75rem .5rem;font-size:.78rem;font-weight:600;transition:background .2s,color .2s;display:block}.asiste input:checked+span{background:var(--oliva);border-color:var(--oliva);color:var(--papel)}.asiste input:focus-visible+span{outline:1px solid var(--oliva);outline-offset:2px}.rsvp .boton{cursor:pointer;border:0;margin-top:.4rem;font-family:inherit}.error-rsvp{color:#8a3b2e;margin:0;font-style:italic}.gracias{flex-direction:column;align-items:center;gap:.6rem;max-width:22rem;display:flex}.enlace.otra{cursor:pointer;background:0 0;border-width:0 0 1px;font-family:inherit}.oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.subtitulo{letter-spacing:.3em;text-transform:uppercase;color:var(--suave);margin:.9rem 0 2rem;font-size:.78rem;font-weight:600}.confirmar .nota{max-width:22rem;margin-top:1.6rem}.cierre{background:var(--crema)}.cierre>:not(.calas-esquina){position:relative}.sello{aspect-ratio:1;border:1px solid var(--linea);outline-offset:7px;border-radius:50%;outline:1px solid #55553a2e;place-items:center;width:clamp(12rem,34vmin,17rem);margin-bottom:2rem;display:grid}.con-amor{color:var(--oliva);margin:0;font-family:Pinyon Script,cursive;font-size:clamp(1.9rem,1.4rem + 1.5vw,2.6rem)}.firma{letter-spacing:.32em;text-transform:uppercase;margin:.4rem 0 0;font-size:clamp(.9rem,.8rem + .4vw,1.1rem);font-weight:600}.fecha-cierre{letter-spacing:.32em;color:var(--suave);margin:0}.monograma{letter-spacing:.05em;margin:0 0 .6em;font-size:clamp(3.4rem,2.6rem + 3vw,5rem);font-weight:400;line-height:1}.monograma i{color:var(--suave);margin:0 .1em;font-weight:400;display:inline-block}.monograma span:last-child{position:relative;top:.45em}@media (width<=1000px) and (orientation:portrait),(width<=760px){.inicio{flex-direction:column;justify-content:flex-start;padding-top:0;display:flex}.calas{background-position:18% 30%;flex:none;align-self:stretch;height:40svh;position:relative;inset:auto}.calas:after{content:"";z-index:1;background:linear-gradient(#f1ece200, var(--crema));height:45%;position:absolute;inset:auto 0 0}.portada{margin-top:-2.5rem;padding:0 1.2rem 5rem}.nombres{letter-spacing:.18em}.bajar{bottom:1.4rem;left:50%}}@media (width<=760px){.columnas{grid-template-columns:1fr;row-gap:0}.panel{padding:1.6rem 1.2rem 1.2rem}.panel.inicio{justify-content:flex-start;padding:0}.detalles .filete{margin:.9rem auto .4rem}.columnas article,.columnas article+article{border-left:0;gap:.15rem;padding:1.2rem .5rem}.columnas{margin:0 auto 1.2rem}.icono{width:2.1rem;height:2.1rem;margin-bottom:.3rem}.columnas h3{margin-bottom:.3rem}.lugar{font-size:1.08rem}.dato.hora{margin-top:.4rem}.enlace,.columnas .nota{margin-top:.6rem}.boton.claro{padding-block:.8rem}.columnas article+article{border-top:1px solid var(--linea)}.calas-esquina{width:44vw}.boton{letter-spacing:.2em;padding-inline:1.5rem;font-size:.74rem}}@media (width<=760px) and (height<=740px){.calas{height:30svh}.antetitulo{line-height:1.7}.filete{margin:.9rem auto}.nombres{margin-bottom:1rem;font-size:1.65rem}.portada{padding-bottom:3.5rem}.columnas article,.columnas article+article{padding:.8rem .5rem}.icono{width:1.8rem;height:1.8rem;margin-bottom:.1rem}.dato,.lugar{line-height:1.35}.pareja,.ilustracion-sobre{height:44svh}.dibujo{height:28svh;margin:.8rem 0 .6rem}}
