/* Estilo compartido de páginas legales de Lotero */
:root{--papel:#F7F5F0;--hoja:#FFFFFF;--tinta:#1C1A15;--apagado:#5F5A4E;--tenue:#938C7C;
  --linea:#E1DBCD;--acento:#2A55B8;--terr:#C2410C;
  --mono:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:Georgia,"Times New Roman",serif}
@media (prefers-color-scheme:dark){:root{--papel:#151410;--hoja:#1D1C16;--tinta:#EDE9DF;
  --apagado:#B4AC9C;--tenue:#7C7566;--linea:#32302A;--acento:#93B0F0;--terr:#EE8B5B}}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--acento)}
.barra{border-bottom:1px solid var(--linea);background:var(--papel);position:sticky;top:0;z-index:5}
.barra .env{max-width:800px;margin:0 auto;padding:0 22px;height:58px;display:flex;align-items:center;justify-content:space-between}
.marca{font-size:18px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;text-decoration:none;color:var(--tinta)}
.marca .p{color:var(--terr)}
.barra a.volver{font-size:14px;color:var(--apagado);text-decoration:none}
.barra a.volver:hover{color:var(--tinta)}
main{max-width:800px;margin:0 auto;padding:40px 22px 70px}
.doc-head{border-bottom:2px solid var(--linea);padding-bottom:20px;margin-bottom:26px}
h1{font-family:var(--serif);font-size:clamp(28px,4vw,38px);margin:0 0 8px;letter-spacing:-.01em}
.doc-head .meta{font-size:13px;color:var(--tenue);font-family:var(--mono)}
.doc-head .empresa{margin-top:10px;font-size:14px;color:var(--apagado)}
h2{font-family:var(--serif);font-size:22px;margin:34px 0 10px}
h2 .n{font-family:var(--mono);font-size:14px;color:var(--acento);margin-right:8px}
h3{font-size:17px;margin:22px 0 6px}
p,li{font-size:15.5px;color:var(--apagado);max-width:68ch}
p strong,li strong{color:var(--tinta)}
ul{padding-left:20px}
li{margin-bottom:6px}
.aviso{background:var(--hoja);border:1px solid var(--linea);border-left:3px solid var(--terr);
  border-radius:4px;padding:14px 16px;margin:18px 0;font-size:14.5px}
.placeholder{background:color-mix(in srgb,var(--terr) 10%,transparent);border-radius:3px;
  padding:1px 5px;font-family:var(--mono);font-size:13px;color:var(--terr)}
.indice{background:var(--hoja);border:1px solid var(--linea);border-radius:6px;padding:16px 20px;margin:0 0 30px}
.indice h2{margin:0 0 8px;font-size:14px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.indice ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.indice li{font-size:14px;margin-bottom:4px}
.indice a{text-decoration:none}
footer{border-top:1px solid var(--linea);margin-top:40px;padding-top:20px;font-size:13px;color:var(--tenue)}
footer a{color:var(--apagado)}
@media (max-width:620px){.indice ol{columns:1}}
