/* Páginas legales de EMIDIO (Términos, Privacidad): mismo lenguaje visual que la tienda,
   pensado para leer texto largo con calma. */
:root{
  --marfil:#FBF8F2; --crema:#F4EFE4; --papel:#FFFFFF; --tinta:#16324F; --tinta-hondo:#0F2338;
  --oro:#C8A24B; --oro-texto:#7A5B18; --texto:#1E2A36; --suave:#56636F; --linea:#E3DACA; --titular:#16324F;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif; --sans:"Lato","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){ --marfil:#0D1724; --crema:#12213A; --papel:#152740; --texto:#EDF0F4; --suave:#A7B2BE;
    --linea:#263A55; --titular:#F4EFE4; --oro-texto:#E3C77E; }
}
:root[data-theme="dark"]{ --marfil:#0D1724; --crema:#12213A; --papel:#152740; --texto:#EDF0F4; --suave:#A7B2BE;
  --linea:#263A55; --titular:#F4EFE4; --oro-texto:#E3C77E; }
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
body{margin:0;background:var(--marfil);color:var(--texto);font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--titular);text-underline-offset:3px}
.barra{position:sticky;top:0;z-index:5;background:var(--marfil);border-bottom:1px solid var(--linea)}
.barra .in{max-width:1160px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:20px}
.marca{text-decoration:none;display:flex;flex-direction:column;line-height:1;color:var(--titular)}
.marca b{font:900 21px/1 var(--sans);letter-spacing:.2em}
.marca small{font:700 8.5px/1 var(--sans);letter-spacing:.34em;margin-top:6px;color:var(--oro-texto);text-transform:uppercase}
.barra .volver{margin-left:auto;font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  min-height:44px;display:inline-flex;align-items:center;color:var(--suave)}
.marca small,.barra .volver{white-space:nowrap}
@media (max-width:520px){ .barra .in{padding:0 18px} .barra .volver .largo{display:none} }
.borrador{background:#FFF6E5;color:#6b4a00;text-align:center;font-size:14px;padding:10px 16px;border-bottom:1px solid #F1DFB6}
.cabecera{background:var(--crema);border-bottom:1px solid var(--linea);padding:64px 20px 54px;text-align:center}
.cabecera .eyebrow{font:700 12.5px/1.2 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--oro-texto);margin:0 0 16px}
.cabecera h1{font:600 clamp(40px,6vw,62px)/1.05 var(--serif);color:var(--titular);margin:0}
.cabecera .filete{display:block;width:64px;height:1.5px;background:var(--oro);margin:24px auto}
.cabecera p{color:var(--suave);margin:0;font-size:15px}
.cuerpo{max-width:1160px;margin:0 auto;padding:56px 24px 90px;display:grid;grid-template-columns:1fr;gap:48px}
@media (min-width:960px){ .cuerpo{grid-template-columns:250px minmax(0,1fr);gap:64px} }
@media (max-width:520px){ .cuerpo{padding:40px 18px 70px} }
nav.indice{font-size:14.5px}
@media (min-width:960px){ nav.indice{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto} }
nav.indice p{font:700 11.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--oro-texto);margin:0 0 12px}
nav.indice ol{margin:0;padding-left:22px;color:var(--suave)}
nav.indice li{margin:7px 0}
nav.indice a{text-decoration:none;color:var(--suave);display:inline-block;min-height:28px}
nav.indice a:hover{color:var(--titular)}
article{max-width:760px}
article section{padding:6px 0 26px;border-bottom:1px solid var(--linea);margin-bottom:28px}
article section:last-of-type{border-bottom:0}
article h2{font:600 30px/1.2 var(--serif);color:var(--titular);margin:0 0 14px}
article h2 span{color:var(--oro-texto);font-style:italic;font-weight:500;margin-right:10px}
article p,article li{color:var(--texto)}
article ul{padding-left:22px}
article li{margin:8px 0}
.resumen{background:var(--papel);border:1px solid var(--linea);border-left:3px solid var(--oro);padding:22px 24px;margin:0 0 40px}
.resumen h2{font-size:24px}
.pendiente{background:#FFF6E5;color:#6b4a00;padding:2px 6px;font-weight:700;font-size:.92em;border-radius:2px}
.nota-legal{font-size:14.5px;color:var(--suave)}
footer{background:var(--tinta-hondo);color:#B9C2CC;padding:48px 24px;font-size:14px;text-align:center}
footer a{color:#E3C77E;margin:0 10px;display:inline-block;min-height:32px}
