/* Páginas legales de DejaHuella: lectura cómoda, móvil primero. Tipografías servidas desde la propia web. */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/playfair-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/playfair-display-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--rosa:#C97B73;--rosa-o:#B4655D;--rosa-l:#F6E6E2;--crema:#FAF6F2;--ink:#1E1A18;--gris:#6E6560;--suave:#9A8E88;--linea:#EDE3DC;
  --serif:"Playfair Display",Georgia,serif;--sans:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{font-family:var(--sans);background:var(--crema);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:var(--rosa-o);text-underline-offset:2px}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
.nav{position:sticky;top:0;z-index:50;background:rgba(250,246,242,.96);backdrop-filter:blur(10px);height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--linea)}
.nav img{height:40px;width:auto;display:block}
.nav .back{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
main{max-width:860px;margin:0 auto;padding:34px 20px 64px}
.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rosa-o);font-weight:600;margin-bottom:8px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,7vw,48px);line-height:1.08;margin-bottom:8px}
.upd{color:var(--gris);font-size:14px;margin-bottom:24px}
.lead{font-size:16.5px;color:#3d3633;background:#fff;border:1px solid var(--linea);border-left:4px solid var(--rosa);border-radius:14px;padding:16px 18px;margin-bottom:24px}
.toc{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px 18px 12px;margin-bottom:10px}
.toc b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.toc ol{margin:8px 0 0;list-style:none}
.toc li{margin:4px 0;font-size:15px}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--rosa-o);text-decoration:underline}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(22px,4.5vw,26px);line-height:1.25;margin:36px 0 10px;padding-top:4px}
h3{font-size:16px;font-weight:600;margin:18px 0 6px}
p,li{color:#3d3633;font-size:15.5px}
p+p{margin-top:10px}
ul,ol.list{padding-left:22px;margin-top:8px}
li{margin:6px 0}
.box{background:var(--rosa-l);border-radius:14px;padding:14px 16px;margin-top:12px}
.box p{color:#4a3a36}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14.5px;background:#fff;border:1px solid var(--linea);border-radius:12px;overflow:hidden}
th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--linea);vertical-align:top}
th{background:#fff;font-weight:600;color:var(--ink);border-top:0}
.wrap{overflow-x:auto}
code{font-size:13.5px;background:#fff;border:1px solid var(--linea);border-radius:6px;padding:1px 6px}
footer{text-align:center;font-size:12.5px;color:var(--gris);padding:24px 18px 30px;border-top:1px solid var(--linea);line-height:1.9}
footer a{color:inherit}
footer nav a{margin:0 4px}
@media (min-width:720px){.nav{padding:0 48px;height:76px}.nav img{height:46px}main{padding:46px 28px 80px}}
