/* Páginas legales de Teranova: misma identidad que la web (marfil, azul profundo, cobre). */
:root{--navy:#172638;--ink:#101f2c;--cream:#f7f5f1;--copper:#b78261;--muted:#5f6b75;--line:rgba(23,38,56,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
::selection{background:var(--copper);color:#fff}

.lg-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;padding:0 max(16px,6vw);background:#f7f5f1ee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.lg-brand img{display:block;width:150px;height:auto}
.lg-back{font-size:13px;text-decoration:none;color:var(--muted);padding:12px 0}
.lg-back:hover{color:var(--navy)}

.lg-main{max-width:1180px;margin:0 auto;padding:72px max(16px,6vw) 96px}
.lg-hero{max-width:760px;margin-bottom:64px}
.lg-kicker{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:18px}
.lg-hero h1{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);margin:0}
.lg-date{font-size:13px;color:var(--muted);margin:18px 0 0}
.lg-intro{font-size:18px;line-height:1.7;color:#3a4754;margin:26px 0 0;text-wrap:pretty}

.lg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start}
.lg-toc{position:sticky;top:110px;font-size:13px}
.lg-toc>span{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.lg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.lg-toc a{display:block;padding:7px 0 7px 16px;text-decoration:none;color:var(--muted);margin-left:-1px;border-left:1px solid transparent}
.lg-toc a:hover{color:var(--navy);border-left-color:var(--copper)}

.lg-body{max-width:720px}
.lg-body section{padding:34px 0;border-top:1px solid var(--line)}
.lg-body section:first-child{border-top:0;padding-top:0}
.lg-body h2{font-family:'Newsreader',serif;font-weight:400;font-size:26px;line-height:1.2;color:var(--ink);margin:0 0 16px;display:flex;gap:16px;align-items:baseline}
.lg-body h2 span{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.1em;color:var(--copper);flex:none}
.lg-body p{margin:0 0 14px;color:#33404c;text-wrap:pretty}
.lg-body ul{margin:0 0 14px;padding-left:20px;color:#33404c}
.lg-body li{margin:0 0 10px;padding-left:4px}
.lg-body li::marker{color:var(--copper)}
.lg-body strong{color:var(--ink);font-weight:600}
.lg-body a{text-decoration-color:var(--copper);text-underline-offset:3px}

.lg-footer{background:var(--ink);color:#aeb8c0;padding:40px max(16px,6vw);font-size:13px}
.lg-footer nav{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:16px}
.lg-footer nav a{color:#e9e4dc;text-decoration:none;padding:6px 0}
.lg-footer nav a[aria-current="page"]{color:var(--copper)}
.lg-footer p{margin:0}
.lg-footer p a{color:#e9e4dc}

@media (max-width:900px){
  .lg-layout{grid-template-columns:1fr;gap:32px}
  .lg-toc{position:static;background:#fffdf9;border:1px solid var(--line);padding:20px 22px}
}
@media (max-width:560px){
  .lg-main{padding-top:48px}
  .lg-hero{margin-bottom:40px}
  .lg-intro{font-size:16px}
  .lg-body h2{font-size:22px}
  .lg-brand img{width:126px}
  .lg-footer nav a{padding:10px 0}
}
@media print{.lg-header,.lg-toc,.lg-footer nav{display:none}.lg-layout{display:block}}
.lg-actions{display:flex;align-items:center;gap:22px}
.lg-lang{font-size:12px;letter-spacing:.08em;text-decoration:none;color:var(--navy);border:1px solid var(--line);padding:8px 14px;border-radius:999px;transition:border-color .25s,background .25s}
.lg-lang:hover{border-color:var(--copper);background:#fffdf9}
@media (max-width:560px){.lg-actions{gap:14px}.lg-back{font-size:12px}}
/* iPhone: franja sólida bajo la hora y la batería; la cabecera queda justo debajo. */
body::before{content:'';position:fixed;z-index:20;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#f7f5f1}
.lg-header{top:env(safe-area-inset-top,0px)}