/* Hoja compartida por las páginas de texto: privacy, terms, accessibility, 404.
   Mismo sistema de color y tipografía que index.html, sin el peso del layout de la home. */

@font-face{
  font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('fonts/dmsans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('fonts/dmsans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/newsreader-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;
  src:url('fonts/newsreader-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg:#181b1d;
  --ink:#f0efe8;
  --body:#aaaead;
  --line:#2a2f31;
  --brand-green:#597539;
  --sage:#a5ad82;
  --sage-dim:#596149;
  --micro:#8b918e;
  --fine:#8f9591;
  --serif:'Newsreader', Georgia, serif;
  --sans:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:
    radial-gradient(circle at 82% 4%, rgba(165,173,130,.05), transparent 24rem),
    var(--bg);
  color:var(--body);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(165,173,130,.25);color:var(--ink)}
a{color:var(--sage);text-decoration:none;border-bottom:1px solid var(--sage-dim);padding-bottom:.05em}
a:hover{color:var(--ink);border-color:var(--ink)}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:1px}

.skip{position:absolute;left:-9999px;top:.5rem;background:var(--ink);color:var(--bg);padding:.6rem .9rem;z-index:200}
.skip:focus{left:.5rem}

.shell{width:min(calc(100% - 3rem),760px);margin-inline:auto}

.site-header{border-bottom:1px solid var(--line)}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.7rem;border:0;min-width:max-content}
.brand:hover{border:0}
.brand-mark{width:32px;height:20.2px;display:block;flex:none}
.brand-word{width:84px;height:25px;display:block;flex:none}
.back{font-size:.78rem;color:#a6aaa8;border:0}
.back:hover{color:var(--ink);border:0}

main{padding:5.5rem 0 6rem}
.eyebrow{color:var(--sage);font-size:.71rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
h1{
  font-family:var(--serif);font-weight:400;color:var(--ink);
  font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.03em;
  margin:.9rem 0 1.1rem;
}
.updated{font-size:.78rem;color:var(--fine);margin-bottom:3.2rem}
h2{
  font-family:var(--serif);font-weight:400;color:var(--ink);
  font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.15;letter-spacing:-.015em;
  margin:3.2rem 0 .9rem;padding-top:1.9rem;border-top:1px solid var(--line);
}
h2:first-of-type{margin-top:2.4rem}
h3{font-family:var(--sans);font-weight:600;color:var(--ink);font-size:.92rem;margin:1.8rem 0 .45rem}
p{margin-bottom:1.1rem;max-width:66ch}
ul{margin:0 0 1.3rem 0;padding-left:1.1rem;max-width:66ch}
li{margin-bottom:.5rem}
li::marker{color:var(--sage-dim)}
strong{color:var(--ink);font-weight:500}
.lede{font-size:1.08rem;color:#c1c4be;max-width:60ch;margin-bottom:2rem}
.callout{
  border-left:2px solid var(--sage-dim);padding:.15rem 0 .15rem 1.3rem;
  margin:1.8rem 0;color:#c0c3bd;max-width:64ch;
}
.callout p:last-child{margin-bottom:0}

.contact-block{border-top:1px solid var(--line);margin-top:3.4rem;padding-top:1.9rem}
.contact-block h2{border:0;padding-top:0;margin-top:0}

footer{border-top:1px solid var(--line);padding:1.8rem 0 2.2rem}
.footer-inner{display:flex;justify-content:space-between;gap:2rem;font-size:.72rem;color:var(--fine);flex-wrap:wrap}
.footer-inner a{color:#a3a8a4;border:0}
.footer-inner a:hover{color:var(--sage);border:0}
.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}

/* 404 */
.notfound{text-align:left;padding:7rem 0 8rem}
.notfound .code{font-family:var(--serif);font-size:clamp(4.5rem,14vw,9rem);line-height:.9;color:var(--sage);letter-spacing:-.05em}
.notfound h1{font-size:clamp(2rem,4.6vw,3rem);margin-top:1.2rem}
.notfound ul{list-style:none;padding:0;margin-top:2.2rem}
.notfound li{margin-bottom:.75rem}

@media (max-width:760px){
  .shell{width:min(calc(100% - 2rem),760px)}
  main{padding:3.5rem 0 4rem}
  .footer-inner{flex-direction:column;gap:.6rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}