:root{--crema:#efe9dd;--papel:#f6f2ea;--oliva:#55553a;--oliva-osc:#44442d;--texto:#4b4a3d;--suave:#77755f;--linea:#55553a52}*{box-sizing:border-box}html{scroll-behavior:smooth}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.3rem auto;display:block}.filete.corto{width:1.6rem;margin:.9rem auto}.titulo{letter-spacing:.38em;text-transform:uppercase;margin:0;font-size:clamp(1.05rem,.9rem + .7vw,1.4rem);font-weight:500}.nota{color:var(--suave);margin:0;font-size:1.02rem;font-style:italic;line-height:1.55}.boton{border:1px solid var(--oliva);background:var(--oliva);color:var(--papel);font:inherit;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;padding:.95rem 2.2rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:inline-flex}.boton:hover,.boton:focus-visible{background:var(--oliva-osc);transform:translateY(-1px)}.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.4px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ir-confirmar{color:var(--oliva-osc);letter-spacing:.22em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.7rem;margin-top:.4rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.ir-confirmar svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:4.6rem;height:4.6rem;animation:1.8s ease-in-out infinite flecha}.ir-confirmar:hover svg,.ir-confirmar:focus-visible svg{fill:var(--oliva);stroke:var(--papel)}.fundido{animation:.45s fundido}@keyframes fundido{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.fundido{animation:none}}.portada{background:var(--crema);grid-template-columns:1fr 1fr;align-items:center;min-height:min(100svh,56rem);display:grid;position:relative;overflow:hidden}.calas{isolation:isolate;background:url(/calas-portada.webp) 0/cover no-repeat;position:absolute;inset:0;overflow:hidden}.texto-portada{grid-column:2;padding:5rem 2rem 6rem;position:relative}.antetitulo{letter-spacing:.34em;text-transform:uppercase;color:var(--suave);margin:0;font-size:.76rem;font-weight:600;line-height:2}.nombres{letter-spacing:.24em;text-transform:uppercase;flex-direction:column;margin:.4rem 0 1.2rem;font-size:clamp(1.9rem,1.2rem + 2.2vw,3.2rem);font-weight:400;line-height:1.3;display:flex}.y-trazo{clip-path:inset(-60% 140% -80% -60%);display:inline-block}.y-trazo.escribir{animation:2.8s linear .4s both escribir}@keyframes escribir{0%{clip-path:inset(-60% 140% -80% -60%)}99.9%{clip-path:inset(-60% -15% -80% -60%)}to{clip-path:none}}@media (prefers-reduced-motion:reduce){.y-trazo,.y-trazo.escribir{clip-path:none;animation:none}}.nombres .y{letter-spacing:0;text-transform:none;color:var(--oliva);margin:.2rem 0 .5rem;font-family:Pinyon Script,cursive;font-size:1.5em;font-style:normal;line-height:.9}.fecha{letter-spacing:.32em;margin:0;font-size:clamp(1.2rem,1rem + .8vw,1.7rem)}.bajar{color:var(--oliva-osc);letter-spacing:.3em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;text-decoration:none;animation:2s ease-in-out infinite flecha;display:flex;position:absolute;bottom:1.6rem;left:75%;translate:-50%}.bajar svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:2.4rem}@keyframes flecha{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.detalles{background:var(--papel);padding:clamp(3.5rem,8vw,5.5rem) 1.5rem}.columnas{grid-template-columns:repeat(4,minmax(0,1fr));max-width:86rem;margin:0 auto 3rem;display:grid}.columnas article{flex-direction:column;align-items:center;padding:.4rem 1.8rem 1rem;display:flex}.columnas article+article{border-left:1px solid var(--linea)}.icono{fill:none;width:6.2rem;height:6.2rem;stroke:var(--oliva);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1.3rem}.columnas h3{letter-spacing:.3em;text-transform:uppercase;margin:0 0 .8rem;font-size:1rem;font-weight:600}.lugar{margin:0 0 .5rem;font-size:1.32rem;line-height:1.4}.dato{letter-spacing:.04em;color:var(--suave);margin:0;font-size:1.22rem;line-height:1.55}.dato em{color:var(--texto)}.columnas .nota{max-width:18rem;font-size:1.22rem}.enlace{letter-spacing:.04em;color:var(--oliva-osc);border-bottom:1px solid #0000;align-items:center;gap:.4rem;padding-bottom:.15rem;font-size:1.5rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.enlace:hover,.enlace:focus-visible{border-color:var(--oliva)}.enlace{text-align:center;flex-direction:column;line-height:1.25;gap:.25rem!important}.enlace svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:2.2rem;height:2.2rem}.confirmar{background:var(--crema);padding:clamp(4rem,9vw,6rem) 1.5rem;position:relative;overflow:hidden}.calas-fondo{opacity:.22;background:url(/calas-portada.webp) 8% 60%/cover no-repeat;width:min(42vw,30rem);position:absolute;inset:0 auto 0 0;mask-image:linear-gradient(90deg,#000 30%,#0000)}.confirmar-dentro{flex-direction:column;align-items:center;display:flex;position:relative}.invitar-confirmar{flex-direction:column;align-items:center;display:flex}.subtitulo{letter-spacing:.28em;text-transform:uppercase;color:var(--suave);margin:.9rem 0 1.8rem;font-size:.74rem;font-weight:600}.invitar-confirmar .nota{margin-top:1.4rem;font-size:.98rem}.invitar-confirmar[hidden],.rsvp[hidden],.si-va[hidden],.gracias[hidden]{display:none}.rsvp{flex-direction:column;gap:.8rem;width:100%;max-width:27rem;margin-top:1.6rem;display:flex}.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:#fffdf9bf;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:.76rem;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{margin-top:.4rem}.abrir-rsvp{letter-spacing:.22em;padding:1.6rem 3.6rem;font-size:1.15rem;box-shadow:0 6px 18px #44442d40}.abrir-rsvp svg{width:1.7rem;height:1.7rem}.error-rsvp{color:#8a3b2e;margin:0;font-style:italic}.volver-rsvp,.otra{border-width:0 0 1px;border-color:var(--linea);cursor:pointer;background:0 0;align-self:center;font-family:inherit}.gracias{flex-direction:column;align-items:center;gap:.6rem;max-width:22rem;margin-top:1.6rem;display:flex}.con-amor{color:var(--oliva);margin:0;font-family:Pinyon Script,cursive;font-size:clamp(2rem,1.5rem + 1.5vw,2.6rem)}.pie{background:var(--papel);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:2.6rem 2rem 2.4rem;display:grid;position:relative;overflow:hidden}.calas-pie{aspect-ratio:1;mix-blend-mode:darken;background:url(/calas-esquina.webp) 0 100%/contain no-repeat;width:9rem;position:absolute;bottom:0;left:0;mask-image:radial-gradient(circle at 0 100%,#000 50%,#0000 78%)}.monograma-fila{grid-column:2;align-items:center;gap:1.4rem;display:flex}.monograma-fila .linea{background:var(--linea);width:3rem;height:1px}.monograma{margin:0;font-size:1.8rem;font-weight:400;line-height:1}.monograma i{color:var(--suave);margin:0 .08em;display:inline-block}.monograma span:last-child{position:relative;top:.45em}.contigo{letter-spacing:.26em;text-transform:uppercase;color:var(--suave);text-align:center;grid-column:3;justify-self:end;margin:0;font-size:.62rem;font-weight:600;line-height:1.8}.contigo svg{width:.8rem;fill:var(--oliva);margin:.2rem auto 0;display:block}@media (width<=1000px){.columnas{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.6rem}.columnas article:nth-child(3){border-left:0}}@media (width<=1000px) and (orientation:portrait),(width<=760px){.portada{flex-direction:column;min-height:100svh;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(#efe9dd00, var(--crema));height:45%;position:absolute;inset:auto 0 0}.texto-portada{margin-top:-2.5rem;padding:0 1.2rem 5.5rem}.nombres{letter-spacing:.18em}.bajar{bottom:1.2rem;left:50%}}@media (width<=760px){.columnas{grid-template-columns:1fr;row-gap:0;margin-bottom:2.4rem}.columnas article,.columnas article+article{border-left:0;padding:2rem .5rem}.columnas article+article{border-top:1px solid var(--linea)}.calas-fondo{opacity:.16;width:70vw}.boton{letter-spacing:.18em;padding-inline:1.5rem;font-size:.8rem}.abrir-rsvp{letter-spacing:.12em;white-space:nowrap;gap:.6rem;width:100%;padding:1.5rem 1rem;font-size:.98rem}.pie{grid-template-columns:1fr;justify-items:center;gap:1.4rem;padding-bottom:3rem}.monograma-fila,.contigo{grid-column:1;justify-self:center}.calas-pie{width:6.5rem}}
