/* tiendifai — shared styles for legal pages (emerald, prose) */
:root{
  --am-brand:#00B37E; --am-brand-hover:#0A9D6C; --am-brand-soft:rgba(0,179,126,.10);
  --am-background:#FAFAF7; --am-surface:#FFFFFF; --am-surface-hover:#F4F4F0;
  --am-text:#18181B; --am-text-secondary:#3f3f46; --am-muted:#71717A;
  --am-border:rgba(24,24,27,.08); --am-border-strong:rgba(24,24,27,.14);
  --am-font-display:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --am-font-ui:'Inter',ui-sans-serif,system-ui,sans-serif; --am-font-mono:'JetBrains Mono',ui-monospace,monospace;
  --am-gradient:linear-gradient(135deg,#00B37E 0%,#1FD79B 100%);
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
html,body{margin:0;background:var(--am-background);color:var(--am-text)}
body{font:400 16px/1.7 var(--am-font-ui);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--am-brand-hover);text-decoration:none}
a:hover{text-decoration:underline}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--am-font-display);font-weight:800;font-size:20px;letter-spacing:-.04em;color:var(--am-text)}
.wordmark:hover{text-decoration:none}
.am-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:18px;
  background:var(--am-gradient);color:#fff;font-family:var(--am-font-display);font-weight:800;letter-spacing:-.04em;
  box-shadow:0 1px 2px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.20);flex-shrink:0}
header.legal-nav{position:sticky;top:0;z-index:10;background:rgba(250,250,247,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--am-border)}
header.legal-nav .inner{max-width:1080px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}
header.legal-nav .back{font:500 14px/1 var(--am-font-ui);color:var(--am-text-secondary);display:inline-flex;align-items:center;gap:6px}
header.legal-nav .back:hover{color:var(--am-text);text-decoration:none}
main.legal{flex:1;max-width:760px;margin:0 auto;padding:56px 24px 72px;width:100%}
.legal-head{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--am-border)}
.legal-head .eyebrow{font:600 12px/1 var(--am-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--am-brand-hover);margin-bottom:14px}
.legal-head h1{font-family:var(--am-font-display);font-size:clamp(30px,5vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:0}
.legal-head .updated{margin:14px 0 0;font:500 13.5px/1 var(--am-font-ui);color:var(--am-muted)}
.legal h2{font-family:var(--am-font-display);font-size:23px;font-weight:800;letter-spacing:-.025em;margin:42px 0 14px;scroll-margin-top:80px}
.legal h3{font-family:var(--am-font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:28px 0 10px}
.legal p{margin:0 0 16px;color:var(--am-text-secondary)}
.legal ul,.legal ol{margin:0 0 16px;padding-left:22px;color:var(--am-text-secondary)}
.legal li{margin:0 0 8px}
.legal strong{color:var(--am-text);font-weight:600}
.legal .lead{font-size:17.5px;color:var(--am-text-secondary)}
.id-card{background:var(--am-surface);border:1px solid var(--am-border);border-radius:14px;padding:22px 24px;margin:0 0 24px}
.id-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
.id-card dt{font:600 13.5px/1.5 var(--am-font-ui);color:var(--am-muted)}
.id-card dd{margin:0;font:500 14px/1.5 var(--am-font-ui);color:var(--am-text)}
table.legal-table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14.5px}
table.legal-table th,table.legal-table td{text-align:left;padding:11px 14px;border:1px solid var(--am-border);vertical-align:top;color:var(--am-text-secondary)}
table.legal-table th{background:var(--am-surface-hover);font:700 13px/1.4 var(--am-font-ui);color:var(--am-text)}
.callout{background:var(--am-brand-soft);border:1px solid rgba(0,179,126,.22);border-radius:12px;padding:16px 18px;margin:0 0 22px}
.callout p{margin:0;color:var(--am-text-secondary)}
.callout strong{color:var(--am-brand-hover)}
.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.legal-toc a{display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--am-surface);border:1px solid var(--am-border-strong);
  font:600 12.5px/1 var(--am-font-ui);color:var(--am-text-secondary)}
.legal-toc a:hover{color:var(--am-text);text-decoration:none;background:var(--am-surface-hover)}
footer.legal-foot{background:var(--am-surface);border-top:1px solid var(--am-border)}
footer.legal-foot .inner{max-width:1080px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between}
footer.legal-foot .links{display:flex;flex-wrap:wrap;gap:18px}
footer.legal-foot .links a{font:500 13.5px/1 var(--am-font-ui);color:var(--am-text-secondary)}
footer.legal-foot .links a:hover{color:var(--am-text);text-decoration:none}
footer.legal-foot .copy{font:500 13px/1 var(--am-font-ui);color:var(--am-muted)}
:focus-visible{outline:2px solid rgba(0,179,126,.55);outline-offset:2px;border-radius:6px}
@media(max-width:540px){main.legal{padding:36px 20px 56px}.id-card dl{grid-template-columns:1fr;gap:2px 0}.id-card dd{margin-bottom:10px}}
