/* Bairesweb · Legal + documentation pages */
.content-page { background:#f7f9fc; }
.content-hero { padding:74px 0 44px; border-bottom:1px solid #e6ebf0; background:#fff; }
.content-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:42px; align-items:center; }
.content-hero h1 { margin:.45rem 0 1rem; max-width:860px; color:#0f172a; font-size:clamp(2.35rem,5vw,4rem); line-height:1.02; letter-spacing:-.045em; font-weight:600; }
.content-hero p { max-width:780px; margin:0; color:#526176; font-size:1.02rem; line-height:1.72; }
.content-hero-visual { min-height:230px; display:flex; align-items:center; justify-content:center; border:1px solid #e2e8f0; border-radius:24px; background:#f8fafc; box-shadow:0 18px 45px rgba(15,23,42,.06); }
.content-hero-visual img { max-width:180px; max-height:88px; object-fit:contain; }
.content-hero-visual svg { width:116px; height:116px; stroke:#16a34a; stroke-width:1.45; fill:none; }
.content-section { padding:54px 0; }
.content-section + .content-section { border-top:1px solid #e8edf2; }
.content-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; align-items:start; }
.content-toc { position:sticky; top:108px; padding:18px; border:1px solid #e1e7ed; border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(15,23,42,.04); }
.content-toc strong { display:block; margin-bottom:10px; color:#0f172a; font-size:.84rem; text-transform:uppercase; letter-spacing:.06em; }
.content-toc a { display:block; padding:7px 0; color:#64748b; font-size:.86rem; text-decoration:none; }
.content-toc a:hover { color:#15803d; }
.content-article { min-width:0; }
.content-block { scroll-margin-top:110px; margin-bottom:38px; padding:28px; border:1px solid #e1e7ed; border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.035); }
.content-block:last-child { margin-bottom:0; }
.content-block h2 { margin:0 0 12px; color:#0f172a; font-size:1.55rem; line-height:1.2; letter-spacing:-.025em; }
.content-block h3 { margin:24px 0 8px; color:#172033; font-size:1.02rem; }
.content-block p, .content-block li { color:#4b5a70; line-height:1.72; }
.content-block ul { margin:12px 0 0; padding-left:1.1rem; }
.content-block li + li { margin-top:7px; }
.content-callout { margin:20px 0 0; padding:16px 18px; border-left:3px solid #16a34a; border-radius:0 12px 12px 0; background:#f3faf5; color:#334155; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.content-card { padding:20px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; }
.content-card-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; border:1px solid rgba(22,163,74,.15); border-radius:12px; background:rgba(22,163,74,.06); }
.content-card-icon svg { width:22px; height:22px; fill:none; stroke:#16a34a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.content-card h3 { margin:0 0 7px; font-size:1rem; }
.content-card p { margin:0; font-size:.9rem; line-height:1.6; }
.doc-steps { display:grid; gap:11px; margin-top:18px; counter-reset:steps; }
.doc-step { display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; align-items:start; padding:14px 15px; border:1px solid #e4e9ef; border-radius:13px; background:#fbfcfd; }
.doc-step::before { counter-increment:steps; content:counter(steps); width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#16a34a; color:#fff; font-size:.78rem; font-weight:800; }
.doc-step strong { display:block; color:#182235; margin:2px 0 3px; }
.doc-step span { display:block; color:#607086; font-size:.88rem; line-height:1.5; }
.doc-settings { width:100%; margin:16px 0 0; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
.doc-settings th,.doc-settings td { padding:12px 14px; border-bottom:1px solid #e7ecf1; text-align:left; font-size:.88rem; }
.doc-settings th { width:32%; color:#64748b; font-weight:600; background:#f8fafc; }
.doc-settings td { color:#263449; font-weight:550; }
.doc-settings tr:last-child th,.doc-settings tr:last-child td { border-bottom:0; }
.content-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.content-meta span { padding:7px 10px; border:1px solid #e1e7ed; border-radius:999px; background:#fff; color:#607086; font-size:.76rem; font-weight:650; }
.legal-note { padding:18px 20px; border:1px solid rgba(22,163,74,.18); border-radius:16px; background:#f5fbf6; }
.legal-note strong { color:#166534; }
.content-action { margin-top:28px; display:flex; gap:10px; flex-wrap:wrap; }
@media (max-width:900px){.content-hero-grid,.content-layout{grid-template-columns:1fr}.content-toc{position:static}.content-grid{grid-template-columns:1fr}.content-hero-visual{min-height:170px}.content-section{padding:38px 0}.content-block{padding:22px}}