@font-face{font-family:Lilita;src:url(assets/lilita.ttf)}@font-face{font-family:Nunito;src:url(assets/nunito.ttf);font-weight:100 900}
*{box-sizing:border-box}body{margin:0;background:#e5dfcf;color:#44331f;font:17px/1.42 Nunito,system-ui,sans-serif;text-align:center}
main{max-width:560px;margin:auto;background-color:#fff4dc;background-image:repeating-linear-gradient(0deg,#ab956012 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#ab95600d 0 1px,transparent 1px 3px);box-shadow:0 0 65px #4a40272b;overflow:hidden}
.hoja{position:relative;padding:30px clamp(22px,6vw,48px) 20px}.portada{padding-top:16px;background:radial-gradient(ellipse at 50% 31%,#ffe4a688,transparent 58%)}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#54643d}button{cursor:pointer;border:1px solid #a6a77b;border-radius:20px;padding:7px 13px;color:#405331;background:#fff9e6;font:13px Nunito}a:focus-visible,button:focus-visible{outline:3px solid #bd4a25;outline-offset:3px}
.jeep{display:block;width:94%;height:auto;margin:22px auto -5px}.cinta{display:inline-block;margin:0;padding:5px 32px;color:#fff5da;background:#a3482d;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);font:20px Lilita;letter-spacing:.6px;transform:rotate(-2deg)}
h1{font:clamp(54px,13vw,78px)/1.04 Lilita,sans-serif;letter-spacing:-2px;color:#617634;margin:8px -10px 15px;-webkit-text-stroke:5px #fff7dd;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #744e2b)}
.retrato{width:49%;aspect-ratio:1;margin:10px auto 12px;border:7px solid #f8e3ac;border-radius:50%;outline:2px dashed #948455;outline-offset:3px;overflow:hidden;background:white}.retrato img{width:100%;display:block}.fecha{font:20px Lilita;margin:16px 0;color:#685732}
.costura{border-bottom:2px dashed #baaa7b;margin:24px auto 0;width:74%}
.madera{display:table;margin:0 auto 22px;padding:8px 25px;color:#4c3422;background:repeating-linear-gradient(177deg,transparent 0 11px,#97724626 12px,transparent 14px),linear-gradient(#ead2a2,#d7b17b);border:2px solid #ab8558;border-radius:44% 12% 35% 8% / 14% 50% 15% 45%;box-shadow:0 3px #ab855866;font:clamp(26px,6vw,34px)/1.05 Lilita}
.postal{max-width:280px;width:80%;margin:22px auto 25px;background:#fffcf3;padding:9px 9px 12px;transform:rotate(-3deg);box-shadow:1px 5px 12px #69471833;position:relative}.postal:before{content:'';position:absolute;width:32%;height:20px;left:34%;top:-9px;background:#c2b17ca6;transform:rotate(6deg)}.postal img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:center 68%}.postal figcaption{font:20px Lilita;color:#62683b;margin-top:8px}
blockquote{border:2px dashed #97855e;background:#fffaf0a8;border-radius:10px;margin:0;padding:21px 17px;font-size:18px;line-height:1.5}
.boleto{display:flex;justify-content:center;align-items:center;margin:10px auto;background:#fffbef;border:1px solid #baa779;border-radius:12px;text-align:left}.dia{padding:14px;text-align:center;display:grid;color:#97502d;border-right:2px dashed #baa779}.dia strong{font:50px/1 Lilita}.dia span{font-size:10px;letter-spacing:1.5px}.lugar{display:grid;padding:12px 18px;font-size:15px}.lugar strong{font:25px Lilita}.mapa{color:#465c32;text-underline-offset:4px}.mono{display:block;width:55%;height:135px;object-fit:contain;margin:17px auto 0}.fiesta p{margin:0 auto 12px}.paleta{display:flex;justify-content:center;gap:24px;font-size:12px}.paleta i{display:block;margin:0 auto 4px;width:35px;height:35px;border:1.5px solid #8a795d;border-radius:50%;background:#e5cb9c}.paleta span:nth-child(2) i{background:#bbc97b}.paleta span:nth-child(3) i{background:white}
.asistencia{margin:24px 0 18px;padding:16px 0;border-block:2px dashed #baaa7b}.asistencia h2{font:29px Lilita;margin:0 0 10px;color:#536638}.confirmar{display:inline-block;background:#526737;color:#fff9e8;border-radius:24px;padding:11px 21px;text-decoration:none;box-shadow:0 3px #344321}.asistencia small{display:block;margin-top:9px;color:#655d48}footer{font:italic 19px Georgia;color:#6f694f}