/* Estilos compartidos de las páginas institucionales/legales de Abogo.
   Reusa el sistema de diseño del landing (mismas variables, serif de marca). */
:root{
  --paper:#FFFFFF; --card:#FFFFFF; --ink:#182A44; --ink-2:#44546E; --ink-3:#7A87A0;
  --rule:#E1E5EB; --rule-strong:#C6CEDA;
  --wine:#1F3D66; --wine-soft:#EBF1F8;
  --gold:#8A6B35;
  --btn-bg:#182A44; --btn-fg:#FFFFFF; --btn-hover:#2A3F60;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
:root[data-theme="dark"]{
  --logo-ink:#FFFFFF;
  --paper:#16171A; --card:#1D1E22; --ink:#EDEBE4; --ink-2:#B5B3A9; --ink-3:#82807A;
  --rule:#2F3034; --rule-strong:#55575E;
  --wine:#8FB2E2; --wine-soft:#1E2936;
  --gold:#C6A768;
  --btn-bg:#EDEBE4; --btn-fg:#16171A; --btn-hover:#D6D4CB;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16.5px; line-height:1.75; -webkit-font-smoothing:antialiased;}
.wrap{max-width:820px; margin:0 auto; padding:0 28px;}
a{color:var(--wine); text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:3px solid var(--wine); outline-offset:3px; border-radius:2px;}

.rules-top{border-top:3px solid var(--ink);}
header.site{display:flex; align-items:center; justify-content:space-between; padding:24px 0 18px; border-bottom:1px solid var(--rule);}
.wordmark{font-family:"Source Serif 4",var(--serif); font-size:27px; font-weight:700; letter-spacing:-.01em; color:var(--logo-ink,#0B2545); line-height:1; text-decoration:none;}
.wordmark i{font-style:normal; color:#12B5CB;}
nav.top{display:flex; gap:24px; align-items:center; font-size:14px;}
nav.top a{color:var(--ink-2);}
nav.top a:hover{color:var(--ink);}
.theme-toggle{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; background:transparent; border:1px solid var(--rule-strong); border-radius:4px; color:var(--ink-2); cursor:pointer;}
.theme-toggle:hover{color:var(--ink); border-color:var(--ink-3);}
.theme-toggle svg{width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.theme-toggle .ic-moon{display:none;}
.t-dark .theme-toggle .ic-moon{display:block;}
.t-dark .theme-toggle .ic-sun{display:none;}

.doc{padding:56px 0 40px;}
.eyebrow{font-size:12px; letter-spacing:.22em; text-transform:uppercase; font-weight:600; color:var(--wine); font-family:var(--sans);}
.doc h1{font-family:var(--serif); font-size:clamp(34px,5vw,52px); line-height:1.08; font-weight:700; letter-spacing:-.01em; margin:14px 0 8px;}
.doc .updated{font-size:13.5px; color:var(--ink-3); margin-bottom:8px;}
.doc .lede{font-size:18px; color:var(--ink-2); margin:18px 0 8px; max-width:38em;}
.doc h2{font-family:var(--serif); font-size:24px; font-weight:700; margin:40px 0 10px; letter-spacing:-.01em;}
.doc h3{font-size:16.5px; font-weight:700; color:var(--ink); margin:22px 0 6px;}
.doc p{margin:0 0 14px; color:var(--ink-2);}
.doc ul, .doc ol{margin:0 0 16px; padding-left:22px; color:var(--ink-2);}
.doc li{margin-bottom:7px;}
.doc strong{color:var(--ink); font-weight:600;}
.doc .placeholder{background:var(--wine-soft); color:var(--wine); font-weight:600; padding:1px 6px; border-radius:3px; font-family:var(--mono); font-size:.9em;}
.doc .callout{background:var(--wine-soft); border:1px solid var(--rule-strong); border-radius:6px; padding:16px 18px; margin:20px 0; font-size:14.5px; line-height:1.6;}
.doc .callout b{color:var(--ink);}
.doc hr{border:none; border-top:1px solid var(--rule); margin:34px 0;}
.doc .toc{background:var(--card); border:1px solid var(--rule-strong); border-radius:6px; padding:18px 22px; margin:24px 0 8px;}
.doc .toc ol{margin:8px 0 0; font-size:14.5px;}

/* Tarjetas de la página institucional */
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin:28px 0;}
.card{background:var(--card); border:1px solid var(--rule-strong); border-radius:8px; padding:22px;}
.card b{display:block; font-family:var(--serif); font-size:18px; margin-bottom:6px; color:var(--ink);}
.card p{font-size:14px; color:var(--ink-2); margin:0; line-height:1.55;}

footer.site{display:flex; flex-wrap:wrap; gap:14px 40px; justify-content:space-between; padding:30px 0 44px; margin-top:20px; border-top:1px solid var(--rule); font-size:13.5px; color:var(--ink-3); line-height:1.7;}
footer.site .fm{font-family:"Source Serif 4",var(--serif); font-weight:700; color:var(--ink);}
footer.site .fm i{font-style:normal; color:#12B5CB;}
footer.site a{color:var(--ink-2);}
@media (max-width:600px){ nav.top a.hide-m{display:none;} }