/* pages.css — paginas simples: privacidad, gracias, error-envio, 404, faq (seccion 15 del styles.css original) */

/* -----------------------------------------------------------------------------
   15. Paginas simples (privacidad, 404, faq)
-------------------------------------------------------------------------------- */
.page-hero { background: var(--ink); color: var(--white); padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
.page-hero h1 { font-size: var(--fs-h2); }
.page-hero p { margin-top: var(--s-4); color: var(--on-dark); max-width: var(--measure); }
.page-hero__meta { margin-top: var(--s-5); font-family: var(--font-utility); font-size: var(--fs-xs); color: var(--steel); letter-spacing: .06em; }

.faq-cta { text-align: center; }
.faq-cta p { max-width: var(--measure); margin: 0 auto var(--s-5); color: var(--muted); font-size: var(--fs-lead); }

.legal { padding-block: var(--section-y); }
.legal h2 { font-size: 1.375rem; margin-top: var(--s-7); }
.legal h2:first-of-type { margin-top: 0; }
.legal p,
.legal ul { margin-top: var(--s-4); }
.legal ul { list-style: disc; padding-left: 1.25em; }
.legal li + li { margin-top: var(--s-2); }
.legal dt { font-weight: 600; margin-top: var(--s-4); }
.legal dd { margin: var(--s-1) 0 0; color: var(--muted); }

.error-page { display: grid; place-items: center; text-align: center; padding-block: clamp(4rem, 3rem + 8vw, 8rem); }
.error-page__code { font-family: var(--font-utility); font-size: var(--fs-xs); letter-spacing: .18em; text-transform: uppercase; color: var(--teal-ink); }
.error-page h1 { font-size: var(--fs-h2); margin-top: var(--s-4); }
.error-page p { margin-top: var(--s-4); color: var(--muted); max-width: 48ch; }
.error-page .actions { margin-top: var(--s-6); justify-content: center; }
.error-page__mark { width: 7rem; height: 7rem; margin-bottom: var(--s-5); object-fit: contain; }
.error-page__links { margin-top: var(--s-7); font-size: var(--fs-sm); color: var(--muted); }