/* Shared styles for SGC360 V3 subpages (recursos + legal) */
:root,[data-theme="dark"]{--accent:#5276FF;--accent-2:#DCE4FF;--accent-ink:#050A1A}
.page-hero{padding:96px 0 72px;position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(40px,4.6vw,72px)}
.page-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}
.page-hero .lead{margin-top:24px}
a{color:inherit}a:hover{color:var(--accent)}

/* ── Utility classes (CSP hardening — moved from inline style=) ─────────── */
.ui-relative-z1{position:relative;z-index:1;}
.ui-mt-10{margin-top:10px;}
.ui-mt-20{margin-top:20px;}
.ui-mt-28-sm{margin-top:28px;font-size:14px;color:var(--muted);}
.ui-mt-28-xs{margin-top:28px;font-size:13.5px;color:var(--muted);}
.ui-pt-0{padding-top:0;}
.ui-pt-8{padding-top:8px;}
.ui-pt-16{padding-top:16px;}
.ui-pt-24{padding-top:24px;}
.ui-pt-40{padding-top:40px;}
.ui-pt-80{padding-top:80px;}
.ui-mb-32{margin-bottom:32px;}
.ui-mb-36{margin-bottom:36px;}
.ui-mb-44{margin-bottom:44px;}
.ui-flex-inline{display:inline-flex;align-items:center;gap:16px;}
.ui-flex-inline-nav{display:inline-flex;align-items:center;gap:6px;color:var(--cloud);}
.ui-color-ink{color:var(--ink);}
.ui-color-cloud-bold{color:var(--cloud);font-weight:500;}
.ui-color-accent{color:var(--accent);}
.ui-w100-center{width:100%;justify-content:center;}
.ui-font-size-clamp-lg{font-size:clamp(28px,3vw,40px);}
.ui-mono-tag{font-family:var(--mono);font-size:11.5px;color:var(--soft);margin:14px 0 40px;}
.ui-mono-tag-muted{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:3px;}
.ui-inline-flex-mb-inline{margin-bottom:20px;display:inline-flex;}
.ui-inline-flex-mb-inline-sm{margin-bottom:16px;display:inline-flex;}
.ui-flex-wrap-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.ui-flex-align-mb{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.ui-paper-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;}
.ui-avatar{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:600;font-size:18px;flex-shrink:0;}
.ui-mono-badge{font-family:var(--mono);font-size:11px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);}
.ui-blockquote{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.35;color:var(--ink);border-left:2px solid var(--accent);padding-left:20px;margin:24px 0;}
.ui-font-sm{font-size:14.5px;}
.ui-font-md{font-size:19px;}

/* ── About (sobre.html) ─────────────────────────────────────────────────── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:56px}
@media(max-width:800px){.about-stats{grid-template-columns:repeat(2,1fr)}}
.about-stat{background:var(--paper);padding:26px}
.about-stat .n{font-size:34px;font-weight:500;letter-spacing:-0.02em;font-feature-settings:"tnum"}
.about-stat .l{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:6px}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:860px){.about-cols{grid-template-columns:1fr}}
.about-cols h3{margin-bottom:16px}
.about-cols p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin-bottom:14px}
.about-list{display:flex;flex-direction:column;gap:0}
.about-item{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.about-item:last-child{border-bottom:1px solid var(--line)}
.about-item .num{font-family:var(--mono);font-size:13px;color:var(--accent)}
.about-item h4{font-size:17px}
.about-item p{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.5}

/* ── Preços (precos.html) ───────────────────────────────────────────────── */
.page-hero-precos{padding:96px 0 64px;position:relative;overflow:hidden}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plans.p2{margin-top:16px;grid-template-columns:1fr 1fr;max-width:880px}
@media(max-width:900px){.plans,.plans.p2{grid-template-columns:1fr}}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:0}
.plan.hl{border-color:var(--accent);position:relative;box-shadow:0 0 0 1px var(--accent),var(--shadow-lg)}
.plan .badge-pop{position:absolute;top:-12px;left:32px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;font-weight:600}
.plan .pk{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.plan h3{font-size:24px;margin-top:10px}
.plan .pd{font-size:14px;color:var(--muted);line-height:1.5;margin-top:8px;min-height:64px}
.plan .price{margin:22px 0 4px;display:flex;align-items:baseline;gap:8px}
.plan .price .v{font-size:36px;font-weight:500;letter-spacing:-0.025em}
.plan .price .u{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.plan .pnote{font-family:var(--mono);font-size:11px;color:var(--soft)}
.plan .cta{margin:24px 0}
.plan ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:22px}
.plan li{font-size:13.5px;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.plan li::before{content:"";width:14px;height:14px;flex-shrink:0;margin-top:2px;border-radius:50%;background:color-mix(in oklab,var(--accent) 18%,transparent);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path d="M4 7.2l2 2 4-4.4" stroke="%235276FF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain}
.plan li b{color:var(--ink);font-weight:500}
.plan li.mut{color:var(--soft)}
.plan li.mut::before{opacity:.35}
.addons{margin-top:64px}
.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
@media(max-width:900px){.addon-grid{grid-template-columns:repeat(2,1fr)}}
.addon{background:var(--paper);padding:24px}
.addon .ak{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.addon h4{font-size:16px;margin-top:8px}
.addon p{font-size:13px;color:var(--muted);line-height:1.5;margin-top:6px}
.faq{max-width:800px}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-size:16.5px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--muted);flex-shrink:0}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.6;max-width:64ch}

/* ── Contato (contato.html) ─────────────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:start}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.cform{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:16px}
.cform h3{font-size:22px}
.cform label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}
.cform input,.cform select,.cform textarea{font-family:var(--sans);font-size:14.5px;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r);padding:11px 14px;outline:none;transition:border-color .15s}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--accent)}
.cform textarea{min-height:110px;resize:vertical}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.cform .row2{grid-template-columns:1fr}}
.cform .btn{justify-content:center}
.cform .fnote{font-size:12px;color:var(--muted)}
.cways{display:flex;flex-direction:column;gap:0}
.cway{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.cway:last-child{border-bottom:1px solid var(--line)}
.cway .ci{width:38px;height:38px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}
.cway h4{font-size:16px}
.cway p{margin-top:4px;font-size:14px;color:var(--muted);line-height:1.5}
.cway a{color:var(--accent);font-weight:500}
.offices{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
@media(max-width:700px){.offices{grid-template-columns:1fr}}
.office{background:var(--paper);padding:22px}
.office .ok{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.office h4{font-size:16px;margin-top:8px}
.office p{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5}

/* ── Carreira (carreira.html) ───────────────────────────────────────────── */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:56px}
@media(max-width:800px){.values{grid-template-columns:1fr}}
.value{background:var(--paper);padding:26px;display:flex;flex-direction:column;gap:10px}
.value .vk{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.value h4{font-size:17px}
.value p{font-size:14px;color:var(--muted);line-height:1.55}
.jobs{display:flex;flex-direction:column;gap:0;margin-top:8px}
.job{display:grid;grid-template-columns:1fr auto auto auto;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line);transition:background .15s}
.job:last-child{border-bottom:1px solid var(--line)}
.job:hover{background:var(--bg-2)}
.job h4{font-size:17px}
.job .team{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.job .loc{font-size:13px;color:var(--muted)}
.job .apply{font-size:13.5px;font-weight:500;color:var(--accent);white-space:nowrap}
@media(max-width:720px){.job{grid-template-columns:1fr;gap:6px}}
/* prose (legal) */
.prose{max-width:760px;padding-bottom:96px}
.prose h2{font-size:22px;letter-spacing:-0.015em;margin:44px 0 12px}
.prose h3{font-size:16.5px;margin:28px 0 8px}
.prose p,.prose li{font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.prose p{margin:0 0 12px}
.prose ul{padding-left:20px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.prose .updated{font-family:var(--mono);font-size:11px;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
.prose .note{background:var(--paper);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r);padding:16px 18px;font-size:13.5px;color:var(--muted);margin:20px 0}
/* cards (docs hub) */
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.doc-grid{grid-template-columns:1fr}}
.doc-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s}
.doc-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.doc-card .dk{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.doc-card h4{font-size:17px}
.doc-card p{font-size:13.5px;color:var(--muted);line-height:1.5}
.doc-card .more{margin-top:auto;font-size:13px;font-weight:500;color:var(--accent)}
/* list rows (blog/changelog) */
.rows{display:flex;flex-direction:column}
.rowi{display:grid;grid-template-columns:130px 1fr auto;gap:24px;padding:24px 0;border-top:1px solid var(--line);align-items:baseline}
.rowi:last-child{border-bottom:1px solid var(--line)}
.rowi .date{font-family:var(--mono);font-size:11.5px;color:var(--soft)}
.rowi h4{font-size:18px;letter-spacing:-0.01em}
.rowi p{font-size:14px;color:var(--muted);line-height:1.55;margin-top:6px;max-width:64ch}
.rowi .tag{font-family:var(--mono);font-size:10.5px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}
.rowi .tag.new{color:#4ADE80;border-color:color-mix(in oklab,#4ADE80 35%,var(--line))}
.rowi .tag.imp{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--line))}
.rowi .tag.fix{color:#E0B400;border-color:color-mix(in oklab,#E0B400 35%,var(--line))}
@media(max-width:720px){.rowi{grid-template-columns:1fr;gap:6px}}
/* status */
.stat-hero{display:inline-flex;align-items:center;gap:12px;background:var(--paper);border:1px solid color-mix(in oklab,#4ADE80 40%,var(--line));border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500}
.stat-hero::before{content:"";width:10px;height:10px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px color-mix(in oklab,#4ADE80 25%,transparent)}
.svc{display:flex;flex-direction:column}
.svc-row{display:grid;grid-template-columns:220px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}
.svc-row:last-child{border-bottom:1px solid var(--line)}
.svc-row .nm{font-size:14.5px;font-weight:500}
.svc-row .nm small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--soft);font-weight:400;margin-top:2px}
.svc-row .bars{display:flex;gap:3px;height:26px;align-items:stretch}
.svc-row .bars i{flex:1;border-radius:2px;background:#2E7D52}
.svc-row .bars i.warn{background:#C48A0B}
.svc-row .up{font-family:var(--mono);font-size:12px;color:#4ADE80;white-space:nowrap}
@media(max-width:760px){.svc-row{grid-template-columns:1fr;gap:8px}}