@font-face{font-family:Poppins;src:url('./fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('./fonts/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('./fonts/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('./fonts/poppins-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--prose:#c2cbd2;--field:#0c171d;--surface:#11171d;--success:#98dfb0;--error:#ffb5a8;--focus:#ff8a4c}
:root[data-theme=light]{color-scheme:light;--bg:#fafbfc;--panel:#eef3f6;--text:#112633;--muted:#52626d;--line:#e2e7eb;--accent:#fc5003;--prose:#334752;--field:#fff;--surface:#fff;--success:#176337;--error:#a32417;--focus:#b33d00}
body{background:var(--bg);color:var(--text)}
a,button,input{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
[hidden]{display:none!important}
body:has(dialog[open]){overflow:hidden}




#main .card:not(.featured) .card-body :is(h2,h3),#main .section .card .card-body :is(h2,h3),#main .glossary-card h3{font-size:16px!important}
#main>.hero>.featured h2{font-size:clamp(22px,calc(3.8vw - 6px),38px);max-width:780px;line-height:1.12;color:#fff;margin-bottom:16px;letter-spacing:-.035em}







.navigation{gap:28px}
.newsletter{align-items:center;gap:48px;padding:38px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);background:radial-gradient(ellipse at top right,#9e320e66,transparent 55%),radial-gradient(ellipse at bottom left,#64280044,transparent 50%),#121618;border-color:#49301e}
.newsletter h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0}
.newsletter .eyebrow{margin-bottom:16px}
.newsletter form{min-width:0}
.newsletter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.newsletter-field{min-width:0}
.ws-newsletter-form label{display:block;font-size:12px;font-weight:500;margin-bottom:8px;color:var(--text)}
.ws-newsletter-form input{width:100%;min-width:0;height:50px;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:var(--field);color:var(--text);font:inherit;font-size:13px;box-sizing:border-box}
.ws-newsletter-form input::placeholder{color:var(--muted);opacity:1}
.ws-newsletter-form .fine-print{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 18px}
.ws-newsletter-form .fine-print a{text-decoration:underline;text-underline-offset:3px}
.ws-newsletter-form .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:500;background:#fc5003;color:#080b10;border:0;border-radius:7px;cursor:pointer}
.ws-newsletter-form .primary-button:hover{filter:brightness(1.08)}
.ws-newsletter-form .primary-button:disabled{opacity:.65;cursor:wait}
.ws-newsletter-form .diagonal-arrow{width:18px;height:18px}
.newsletter-status{font-size:13px;line-height:1.6;margin:14px 0 0;color:var(--muted)}
.newsletter-status:empty{display:none}
.newsletter-status[data-state=success]{color:var(--success)}
.newsletter-status[data-state=error]{color:var(--error)}
.newsletter-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.category-page>.store-cta,.article-page>.store-cta{margin-top:70px}
.newsletter-popup{padding:0;width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:18px;color:var(--text);background:radial-gradient(ellipse at top right,#fc500324,transparent 60%),var(--surface);box-shadow:0 30px 120px #0009}
.newsletter-popup::backdrop{background:#050b12b8;backdrop-filter:blur(5px)}
.popup-content{padding:40px}
.popup-close{position:absolute;top:16px;right:16px;width:38px;height:38px;background:transparent;color:var(--text)}
.popup-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fc500317;color:var(--accent);margin-bottom:26px}
.popup-mark .icon{width:26px;height:26px}
.newsletter-popup .eyebrow{font-size:10px;margin:0 0 12px}
.newsletter-popup h2{font-size:32px;line-height:1.19;letter-spacing:-.04em;margin:0 0 16px;max-width:430px}
.newsletter-popup h2 span{color:var(--accent)}
#newsletter-popup-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px;max-width:390px}
.newsletter-popup .newsletter-fields{grid-template-columns:1fr;gap:14px}
.newsletter-popup .primary-button{width:100%}
.popup-dismiss{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:6px}
/* Same compact notice, wording, consent categories and visual hierarchy as webstore.com.br. */
.ws-cookie-banner{font-family:Poppins,Arial,sans-serif;color:var(--text);background:var(--surface);border:1px solid var(--line);position:fixed;bottom:16px;left:16px;z-index:1100;width:min(360px,calc(100% - 32px));padding:16px;border-radius:9px;box-shadow:0 12px 50px #0006;box-sizing:border-box}
.ws-cookie-banner strong{font-size:13px;font-weight:600}
.ws-cookie-banner p{font-size:11px;line-height:1.55;margin:6px 0 0;color:var(--muted)}
.ws-cookie-banner button,.ws-privacy-open{font-family:inherit;cursor:pointer}
.ws-cookie-details,.ws-privacy-open{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px 0}
.ws-cookie-actions{display:flex;gap:8px;margin-top:8px}
.ws-cookie-actions button{flex:1;font-size:11px;min-height:34px;padding:8px 10px;border:0;border-radius:6px;font-weight:600}
.ws-cookie-actions [data-ws-choice=accept]{background:#fc5003;color:#fff}
.ws-cookie-actions [data-ws-choice=reject]{background:transparent;color:var(--text)}
.ws-cookie-actions button:hover{filter:brightness(1.08)}
.ws-cookie-actions [data-ws-choice=reject]:hover{background:var(--panel)}
.legal-dialog{background:var(--surface);color:var(--text);border-color:var(--line);width:min(650px,calc(100% - 32px));border-radius:10px}
.legal-copy,.legal-copy p,.legal-copy li{color:var(--muted)}
.legal-dialog h2,.legal-dialog h3,.legal-dialog h4{color:var(--text)}
[data-theme=light] .brand .white-logo{filter:brightness(0);opacity:.87}
[data-theme=light] .header-divider,[data-theme=light] .site-header{background:var(--bg)}
[data-theme=light] .dropdown,[data-theme=light] .search-dialog{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 18px 48px #132d4319}

[data-theme=light] #main>.glossary{background:#e8f0f5}
[data-theme=light] #main .glossary-card{background:var(--surface);color:var(--text);border-color:var(--line)}
[data-theme=light] #main .glossary-card:hover{background:#f6f9fb}
[data-theme=light] .glossary-letter{color:var(--accent)}
[data-theme=light] .article-body,[data-theme=light] .article-prose{color:var(--prose)}
[data-theme=light] .article-body blockquote,[data-theme=light] .copy-tooltip{background:var(--panel);color:var(--text)}
[data-theme=light] .category-pagination .current,[data-theme=light] .glossary-alphabet button[aria-pressed=true]{background:#fc5003;color:#080b10}
[data-theme=light] .hero>.featured .eyebrow{color:#fc5003}
[data-theme=light] .custom-logo{filter:none}
[data-theme=light] .newsletter h2 span{color:var(--accent)}
[data-theme=light] .store-cta{background:#fc5003;color:#080b10}
[data-theme=light] .store-cta .eyebrow{color:#080b10}
[data-theme=light] .store-cta-button{color:#fff;background:#080b10}
[data-glossary-url]{display:none!important}
@media(max-width:1050px){.navigation{gap:20px}.newsletter{gap:28px;padding:30px}.newsletter-fields{grid-template-columns:1fr}}
@media(max-width:760px){
 
 .header-divider .site-header,.header-divider.is-scrolled .site-header{gap:10px}
 .header-divider .site-header .brand,.header-divider .site-header .custom-logo-link,.header-divider.is-scrolled .site-header .brand,.header-divider.is-scrolled .site-header .custom-logo-link{width:98px;flex-basis:98px}
 .site-header .navigation{gap:7px}.site-header .header-search input[type=search]{padding-left:10px}
 
 .site-header .mobile-menu-toggle{width:34px;flex-basis:34px}
 .newsletter{grid-template-columns:1fr;padding:28px;gap:28px}.newsletter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .popup-content{padding:30px}.newsletter-popup h2{font-size:28px}.popup-mark{margin-bottom:20px}
}
@media(max-width:480px){.newsletter-fields{grid-template-columns:1fr}.ws-newsletter-form .primary-button{width:100%}.popup-content{padding:28px 24px}.popup-mark{margin-bottom:18px}.newsletter-popup h2{font-size:26px}.newsletter-popup{max-height:calc(100dvh - 20px)}.newsletter{padding:24px}.site-header .header-search input[type=search]{font-size:11px}.site-header .header-search .icon-button{width:24px;margin-right:3px}}
@media(max-width:370px){.header-divider .site-header .brand,.header-divider .site-header .custom-logo-link,.header-divider.is-scrolled .site-header .brand,.header-divider.is-scrolled .site-header .custom-logo-link{width:82px;flex-basis:82px}.site-header .navigation{gap:4px}.header-divider .site-header{gap:6px}}
@media(prefers-reduced-motion:reduce){.newsletter-popup::backdrop{backdrop-filter:none}}
/* Stable colors also during the inherited entrance animations. */
.navigation>a,.navigation summary{color:var(--text)}
.newsletter-popup .eyebrow,.newsletter-popup h2 span{color:var(--accent)}
.newsletter-popup #newsletter-popup-description,.newsletter-popup .fine-print{color:var(--muted)}
.ws-embed-consent{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px;color:var(--muted)}
.ws-embed-consent button{margin-top:12px;padding:10px 16px;background:#fc5003;color:#080b10;border:0;border-radius:6px;font:inherit;cursor:pointer}
/* Reinforce dark semantic colors after the legacy header/entry animation. */

/* Supplied privacy plugin: follow the blog theme without changing the package. */
html[data-theme=light] .wpcp-root{--wpcp-bg:#fff;--wpcp-text:#111820;--wpcp-muted:#34424d;--wpcp-line:#d4d9dc}
html:not([data-theme=light]) .wpcp-root{--wpcp-bg:#11171d;--wpcp-text:#fff;--wpcp-muted:#d2d7dc;--wpcp-line:#39434d}
.wpcp-root .wpcp-heading h2{font-family:inherit;font-weight:700;letter-spacing:normal}
.wpcp-root .wpcp-banner strong{font-weight:700}

/* Same theme control as Site Webstore. */
.ws-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:transparent;flex-shrink:0;color:var(--text);cursor:pointer}
.ws-theme-toggle svg{width:16px;height:16px;padding:5px;box-sizing:content-box;border-radius:50%;opacity:.5}
.ws-theme-toggle svg:first-child{background:#ffffff18;opacity:1}
.ws-theme-toggle:hover{border-color:#7e8994}
html[data-theme=light] .ws-theme-toggle svg:first-child{background:transparent;opacity:.5}
html[data-theme=light] .ws-theme-toggle svg:last-child{background:#dde3e7;opacity:1}

@media(max-width:370px){.header-divider .site-header .brand,.header-divider .site-header .custom-logo-link{width:72px;flex-basis:72px}.site-header .navigation{gap:3px}}

/* Blog palette aligned with Site Webstore. */
:root,:root[data-theme=light]{--accent:#fc5003}
html .site-header .ws-theme-toggle{display:inline-flex;gap:5.2px;padding:5.2px;min-width:62.4px;width:auto;height:35px;border:1px solid #252b31;border-radius:999px;background:transparent;color:#f4f6f8;box-shadow:none}
html .site-header .ws-theme-toggle svg{display:block;width:13.8px;height:13.8px;padding:4.3px;box-sizing:content-box;border-radius:50%;opacity:.5}
html .site-header .ws-theme-toggle svg:first-child{background:#ffffff18;opacity:1}
html[data-theme=light] .site-header .ws-theme-toggle{border-color:var(--line);color:#111820}
html[data-theme=light] .site-header .ws-theme-toggle svg:first-child{background:transparent;opacity:.5}
html[data-theme=light] .site-header .ws-theme-toggle svg:last-child{background:#dde3e7;opacity:1}
html #main .card .eyebrow,html #main .category .icon,html #main .glossary-letter,html .newsletter .eyebrow,html .newsletter h2 span,html .article-heading>.eyebrow{color:var(--accent)}
html[data-theme=light] #categorias .category{background:linear-gradient(145deg,#fff,#f0f3f4);border-color:var(--line);color:var(--text)}
html[data-theme=light] #categorias .category:hover{background:#fff;border-color:var(--accent)}
html[data-theme=light] #main>#glossario{background:#f0f3f4;border-color:var(--line)}
html[data-theme=light] #main #glossario .glossary-card,html[data-theme=light] #main .glossary-directory .glossary-card{background:#fff;border-color:var(--line);color:var(--text)}
html[data-theme=light] #main #glossario .glossary-card:hover{background:#f8fafb}
html[data-theme=light] .newsletter{background:radial-gradient(ellipse at top right,#fc500321,transparent 70%),var(--panel);border-color:var(--line);color:var(--text)}

/* Opaque category menu in both themes; isolate it from inherited WP styles. */
html .header-divider .navigation>details{position:relative}
html .header-divider .navigation .dropdown{background:#080b10;color:#f4f6f8;border:1px solid #252b31;z-index:100;width:260px;max-width:calc(100vw - 32px);padding:12px;border-radius:8px;box-shadow:0 16px 40px #0005}
html[data-theme=light] .header-divider .navigation .dropdown{background:#fafbfc;color:#112633;border-color:var(--line);box-shadow:0 16px 40px #132d4319}
html .header-divider .navigation .dropdown a{display:block;padding:9px 12px;color:inherit;white-space:normal;line-height:1.5}
html .header-divider .navigation .dropdown a:hover,html .header-divider .navigation .dropdown a:focus-visible{color:#fc5003}
html:not([data-theme=light]) #main .glossary-letter{color:#ffffff04}
html[data-theme=light] #main .glossary-letter{color:#d2d8dc}

/* Headings of editorial post groups. */
#main .section:not(#categorias) > .section-head h2{font-size:27px}

/* Explicit sizes for the four home section headings. */
html body #main h2#categories-title,
html body #main h2#section-e-commerce,
html body #main h2#section-marketing,
html body #main h2#extra-title{font-size:27px!important}

html .newsletter .fields{display:flex;gap:16px}html .newsletter .fields input{min-width:0;flex:1}html .newsletter .fields .primary-button{flex-shrink:0}@media(max-width:480px){html .newsletter .fields{flex-direction:column}}

/* Revisão local 19/09: somente os quatro ajustes solicitados. */
html .article-share :is(a,button){border:1px solid var(--line,#203039)!important;border-radius:999px}
html .article-share :is(a,button):hover{border-color:var(--accent)!important}
html #main :is(.article-block-head,.category-list-heading,.section-head)>h2{font-size:27px!important}
html #main #glossary-search{background:#121e26;border:0;box-shadow:none}
html[data-theme=light] #main #glossary-search{background:#e9edef}
html #main #glossary-search:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html #main .glossary-filter-row{align-items:center;gap:12px;flex-wrap:wrap}
html #main .glossary-filter-row .glossary-alphabet{display:flex;flex-wrap:wrap;gap:4px;flex:0 1 auto;order:1}
html #main .glossary-alphabet button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;flex:0 0 30px;border-radius:6px;border:1px solid var(--line,#203039)}
html #main .glossary-alphabet button:first-child{width:auto;flex-basis:auto;padding-inline:12px}
html #main .glossary-search-field{flex:0 0 220px;order:0}
html #main #glossary-search{height:44px;width:100%}
@media(max-width:1100px){html #main .glossary-search-field{flex-basis:100%}}

/* Filtros do glossário alinhados às duas extremidades do conteúdo. */
html #main .glossary-filter-row{width:100%}
html #main .glossary-filter-row .glossary-alphabet{flex:1 1 auto;justify-content:space-between}
html #main .glossary-alphabet button[aria-pressed=true]{border:0}
@media(max-width:1100px){html #main .glossary-filter-row .glossary-alphabet{flex-basis:100%}}

/* Light: linhas e contornos neutros mais suaves em todo o blog. */
html[data-theme=light] :is(.header-divider,.header-search,.legal-dialog,.legal-close,.dialog-head,.article-body table,.article-body th,.article-body td,hr,input[type=email],input[type=search]){border-color:var(--line)}
html[data-theme=light] :is(.section-head .more,.glossary-all){border-bottom-color:var(--line)}

/* Busca do cabeçalho com a mesma superfície do filtro do glossário. */
html .site-header .header-search{background:#121e26;border:0;border-radius:8px;box-shadow:none}
html[data-theme=light] .site-header .header-search{background:#e9edef}
html .site-header .header-search input[type=search]{background:transparent;border:0;border-radius:8px}
html .site-header .header-search .icon-button{background:transparent;border:0}

/* Newsletter: same loading indicator as main Webstore site. */
.ws-newsletter-form .ws-submit-spinner{display:none}
.ws-newsletter-form[aria-busy=true] .diagonal-arrow{display:none!important}
.ws-newsletter-form[aria-busy=true] .primary-button{opacity:1;cursor:wait}
.ws-newsletter-form[aria-busy=true] .ws-submit-spinner{flex:0 0 18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;display:block!important;width:18px!important;height:18px!important;animation:ws-submit-spin .7s linear infinite!important}
@keyframes ws-submit-spin{100%{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ws-newsletter-form[aria-busy=true] .ws-submit-spinner{animation-duration:1.4s!important}}