/* Páginas de la web publicada de una boda que no son la web en sí: el pie de privacidad y el aviso «no existe». */
body { margin: 0; }
.pie-web { margin: 0; padding: 1rem 1.25rem 2rem; text-align: center; font: 400 .95rem/1.5 system-ui, sans-serif; background: #fff; color: #444; }
.pie-web a { color: #333; text-underline-offset: .2em; }
/* el aviso antes de ir al álbum con la confirmación a medias */
.b-album-aviso { margin: .8rem auto 0; max-width: 28rem; padding: 1rem 1.1rem; border: 1.5px solid currentColor; border-radius: 12px; text-align: center; }
.b-album-aviso p { margin: 0 0 .7rem; }
.b-album-aviso-botones { display: grid; gap: .5rem; justify-items: center; margin: 0 !important; }
.b-album-aviso-ir { display: inline-block; min-height: 44px; line-height: 44px; color: inherit; text-underline-offset: .2em; }
/* la marca, discreta, al final del todo (nunca en la portada ni en las tarjetas impresas) */
.pie-marca { margin: .6rem 0 0; font-size: .82rem; opacity: .8; }
.pie-marca a { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; text-decoration: none; }
.pie-marca a:hover { text-decoration: underline; }
.pie-marca img { display: block; width: auto; height: 18px; }
.pie-web a:focus-visible { outline: 3px solid #1a4fb4; outline-offset: 3px; }
@media (prefers-color-scheme: dark) { .pie-web { background: #17171a; color: #c9c9cf; } .pie-web a { color: #e4e4e8; } .pie-web a:focus-visible { outline-color: #8fb3ff; } }

.sin-web { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: #faf7f2; color: #2b2622; font: 400 1.05rem/1.6 system-ui, sans-serif; }
.sin-web-caja { max-width: 32rem; text-align: center; }
.sin-web h1 { font: 600 1.6rem/1.25 Georgia, serif; margin: 0 0 1rem; }
.sin-web p { margin: 0 0 1rem; }
.sin-web-enlace { display: inline-block; min-height: 48px; padding: .85rem 1.4rem; background: #7a3b43; color: #fff; text-decoration: none; border-radius: 2px; font-weight: 600; }
.sin-web-enlace:focus-visible { outline: 3px solid #1a4fb4; outline-offset: 3px; }
@media (prefers-color-scheme: dark) { .sin-web { background: #17171a; color: #ececf0; } .sin-web-enlace { background: #e8b4ba; color: #2a1215; } .sin-web-enlace:focus-visible { outline-color: #8fb3ff; } }

/* Móvil (D-0057): ni un botón, enlace o campo deja que el doble toque amplíe la pantalla; el pellizco de toda la página sigue libre. */
button, summary, label, a, input, select, textarea, [role="tab"], [role="button"] { touch-action: manipulation; }