/* Esta página también se puede abrir directamente. */
* { box-sizing: border-box; }
html { min-height: 100%; background: #e7e2d6; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 28px 34px; color: #800020; }
main { width: 100%; }
.foto-mes { width: min(100%, calc((100dvh - 130px) * 4 / 3)); max-width: 100%; margin: 0 auto; }
.foto-papel { box-shadow: 0 5px 24px #15394712; }
.foto-papel img { display: block; width: 100%; height: auto; }
figcaption { padding-top: 18px; text-align: center; }
figcaption p { margin: 0; font: 20px/1.3 Georgia, 'Times New Roman', serif; }
figcaption > span { display: block; margin-top: 6px; color: #800020; font: 11px/1.3 'Segoe UI', Arial, sans-serif; }
@media (max-width: 570px) { body { padding: 22px 18px; } figcaption p { font-size: 17px; } }
@media (max-width: 300px) { body { padding: 20px 12px; } figcaption p { font-size: 15px; } }