/* =====================================================================
   Agrimanager · Páginas legales (Términos / Privacidad)
   Hoja compartida por terminos.html y privacidad.html.
   Respeta el tema (dark/light) guardado en localStorage('agm-theme').
   ===================================================================== */

:root{
  --bg:#050404; --bg-1:#0A0909; --line:rgba(255,255,255,.10);
  --grape:#684385; --grape-l:#8455A8; --green:#16C098;
  --t1:rgba(255,255,255,.94); --t2:rgba(255,255,255,.66); --t3:rgba(255,255,255,.50);
}
[data-theme="light"]{
  --bg:#F4F2EE; --bg-1:#FFFFFF; --line:rgba(12,10,10,.12);
  --grape:#684385; --green:#0D9678;
  --t1:rgba(12,10,10,.92); --t2:rgba(12,10,10,.66); --t3:rgba(12,10,10,.50);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--t1);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  font-weight:400; line-height:1.65; -webkit-font-smoothing:antialiased;
}

/* ===== Barra superior ===== */
.legal-top{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:18px clamp(20px,5vw,48px);
  border-bottom:1px solid var(--line); background:var(--bg-1);
}
.legal-brand{display:flex; align-items:center; gap:10px; font-weight:700; color:var(--t1); text-decoration:none; font-size:18px}
.legal-brand svg{width:26px; height:22px}
.legal-back{color:var(--green); text-decoration:none; font-weight:600; font-size:14px}
.legal-back:hover{text-decoration:underline}

/* ===== Contenido ===== */
.legal-wrap{max-width:760px; margin:0 auto; padding:clamp(40px,7vw,72px) clamp(20px,5vw,32px) 96px}
.legal-eyebrow{
  display:inline-block; font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--grape-l,var(--grape));
  border:1px solid var(--line); border-radius:999px; padding:5px 12px; margin-bottom:20px;
}
.legal-wrap h1{font-size:clamp(28px,5vw,40px); font-weight:800; line-height:1.15; letter-spacing:-.02em; margin:0 0 12px}
.legal-meta{color:var(--t3); font-size:14px; margin:0 0 40px; padding-bottom:24px; border-bottom:1px solid var(--line)}
.legal-wrap h2{font-size:20px; font-weight:700; letter-spacing:-.01em; margin:40px 0 12px; color:var(--t1)}
.legal-wrap h3{font-size:16px; font-weight:700; margin:28px 0 8px; color:var(--t1)}
.legal-wrap p,.legal-wrap li{color:var(--t2); font-size:16px}
.legal-wrap ul{padding-left:22px; margin:12px 0}
.legal-wrap li{margin:6px 0}
.legal-wrap a{color:var(--green); text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-wrap strong{color:var(--t1); font-weight:700}

/* ===== Pie ===== */
.legal-foot{
  border-top:1px solid var(--line); padding:24px clamp(20px,5vw,48px);
  display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between;
  color:var(--t3); font-size:13px;
}
.legal-foot a{color:var(--t3); text-decoration:none; margin-right:16px}
.legal-foot a:hover{color:var(--t2)}

:focus-visible{outline:2px solid var(--green); outline-offset:3px; border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}