/* Extensão da identidade Delt.AI para páginas de solução e conteúdo. */
:root { --ink: #212121; --blue: #39afff; --paper: #f7f7f7; --muted: #58616b; --line: #dce3e9; }
.skip-link { position:fixed; top:8px; left:8px; transform:translateY(-160%); z-index:10000; background:#212121; color:#fff; padding:12px 20px; border-radius:8px; }
.skip-link:focus { transform:none; }
:focus-visible { outline:3px solid #1378bb; outline-offset:5px; }
.site-header { background:#fff; border-bottom:1px solid var(--line); position:relative; z-index:20; }
.site-header-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.site-logo { width:146px; height:auto; }
.site-nav { display:flex; align-items:center; gap:26px; font-weight:600; }
.site-nav a:not(.btn):hover { color:#116ca5; }
.site-nav-toggle { display:none; border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:8px; padding:10px 14px; font:inherit; }
.site-footer { background:#212121; color:#eee; padding:42px 0; }
.site-footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.site-footer p { color:#c4cbd0; font-size:.95rem; margin-top:8px; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:18px; align-content:start; }
.site-footer a { text-decoration:underline; text-underline-offset:4px; }
.marketing-main { background:var(--paper); }
.page-hero { padding:70px 0 76px; background:radial-gradient(ellipse at 85% 20%,#d8eeff 0,transparent 58%),var(--paper); }
.breadcrumbs { display:flex; gap:10px; font-size:.9rem; color:var(--muted); margin-bottom:36px; flex-wrap:wrap; }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.page-eyebrow { color:#116ca5; text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; font-weight:700; display:block; margin-bottom:15px; }
.page-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:center; }
.page-hero h1 { font-size:clamp(2.2rem,4.2vw,3.6rem); letter-spacing:-.035em; line-height:1.1; max-width:840px; }
.page-hero h1 em { font-style:normal; color:#116ca5; }
.page-lead { font-size:1.2rem; line-height:1.65; color:var(--muted); max-width:700px; margin:24px 0 28px; }
.page-note { font-size:.95rem; color:var(--muted); margin-top:15px; }
.workflow-card { padding:30px; border:1px solid #b7d6ed; border-radius:22px; background:rgba(255,255,255,.8); box-shadow:0 18px 45px #1a4a6d0c; }
.workflow-title { display:flex; justify-content:space-between; align-items:center; font-size:.82rem; color:#58616b; padding-bottom:20px; border-bottom:1px solid var(--line); letter-spacing:.03em; }
.workflow-nodes { list-style:none; margin:22px 0 0; padding:0; display:grid; gap:12px; }
.workflow-nodes li { display:flex; align-items:center; gap:16px; padding:15px; background:var(--paper); border:1px solid var(--line); border-radius:10px; }
.workflow-nodes li span { color:#116ca5; font-weight:700; font-size:.8rem; }
.workflow-nodes li strong { display:block; font-size:1.06rem; }
.workflow-nodes li small { display:block; color:var(--muted); font-size:.88rem; margin-top:3px; }
.marketing-section { padding:72px 0; }
.marketing-section.white { background:#fff; }
.marketing-section h2 { font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.18; letter-spacing:-.025em; max-width:800px; margin-bottom:18px; }
.marketing-section .section-intro { max-width:730px; color:var(--muted); font-size:1.1rem; margin-bottom:30px; }
.marketing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.marketing-card { padding:28px; background:#fff; border:1px solid var(--line); border-radius:16px; display:flex; flex-direction:column; align-items:flex-start; }
.white .marketing-card { background:var(--paper); }
.marketing-card .card-index { color:#116ca5; font-size:.8rem; font-weight:700; margin-bottom:20px; }
.marketing-card h3 { font-size:1.4rem; line-height:1.25; margin-bottom:12px; }
.marketing-card p { color:var(--muted); line-height:1.7; }
.marketing-card a.card-link { margin-top:auto; padding-top:22px; font-weight:700; color:#116ca5; }
.marketing-card a.card-link:hover { text-decoration:underline; }
.marketing-steps { counter-reset:step; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin-top:34px; }
.marketing-steps li { border-top:2px solid #39afff; padding-top:20px; }
.marketing-steps li::before { counter-increment:step; content:'0' counter(step); font-size:.8rem; color:#116ca5; font-weight:700; }
.marketing-steps h3 { font-size:1.25rem; margin:12px 0 8px; }
.marketing-steps p { color:var(--muted); line-height:1.7; }
.marketing-faq { max-width:860px; margin-top:30px; }
.marketing-faq details { border-top:1px solid var(--line); padding:20px 0; }
.marketing-faq details:last-child { border-bottom:1px solid var(--line); }
.marketing-faq summary { cursor:pointer; font-weight:600; font-size:1.15rem; }
.marketing-faq p { color:var(--muted); margin-top:14px; line-height:1.75; }
.marketing-contact { background:#212121; color:#fff; padding:64px 0; }
.marketing-contact-inner { display:flex; justify-content:space-between; gap:40px; align-items:center; }
.marketing-contact h2 { font-size:clamp(1.9rem,3.2vw,2.7rem); line-height:1.2; margin-bottom:14px; max-width:700px; }
.marketing-contact p { max-width:640px; color:#cbd2d8; line-height:1.7; }
.marketing-contact .btn { flex-shrink:0; }
.content-filters { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.content-filters a { padding:8px 17px; border:1px solid #b5c5d0; border-radius:30px; font-size:.95rem; }
.content-filters a:hover { border-color:#116ca5; color:#116ca5; }
.article-layout { max-width:1120px; margin:0 auto; padding:60px 20px 80px; display:grid; grid-template-columns:220px minmax(0,760px); gap:60px; }
.article-toc { position:sticky; top:30px; align-self:start; font-size:.95rem; }
.article-toc strong { display:block; margin-bottom:14px; }
.article-toc a { display:block; color:#58616b; border-left:2px solid #dce3e9; padding:8px 15px; line-height:1.45; }
.article-toc a:hover { color:#116ca5; border-color:#39afff; }
.article-body { min-width:0; font-size:1.1rem; line-height:1.85; color:#343d45; }
.article-body section { scroll-margin-top:24px; margin-bottom:38px; }
.article-body h2 { color:var(--ink); font-size:1.8rem; line-height:1.25; margin:0 0 18px; letter-spacing:-.02em; }
.article-body h3 { font-size:1.3rem; margin:26px 0 12px; }
.article-body p { margin:0 0 18px; }
.article-body ul,.article-body ol { padding-left:24px; margin:18px 0; list-style:revert; }
.article-body li { margin-bottom:10px; }
.article-body a { color:#116ca5; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.article-body table { width:100%; border-collapse:collapse; font-size:.95rem; margin:24px 0; }
.article-body td,.article-body th { border:1px solid var(--line); padding:12px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.article-body th { background:#edf6fc; }
.article-body blockquote { border-left:3px solid #39afff; padding:16px 22px; margin:24px 0; background:#edf6fc; }
.article-sources { border-top:1px solid var(--line); padding-top:25px; margin-top:40px; font-size:.95rem; }
.article-meta { color:var(--muted); font-size:.95rem; margin-top:20px; }
.article-callout { border:1px solid #b7d6ed; background:#edf6fc; padding:24px; border-radius:14px; margin:30px 0; }
.home-segment-links { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.home-segment-links a { text-decoration:underline; text-underline-offset:4px; }
.home-context-note { max-width:620px; margin:22px auto 0; color:#58616b; font-size:.95rem; }
.hero-text { max-width:920px; }
.hero .target-audience-container { max-width:650px; }
.target-note { max-width:650px; margin-left:auto; margin-right:auto; }
.home-editorial { margin-top:0; }
.btn-secondary { color:#212121; }
.btn-primary { color:#132c3d; }
@media(max-width:991px) {
 .site-nav { gap:16px; font-size:.95rem; }
 .page-hero-grid { gap:32px; }
 .article-layout { grid-template-columns:180px minmax(0,1fr); gap:30px; }
 .marketing-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .marketing-contact-inner { align-items:flex-start; flex-direction:column; gap:25px; }
}
@media(max-width:767px) {
 .site-header-inner { min-height:74px; }
 .site-nav-toggle { display:block; }
 .site-nav { display:none; position:absolute; left:0; right:0; top:74px; background:#fff; padding:22px; box-shadow:0 12px 15px #21212110; }
 .site-nav.is-open { display:flex; flex-direction:column; align-items:stretch; }
 .site-nav a { padding:10px; }
 .page-hero { padding:36px 0 44px; }
 .page-hero-grid { grid-template-columns:1fr; gap:35px; }
 .page-lead { font-size:1.1rem; }
 .breadcrumbs { margin-bottom:25px; }
 .marketing-grid { grid-template-columns:1fr; }
 .marketing-section { padding:48px 0; }
 .marketing-card { padding:24px; }
 .article-layout { grid-template-columns:1fr; gap:30px; padding-top:30px; }
 .article-toc { position:static; }
 .article-toc a { padding:6px 12px; }
 .article-body { font-size:1.05rem; }
 .article-body table { font-size:.85rem; }
 .article-body td,.article-body th { padding:8px; }
 .marketing-contact { padding:42px 0; }
 .site-footer { padding:30px 0; }
 .workflow-card { padding:22px; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}
