/* Central de Ajuda do DNE: camada visual sobre o Copenhagen.
   Tokens do PADRAO_DNE (onebox-criar-lp). Classes com prefixo dne- para não colidir com o style.css. */
:root{--azul:#004e94;--azul3:#1f75c0;--gold:#fdc131;--cta:#b8560c;--cta2:#9c480a;
--ink:#12233b;--muted:#5a6a80;--linha:#e2e8f2;--paper:#fff;--nuvem:#f2f7fd;--titulo:#2c3e50;
--sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--head:"Ubuntu Condensed","Montserrat",system-ui,Helvetica,Arial,sans-serif;
--sh:0 12px 30px -12px rgba(0,45,110,.30);--shs:0 2px 10px -4px rgba(0,45,110,.20);--r:14px}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.dne-wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.dne-h,.dne-hero h1,.dne-cat h3,.dne-art h1,.dne-contact h2{font-family:var(--head);font-weight:400;letter-spacing:.01em;text-wrap:balance}
.dne-top a:focus-visible,.dne-hero a:focus-visible,main a:focus-visible,.dne-foot a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.dne-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--azul3)}
.dne-ico{width:40px;height:40px;border-radius:10px;background:var(--nuvem);color:var(--azul);display:inline-grid;place-items:center;flex:0 0 auto}
.dne-ico svg{display:block}

/* botões */
.dne-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font:700 14px var(--sans);text-decoration:none;cursor:pointer;border:0}
.dne-btn.cta,.dne-btn.cta:visited{background:var(--cta);color:#fff}
.dne-btn.cta:hover{background:var(--cta2);color:#fff;text-decoration:none}
.dne-btn.ghost,.dne-btn.ghost:visited{background:#fff;color:var(--azul);border:1.5px solid var(--azul)}
.dne-btn.ghost:hover{background:var(--nuvem);text-decoration:none}

/* topo */
.dne-top{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:30}
.dne-top .dne-wrap{display:flex;align-items:center;gap:20px;height:64px}
.dne-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.dne-brand:hover{text-decoration:none}
.dne-brand img{height:34px;width:auto;display:block}
.dne-brand span{font-family:var(--head);font-size:19px;color:var(--muted);border-left:1px solid var(--linha);padding-left:10px}
.dne-nav{display:flex;gap:22px;margin-left:auto;align-items:center}
.dne-nav a:not(.dne-btn){font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}
.dne-nav a:not(.dne-btn):hover{color:var(--azul)}
.dne-menu{display:none;margin-left:auto;position:relative}
.dne-menu>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--azul);padding:0 12px;border:1px solid var(--linha);border-radius:10px}
.dne-menu>summary::-webkit-details-marker{display:none}
.dne-menu nav{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sh);padding:8px;min-width:230px;display:flex;flex-direction:column}
.dne-menu nav a{padding:12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.dne-menu nav a:hover{background:var(--nuvem)}
@media(max-width:860px){.dne-nav{display:none}.dne-menu{display:block}.dne-brand span{display:none}}

/* herói */
.dne-hero{background:linear-gradient(270deg,rgb(88,179,235) 0%,rgb(44,122,186) 43%,rgb(40,73,151) 100%);color:#fff;padding:52px 0 92px}
.dne-hero.slim{padding:28px 0 32px}
.dne-hero h1{font-size:44px;line-height:1.1;margin:0;color:#fff}
.dne-hero.slim h1{font-size:34px;display:flex;align-items:center;gap:14px;margin-bottom:16px}
.dne-hero.slim h1 .dne-ico{background:rgba(255,255,255,.16);color:#fff;width:48px;height:48px}
.dne-hero.slim h1 .dne-ico:empty{display:none}
.dne-lead{margin:10px 0 24px;font-size:17px;color:#e3efff;max-width:620px}
@media(max-width:820px){.dne-hero{background:linear-gradient(200deg,rgb(88,179,235) 0%,rgb(44,122,186) 38%,rgb(40,73,151) 88%);padding:34px 0 76px}.dne-hero h1{font-size:32px}.dne-lead{font-size:15px}}
@media(max-width:560px){.dne-hero.slim h1{font-size:26px}}

/* trilha (helper breadcrumbs) */
.dne-hero .breadcrumbs{margin:0 0 12px;padding:0;font-size:13px}
.dne-hero .breadcrumbs li{color:#d8e8ff;font-size:13px}
.dne-hero .breadcrumbs li+li::before{color:#d8e8ff}
.dne-hero .breadcrumbs li a,.dne-hero .breadcrumbs li a:visited{color:#fff;font-weight:600}

/* busca (helper search) */
.dne-search{position:relative;max-width:720px}
.dne-search form.search{display:flex;align-items:center;background:#fff;border-radius:var(--r);box-shadow:0 16px 40px -14px rgba(0,20,60,.55);padding:0 8px 0 18px;border:0;max-width:none}
.dne-search form.search::before{content:"";flex:0 0 22px;height:22px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6a80' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E")}
.dne-search form.search input[type=search]{flex:1;min-width:0;border:0;outline:0;box-shadow:none;font:500 17px var(--sans);color:var(--ink);padding:0 12px;height:60px;background:transparent}
.dne-search form.search input[type=search]::placeholder{color:#7d8ba0}
/* o input fica sem contorno próprio; o foco aparece no form inteiro */
.dne-search form.search:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.dne-search form.search input[type=submit]{flex:0 0 auto;min-height:44px;padding:0 18px;border-radius:10px;border:0;background:var(--cta);color:#fff;font:700 14px var(--sans);cursor:pointer}
.dne-search form.search input[type=submit]:hover{background:var(--cta2)}
.dne-search .clear-button{color:var(--muted)}
.dne-hero.slim .dne-search form.search input[type=search]{height:52px;font-size:16px}
@media(max-width:560px){.dne-search form.search input[type=search]{height:54px;font-size:16px}.dne-search form.search input[type=submit]{display:none}}
.dne-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center;font-size:13px;color:#d8e8ff}
.dne-chips a,.dne-chips a:visited{color:#fff;text-decoration:none;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px}
.dne-chips a:hover{background:rgba(255,255,255,.26);text-decoration:none}

/* blocos */
.dne-blk{padding:56px 0}
.dne-blk.alt{background:var(--nuvem)}
.dne-h2{font-family:var(--head);font-weight:400;font-size:30px;color:var(--titulo);margin:4px 0 22px}
@media(max-width:560px){.dne-h2{font-size:25px}.dne-blk{padding:40px 0}}

/* atalhos */
.dne-quick{margin-top:-58px;position:relative;z-index:2}
.dne-quick .box{background:#fff;border-radius:18px;box-shadow:var(--sh);padding:22px 22px 18px}
.dne-quick h2{font:700 15px var(--sans);color:var(--titulo);margin:0 0 14px}
.dne-qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:0}
.dne-qgrid a,.dne-qgrid a:visited{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--linha);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px;line-height:1.3;min-height:64px;transition:border-color .15s,box-shadow .15s}
.dne-qgrid a:hover{border-color:var(--azul3);box-shadow:var(--shs);text-decoration:none}
@media(max-width:860px){.dne-qgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dne-quick .box{padding:16px}.dne-qgrid{grid-template-columns:1fr}.dne-qgrid a{min-height:56px;padding:10px 12px}}

/* cards de seção; ordem da jornada e ícones vêm do dne.js (data-sec) */
.dne-cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dne-cat{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:22px;display:flex;flex-direction:column}
.dne-cat .hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.dne-cat .dne-ico{width:46px;height:46px;background:linear-gradient(135deg,#e8f2fd,#d6e8fb)}
.dne-cat .dne-ico:empty{display:none}
.dne-cat h3{font-size:23px;color:var(--titulo);line-height:1.1;margin:0}
.dne-cat h3 a,.dne-cat h3 a:visited{color:inherit;text-decoration:none}
.dne-cat h3 a:hover{color:var(--azul)}
.dne-cat p.d{margin:0 0 12px;color:var(--muted);font-size:14px}
.dne-cat p.d:empty{display:none}
.dne-cat ul{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid var(--linha)}
.dne-cat ul:empty{display:none}
.dne-cat li a,.dne-cat li a:visited{display:flex;gap:8px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:var(--ink);font-size:14px;line-height:1.4}
.dne-cat li a:hover{color:var(--azul)}
.dne-cat li svg{margin-top:2px;color:var(--azul3);flex:0 0 auto}
.dne-cat .more{margin-top:auto;font-weight:700;font-size:14px;text-decoration:none;color:var(--azul)}
.dne-cat .more:hover{text-decoration:underline}
.dne-cat[hidden]{display:none}
.dne-cat.wide{grid-column:1/-1}
.dne-cat.wide ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));column-gap:24px}
@media(max-width:960px){.dne-cgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dne-cgrid{grid-template-columns:1fr}.dne-cat{padding:18px}}

/* páginas internas */
.dne-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-top:36px;padding-bottom:56px}
@media(max-width:900px){.dne-layout{grid-template-columns:1fr;gap:28px}}
.dne-list{list-style:none;margin:0;padding:0;border:1px solid var(--linha);border-radius:var(--r);overflow:hidden}
.dne-list li+li{border-top:1px solid var(--linha)}
.dne-list a,.dne-list a:visited{display:flex;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;line-height:1.4}
.dne-list a:hover{background:var(--nuvem);color:var(--azul);text-decoration:none}
.dne-list a span{flex:1}
.dne-list a svg{color:var(--azul3);flex:0 0 auto}
.dne-side h2{font:700 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.dne-side ul{list-style:none;margin:0 0 26px;padding:0}
.dne-side ul:empty,.dne-side h2:has(+ ul:empty){display:none}
.dne-side li a,.dne-side li a:visited{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.35}
.dne-side li a:hover,.dne-side li a[aria-current=page]{background:var(--nuvem);color:var(--azul);text-decoration:none}
.dne-side li a[aria-current=page]{font-weight:700}
.dne-side .dne-ico{width:32px;height:32px;border-radius:8px}
.dne-side .related-articles h2,.dne-side .recent-articles h2{font:700 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.dne-side .related-articles ul,.dne-side .recent-articles ul{margin:0 0 26px}
.dne-side .related-articles li a,.dne-side .recent-articles li a{padding:9px 10px}

/* artigo */
.dne-art{max-width:720px;min-width:0}
.dne-art h1{font-size:38px;color:var(--titulo);line-height:1.12;margin:0}
.dne-meta{color:var(--muted);font-size:13px;margin:10px 0 26px}
.dne-art .article-body{font-size:16.5px;line-height:1.7;color:var(--ink)}
.dne-art .article-body p{margin:0 0 16px}
.dne-art .article-body ul,.dne-art .article-body ol{padding-left:22px;margin:0 0 16px}
.dne-art .article-body li{margin-bottom:8px}
.dne-art .article-body strong{color:var(--titulo)}
.dne-art .article-body a{font-weight:600;color:var(--azul)}
.dne-art .article-body h2,.dne-art .article-body h3,.dne-art .article-body h4{font:700 19px var(--sans);color:var(--titulo);margin:26px 0 10px}
.dne-art .article-body img{max-width:100%;height:auto;border-radius:10px}
.dne-art .article-body table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px}
.dne-art .article-body td,.dne-art .article-body th{border:1px solid var(--linha);padding:8px 10px;text-align:left}
.dne-callcta{display:none;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,#eaf3fd,#f7fbff);border:1px solid #cfe2f7;border-radius:var(--r);padding:18px 20px;margin:28px 0}
.dne-callcta.on{display:flex}
.dne-callcta p{margin:0;font-weight:600}
.dne-callcta p small{display:block;font-weight:500;color:var(--muted)}
.dne-art .article-votes{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:20px 0;margin:28px 0;text-align:left;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dne-art .article-votes-question{font:700 16px var(--sans);margin:0 6px 0 0;color:var(--ink)}
.dne-art .article-votes-controls{display:flex;gap:10px}
.dne-art .article-vote{min-height:40px;min-width:72px;padding:0 16px;border-radius:10px;border:1.5px solid var(--azul);background:#fff;color:var(--azul);font:700 14px var(--sans);margin:0}
.dne-art .article-vote.button-primary,.dne-art .article-vote:hover{background:var(--azul);color:#fff}
.dne-art .article-votes-count{flex-basis:100%;color:var(--muted);font-size:13px}
.dne-art .article-attachments{margin-top:20px}
@media(max-width:560px){.dne-art h1{font-size:28px}.dne-art .article-body{font-size:16px}}

/* busca: resultados */
.dne-results .search-results{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:56px}
.dne-results .search-results-sidebar{min-width:0}
.dne-results .search-results-subheading{font-family:var(--head);font-weight:400;font-size:28px;color:var(--titulo);margin:0 0 12px}
.dne-results .search-result-title a,.dne-results .search-result-title a:visited{color:var(--azul);font-weight:700}
.dne-results .search-results-list>li{padding:16px 0;border-bottom:1px solid var(--linha)}
@media(max-width:900px){.dne-results .search-results{grid-template-columns:1fr;gap:20px}}
.dne-results .no-results{text-align:left;padding:0}
.dne-results .no-results>svg{display:none}
.dne-empty{background:var(--nuvem);border-radius:var(--r);padding:22px;margin-top:8px}
.dne-empty p{margin:0 0 12px}

/* contato (rodapé de todas as páginas) */
.dne-contact{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;align-items:stretch}
.dne-contact h2{font-size:30px;color:var(--titulo);margin:4px 0 0}
.dne-contact .intro p{color:var(--muted);margin:8px 0 0}
.dne-opt{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:8px}
.dne-opt strong{font-size:16px}
.dne-opt span.t{color:var(--muted);font-size:14px;flex:1;overflow-wrap:anywhere}
.dne-opt .dne-btn{align-self:flex-start;margin-top:6px}
@media(max-width:860px){.dne-contact{grid-template-columns:1fr}}

/* rodapé */
.dne-foot{background:#0b2c55;color:#c6d6ee;font-size:13px;padding:34px 0}
.dne-foot .dne-wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.dne-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.dne-foot a,.dne-foot a:visited{color:#fff;text-decoration:none}
.dne-foot a:hover{text-decoration:underline}

/* aviso de cookies (padrão das LPs do DNE): barra inferior que não bloqueia a página */
.dne-ck{position:fixed;left:0;right:0;bottom:0;z-index:200;font-family:var(--sans);background:var(--azul);color:#fff;border-top:3px solid var(--gold);box-shadow:0 -6px 20px -10px rgba(0,0,0,.45)}
.dne-ck[hidden]{display:none}
.dne-ck .box{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.dne-ck img{width:26px;height:26px;flex-shrink:0}
.dne-ck p{margin:0;flex:1;min-width:200px;font-size:13.5px;line-height:1.4;color:#fff}
.dne-ck a,.dne-ck a:visited{color:var(--gold)}
.dne-ck .bt{display:flex;gap:8px;flex-shrink:0}
.dne-ck button{min-height:36px;padding:0 16px;font:700 13px var(--sans);border-radius:999px;cursor:pointer;white-space:nowrap}
.dne-ck .ok{background:var(--cta);border:1px solid rgba(255,255,255,.55);color:#fff}
.dne-ck .ok:hover{background:var(--cta2)}
.dne-ck .no{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.dne-ck .no:hover{background:rgba(255,255,255,.10)}
@media(max-width:560px){.dne-ck .box{padding:10px 16px;gap:10px}.dne-ck img{display:none}.dne-ck p{font-size:12.5px;min-width:100%}.dne-ck .bt{width:100%}.dne-ck button{flex:1}}

/* paginação e formulários do Copenhagen mantêm o estilo dele, com a cor da marca */
.pagination-next-link,.pagination-prev-link,.pagination-first-link,.pagination-last-link{color:var(--azul)}