/* Páginas legales de La Bocatoma (aviso legal, privacidad, cookies). Se apoya en las variables de styles.css. */
.legalpg { background: var(--bg); }
.lg__top { max-width: 820px; margin: 0 auto; padding: 18px var(--gutter) 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.lg__top img { height: 54px; width: auto; }
.lg__back { font-weight: 700; font-size: .95rem; text-decoration: none; padding: 10px 16px; border-radius: 999px; border: 1.5px solid var(--line); background: var(--card); min-height: 44px; display: inline-flex; align-items: center; }
.lg { max-width: 820px; margin: 0 auto; padding: 26px var(--gutter) 24px; font-size: 1.04rem; line-height: 1.62; }
.lg h1 { font: 400 clamp(2.2rem, 7vw, 3.2rem)/1.02 var(--display); text-transform: uppercase; margin: 18px 0 14px; }
.lg h2 { font: 400 1.55rem/1.1 var(--display); text-transform: uppercase; margin: 34px 0 10px; }
.lg p, .lg ul, .lg table { margin: 0 0 14px; }
.lg ul { padding-left: 1.2em; list-style: disc; } .lg li { margin: 0 0 8px; }
.lg a { color: var(--blue); text-underline-offset: 3px; } .lg a[aria-current="page"] { color: var(--ink); font-weight: 800; text-decoration: none; }
.lg__lead { font-size: 1.12rem; color: var(--muted); }
.lg__nav { display: flex; gap: 8px; flex-wrap: wrap; font-weight: 700; font-size: .95rem; }
.lg__upd { margin-top: 28px; font-size: .9rem; color: var(--muted); }
.lg code { font: 600 .86em ui-monospace, Menlo, monospace; background: var(--paper); padding: 1px 6px; border-radius: 6px; word-break: break-all; }
.lg__tab { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--card); font-size: .97rem; line-height: 1.5; }
.lg__tab th, .lg__tab td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.lg__tab tr:last-child th, .lg__tab tr:last-child td { border-bottom: 0; }
.lg__tab tbody th { width: 38%; font-weight: 700; background: var(--bg-2); }
.lg__tab thead th { background: var(--bg-2); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.pend { background: #FFF0B8; color: #8a1d14; font-weight: 700; padding: 1px 6px; border-radius: 6px; }
@media (max-width: 640px) { .lg__tab--4 thead { display: none; } .lg__tab--4 tr { display: block; border-bottom: 1px solid var(--line); padding: 8px 0; } .lg__tab--4 td { display: block; border: 0; padding: 4px 14px; } .lg__tab--4 td:first-child { font-weight: 800; } }
.foot__legal a { margin: 0 2px; }