/* Hojas legales de Zorzal Salud. Mismos tokens y tipografias que la portada. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:300 800;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-300_800-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:'Archivo';font-style:normal;font-weight:300 800;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-300_800-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:'Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plexmono-400-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{
  --navy:#0A3A5C; --sand:#D5BFA6;
  --paper:#F7F4EE; --paper-2:#F1ECE2; --card:#FFFFFF;
  --ink:#0C2438; --ink-2:#3D5568; --ink-3:#5A6F82;
  --accent:#A2563A;
  --rule:rgba(12,36,56,.14); --rule-2:rgba(12,36,56,.07);
  --block:#0A3A5C; --block-ink:#F4F0E7; --block-ink-2:#A8C0D2; --block-rule:rgba(213,191,166,.22);
  --r:2px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#072536; --paper-2:#0A2C40; --card:#0C3145;
    --ink:#F3EFE6; --ink-2:#B7C9D6; --ink-3:#8CA4B5;
    --accent:#E3A483;
    --rule:rgba(213,191,166,.22); --rule-2:rgba(213,191,166,.11);
    --block:#041B29;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{
  margin:0;background:var(--paper);color:var(--ink-2);
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
a{color:var(--accent)}
a:hover{color:var(--ink)}
::selection{background:var(--sand);color:#0C2438}
:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}

.wrap{max-width:56rem;margin:0 auto;padding-inline:28px}
.mono{font-family:'Plex Mono',ui-monospace,monospace}

.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--rule)}
.site-head .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand img{width:32px;height:auto}
.brand span{font-size:19px;font-variation-settings:'wdth' 108,'wght' 700;letter-spacing:-.02em}
.brand span i{font-style:normal;font-variation-settings:'wdth' 108,'wght' 400;color:var(--ink-3)}
.back{font-size:14px;text-decoration:none;color:var(--ink-2);font-variation-settings:'wght' 550}
.back:hover{color:var(--accent)}

main{padding-block:clamp(40px,6vw,72px) clamp(56px,7vw,88px)}
h1{
  margin:0;color:var(--ink);font-size:clamp(30px,4.4vw,44px);line-height:1.02;
  font-variation-settings:'wdth' 112,'wght' 700;letter-spacing:-.025em;text-wrap:balance;
}
h2{
  margin:2.6rem 0 .7rem;color:var(--ink);font-size:21px;line-height:1.25;
  font-variation-settings:'wdth' 106,'wght' 680;letter-spacing:-.015em;
  padding-top:1.4rem;border-top:1px solid var(--rule-2);
}
h3{margin:1.6rem 0 .4rem;color:var(--ink);font-size:16.5px;font-variation-settings:'wdth' 104,'wght' 650}
p,li{margin:0 0 .75rem}
ul,ol{margin:.3rem 0 1rem;padding-left:1.3rem}
li{margin-bottom:.4rem}
strong{color:var(--ink);font-variation-settings:'wght' 650}

.updated{margin-top:.8rem;font-size:13px;color:var(--ink-3);letter-spacing:.02em}
.ph{background:color-mix(in srgb,var(--accent) 14%,transparent);border-bottom:1px dashed var(--accent);color:var(--accent);padding:0 .25rem;font-variation-settings:'wght' 600}
.note{
  margin:1.8rem 0;padding:1.1rem 1.3rem;background:var(--card);
  border:1px solid var(--rule);border-radius:var(--r);font-size:15px;
}
.toc{margin:2rem 0;padding:1.2rem 1.4rem;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r)}
.toc b{color:var(--ink);font-variation-settings:'wdth' 104,'wght' 650}
.toc ol{margin:.6rem 0 0;padding-left:1.2rem}
.toc li{margin-bottom:.2rem;font-size:15px}

.site-foot{background:var(--block);color:var(--block-ink-2);padding-block:28px}
.site-foot .inner{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;font-size:13.5px}
.site-foot a{color:var(--block-ink-2);text-decoration:none}
.site-foot a:hover{color:var(--block-ink)}

@media (max-width:620px){
  .wrap{padding-inline:20px}
  body{font-size:16px}
  .site-head .inner{height:60px}
}