/* Self-hosted fonts (latin subset from Google Fonts, SIL Open Font License) */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/cormorant-garamond.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300 700; font-display: swap; src: url("../fonts/cormorant-garamond-italic.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/jost.woff2") format("woff2"); }

/* Legal pages (politica-de-datos.html): same palette as styles.css, plain reading layout */
:root {
  --cream: #f7f2eb;
  --sand: #d9c8b2;
  --gold: #7f6044;
  --gold-dark: #6e523a;
  --ink: #3a2e26;
  --muted: #6b5c50;
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  padding: 3rem 1rem 4rem;
  background: var(--cream);
  color: var(--ink);
  font: 300 1.05rem/1.7 "Jost", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 46rem; margin: 0 auto; }
header { text-align: center; margin-bottom: 2.5rem; }
.logo { display: inline-flex; flex-direction: column; align-items: center; text-decoration: none; color: var(--ink); line-height: 1; }
/* logo.svg: the Z and ZENIT traced from her logo file, as in styles.css */
.logo__mark { width: 9rem; height: auto; }
.logo__sub { font-size: .47rem; letter-spacing: .5em; text-transform: uppercase; margin-top: .8em; padding-left: .5em; }
h1 { font: 500 clamp(1.7rem, 5vw, 2.3rem)/1.2 "Cormorant Garamond", Georgia, serif; color: var(--gold-dark); margin: 1.5rem 0 .4rem; }
h2 { font: 500 1.45rem/1.2 "Cormorant Garamond", Georgia, serif; color: var(--gold-dark); margin: 2.2rem 0 .6rem; }
p, ul, ol { margin: 0 0 1rem; }
ul, ol { padding-left: 1.4rem; }
li { margin-bottom: .35rem; }
strong { font-weight: 400; }
a { color: var(--gold); text-decoration-color: var(--sand); text-underline-offset: .2em; }
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.updated { color: var(--muted); font-size: .9rem; }
.ph { background: rgba(140, 106, 74, .12); outline: 1px dashed var(--sand); border-radius: 4px; padding: 0 .25em; }
.back { text-align: center; margin-top: 3rem; }
.not-found main { min-height: 70vh; display: grid; align-content: center; }
.not-found header p { color: var(--muted); }
.back a {
  display: inline-block; padding: 1em 2em; border-radius: 999px; text-decoration: none;
  background: var(--gold); color: #fffdf9; font-size: .8rem; letter-spacing: .2em; text-transform: uppercase;
}
.back a:hover { background: var(--gold-dark); }