/* Páginas de plantillas hechas desde PDF (las usan la invitación y la pantalla Crear) */
.pg{position:relative;width:100%;container-type:inline-size;overflow:hidden;background:var(--paper)}
.pg>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.pg .fx{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;white-space:pre-line;
  overflow:visible;line-height:1.15;letter-spacing:0;color:var(--ink)}
.pg .fx.top{align-items:flex-start}
.pg .fx span{display:block;max-width:100%}
.pg .fx.f-script{font-family:"Dancing Script",cursive;font-weight:500}
.pg .fx.f-display{font-family:"Playfair Display",Georgia,serif;font-weight:800}
.pg .fx.f-sans{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Inter",Arial,sans-serif;font-weight:400}
.pg .fx.f-caps{font-family:"Marcellus",Georgia,serif;font-weight:400}
.pg .fx.f-geo{font-family:"Josefin Sans",-apple-system,BlinkMacSystemFont,"Inter",Arial,sans-serif;font-weight:700}
.pg .cdn{position:absolute;transform:translate(-50%,-50%);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Inter",Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;color:#111;line-height:1}
.pg .cdn.tick{animation:pgTick .5s cubic-bezier(.16,1,.3,1)}
.pg .hot{position:absolute;border-radius:999px;-webkit-tap-highlight-color:transparent}
.pg .hot:focus-visible{outline:3px solid #a8803f;outline-offset:2px}
.pg .hot.pulse::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid color-mix(in srgb,#8b5a2b 60%,transparent);animation:ping 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes ping{0%{transform:scale(.85);opacity:1}80%,100%{transform:scale(1.25);opacity:0}}
.pg.rvp{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.pg.rvp.in{opacity:1;transform:none}

@keyframes pgTick{from{transform:translate(-50%,-80%);opacity:.3}}