1<!doctype html> 2<html lang="en-US"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6 7<!-- Evita FOUC do tema -->
8<script> 9(function(){ 10 try{ 11 var allowDark = false; 12 var saved = localStorage.getItem('site-theme'); // 'light' | 'dark' 13 var mode = (saved === 'dark' || saved === 'light') ? saved : 'light'; 14 if (!allowDark) { 15 mode = 'light'; 16 localStorage.setItem('site-theme', 'light'); 17 } 18 document.documentElement.setAttribute('data-theme', mode); 19 }catch(e){} 20})(); 21</script>
21 22
23<script id="spun-ads-tagengine" src="https://tag.spunmidia.tech/5yoaqbaz/thecredito.com.br.js?v=1789568265"></script>
23 24<title>Finances – The Crédito</title> 25<meta name='robots' content='max-image-preview:large' /> 26 27<style id="spun-preloader-style"> 28 .spun-preloader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center; 29 background: rgba(255,255,255,.75); /* fallback */ 30 background: color-mix(in srgb, var(--bg, #fff) 75%, transparent); 31 transition:opacity .25s ease, visibility .25s ease;} 32 .spun-preloader.is-hide{opacity:0;visibility:hidden;pointer-events:none} 33 .spun-spinner{width:44px;height:44px;border-radius:50%;border:3px solid color-mix(in srgb, var(--brand, #0ea5e9) 35%, transparent);border-top-color:transparent;animation:spun-rotate .8s linear infinite} 34 .spun-preloader__text{font-size:12px;line-height:1.2;color:color-mix(in srgb, var(--text, #0f172a) 82%, transparent)} 35 @keyframes spun-rotate{to{transform:rotate(360deg)}} 36 .spun-preloader .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} 37 /* Se JS estiver desabilitado, evita travar a página */ 38 noscript .spun-preloader{display:none} 39</style> 40<link rel='dns-prefetch' href='//thecredito.com.br' /> 41<link rel='dns-prefetch' href='//wordpress-programatica-0002.s3.amazonaws.com' /> 42 43<link rel="icon" href="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" /> 44<link rel="shortcut icon" href="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" /> 45<link rel="alternate" type="application/rss+xml" title="The Crédito » Finances Category Feed" href="https://thecredito.com.br/category/finances/feed/" /> 46<style id="wp-img-auto-sizes-contain-inline-css"> 47img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 48/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 49</style> 50<style id="classic-theme-styles-inline-css"> 51/*! This file is auto-generated */ 52.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 53/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 54</style> 55 56<style id="global-styles-inline-css"> 57:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
57--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
57.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 58/*# sourceURL=global-styles-inline-css */ 59</style> 60 61<link rel='stylesheet' id='spun-base-css' href='https://thecredito.com.br/wp-content/themes/spun/assets/base.css?ver=1.0.2' media='all' />
62<script id="spun-web-vitals-js-before"> 63window.SpunWebVitalsConfig = {"endpoint":"\/v1\/metrics","serviceName":"wordpress-frontend","environment":"production","exportIntervalMillis":10000,"sampleRate":0.05}; 64//# sourceURL=spun-web-vitals-js-before 65</script>
vendor: 1 bytes, line 65
65
66<script id="spun-web-vitals-js" src="https://thecredito.com.br/wp-content/mu-plugins/assets/spun-web-vitals.min.js?ver=0.1.0"></script>
66 67<style id="core-site-config-vars">:root{--brand:#0ea5e9;--brand-alt:#0369a1;}</style>
68<script src="https://analytics.spun.com.br/stats.js?v=3.0" defer></script>
68 69
70<script async src="https://collect.spuntech.com.br/sa.js" data-site="pk_750c9008d8e5f7a3"></script>
70 71 72<!-- Pushia SDK -->
73<script> 74window.PushiaConfig = { 75 "domain": "thecredito.com.br", 76 "publicKey": "BG6o0iGIqBETxAs0DcxHlif-5_oaNz7JE_vZqWwqxPaBvkg0TuBj2bym_66X0cocHSW5cZ6QtRhS0OeSxM4_ylo", 77 "subscribeUrl": "https://pushia.spun.com.br/api/push/subscriptions", 78 "serviceWorkerUrl": "/sw-push.js", 79 "autoRegister": true, 80 "autoRegisterDelaySeconds": 0 81}; 82</script>
vendor: 2 bytes, line 82
82
83<script src="https://pushia.spun.com.br/js/push-client.js" defer></script>
83 84 85<style> 86:root{ 87 --bg:#f7f8fb; --surface:#fff; --text:#0f172a; --muted:#475569; --brand:#2563eb; --b:1px solid #e7eaf0; 88 --max:1280px; --r:14px; --e: cubic-bezier(.22,.8,.2,1); 89} 90html[data-theme="dark"]{ --bg:#0b0d10; --surface:#0e1319; --text:#e6edf3; --muted:#9aa5b1; --brand:#3b82f6; --b:1px solid rgba(255,255,255,.08); } 91body{ background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; } 92 93/* Header (sticky opcional: classe .is-sticky via Configurações do site â Toggles) */ 94.header{ position:relative; z-index:60; background:color-mix(in srgb, var(--surface) 92%, transparent); border-bottom:var(--b); backdrop-filter:saturate(1.2) blur(6px); } 95.header.is-sticky{ position:sticky; top:0; } 96.header__wrap{ max-width:var(--max); margin:0 auto; padding:12px 16px; display:flex; align-items:center; gap:16px } 97.header__brand{ display:flex; align-items:center; gap:12px; min-width:0 } 98.header__logo img{ height:34px; width:auto } 99.header__title{ font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px } 100 101/* Nav (um único menu) */ 102.header__nav{ margin-left:auto } 103.nav{ display:flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0 } 104.nav > li > a{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px; color:var(--text); font-size:14px; text-decoration:none } 105.nav a:hover{ background:color-mix(in srgb, var(--text) 6%, transparent) } 106.nav .current-menu-item > a, .nav .current_page_item > a{ background:color-mix(in srgb, var(--brand) 18%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent) } 107 108/* Submenus (desktop somente no header) */ 109.nav .menu-item-has-children{ position:relative } 110.header__nav .nav > .menu-item-has-children::after{ 111 content:""; 112 position:absolute; 113 left:0; 114 right:0; 115 top:100%; 116 height:10px; /* ponte de hover para evitar fechamento ao descer o mouse */ 117} 118.header__nav .nav > .menu-item-has-children > a{ 119 padding-right:12px; /* sem seta, mantém alinhamento limpo */ 120} 121.header__nav .nav > .menu-item-has-children > .sub-menu{ 122 position:absolute; 123 left:0; 124 top:100%; 125 min-width:250px; 126 margin:0; 127 background:color-mix(in srgb, var(--surface) 96%, transparent); 128 border:var(--b); 129 border-radius:14px; 130 padding:10px; 131 list-style:none; 132 box-shadow:0 18px 38px rgba(15,23,42,.14); 133 backdrop-filter:saturate(1.1) blur(8px); 134 opacity:0; 135 visibility:hidden; 136 pointer-events:none; 137 transform:translateY(8px); 138 transition:opacity .2s var(--e), transform .22s var(--e), visibility 0s linear .22s; 139} 140.header__nav .nav > .menu-item-has-children:hover > .sub-menu, 141.header__nav .nav > .menu-item-has-children:focus-within > .sub-menu{ 142 opacity:1; 143 visibility:visible; 144 pointer-events:auto; 145 transform:translateY(0); 146 transition-delay:0s; 147} 148.header__nav .nav > .menu-item-has-children > .sub-menu a{ 149 display:flex; 150 align-items:center; 151 min-height:42px; 152 padding:10px 12px; 153 border-radius:10px; 154 color:var(--text); 155 font-size:13px; 156 line-height:1.35; 157 text-decoration:none; 158} 159.header__nav .nav > .menu-item-has-children > .sub-menu a:hover, 160.header__nav .nav > .menu-item-has-children > .sub-menu a:focus-visible{ 161 background:color-mix(in srgb, var(--brand) 12%, transparent); 162 text-decoration:none; 163 outline:none; 164} 165 166/* Ferramentas */ 167.header__tools{ display:flex; align-items:center; gap:8px; padding-left:8px } 168.search-mini{ position:relative; } 169.search-mini svg{ 170 position:absolute; 171 left:12px; 172 top:50%; 173 transform:translateY(-50%); 174 width:16px; 175 height:16px; 176 color:color-mix(in srgb, var(--muted) 72%, transparent); 177 pointer-events:none; 178} 179.search-mini input{ width:210px; max-width:42vw; background:var(--surface); color:var(--text); border:var(--b); border-radius:10px; padding:10px 12px 10px 36px; font-size:13px } 180.search-mini input::placeholder{ color:color-mix(in srgb, var(--muted) 58%, #fff); opacity:1 } 181.search-trigger{ 182 display:none; 183 appearance:none; 184 border:var(--b); 185 background:var(--surface); 186 color:var(--text); 187 width:46px; 188 height:46px; 189 border-radius:14px; 190 cursor:pointer; 191 align-items:center; 192 justify-content:center; 193 transition:transform .3s var(--e), box-shadow .35s var(--e), background .3s var(--e); 194 box-shadow:0 6px 20px rgba(15,23,42,.10); 195} 196.search-trigger svg{ width:22px; height:22px } 197.search-trigger:hover{ transform:translateY(-1px); box-shadow:0 10px 26px rgba(15,23,42,.18) } 198.search-trigger:focus-visible{ outline:2px solid var(--brand); outline-offset:4px } 199 200.search-overlay{ 201 position:fixed; 202 inset:0; 203 display:flex; 204 align-items:center; 205 justify-content:center; 206 padding:24px; 207 background:color-mix(in srgb, var(--bg) 75%, rgba(0,0,0,.55)); 208 backdrop-filter:saturate(1.3) blur(22px); 209 z-index:130; 210 opacity:0; 211 pointer-events:none; 212 transition:opacity .35s var(--e); 213} 214.search-overlay.is-open{ opacity:1; pointer-events:auto } 215.search-overlay__panel{ 216 width:min(720px, 92vw); 217 background:var(--surface); 218 border:var(--b); 219 border-radius:28px; 220 box-shadow:0 30px 60px rgba(15,23,42,.32); 221 padding:28px 24px 32px; 222 display:flex; 223 flex-direction:column; 224 gap:18px; 225} 226.search-overlay__header{ display:flex; justify-content:space-between; align-items:center; gap:16px } 227.search-overlay__title{ font-size:20px; font-weight:700; margin:0 } 228.search-overlay__close{ 229 appearance:none; 230 border:var(--b); 231 background:color-mix(in srgb, var(--surface) 100%, transparent); 232 color:var(--text); 233 border-radius:14px; 234 width:44px; 235 height:44px; 236 display:grid; 237 place-items:center; 238 cursor:pointer; 239} 240.search-overlay__close:focus-visible{ outline:2px solid var(--brand); outline-offset:4px } 241.search-overlay__form{ display:flex; flex-direction:column; gap:12px } 242.search-overlay__input{ 243 display:flex; 244 align-items:center; 245 gap:12px; 246 background:color-mix(in srgb, var(--bg) 40%, var(--surface)); 247 border-radius:18px; 248 padding:10px 18px; 249 border:var(--b); 250} 251.search-overlay__input svg{ width:24px; height:24px; color:var(--muted) } 252.search-overlay__input input{ 253 border:0; 254 background:transparent; 255 color:var(--text); 256 width:100%; 257 font-size:18px; 258 font-weight:600; 259} 260.search-overlay__input input::placeholder{ color:var(--muted) } 261.search-overlay__hint{ margin:0; color:var(--muted); font-size:14px } 262.search-overlay__cta{ font-size:13px; color:var(--muted); margin:0 } 263 264/* Toggle mobile */ 265.header__toggle{ 266 display:none; 267 appearance:none; 268 border:var(--b); 269 background:var(--surface); 270 color:var(--text); 271 width:46px; 272 height:46px; 273 border-radius:14px; 274 cursor:pointer; 275 align-items:center; 276 justify-content:center; 277 position:relative; 278 transition:transform .3s var(--e), box-shadow .35s var(--e), background .3s var(--e); 279 box-shadow:0 6px 20px rgba(15,23,42,.12); 280} 281.header__toggle::after{ 282 content:""; 283 position:absolute; 284 inset:0; 285 border-radius:inherit; 286 background:var(--brand); 287 opacity:0; 288 transform:scale(.6); 289 transition:opacity .35s var(--e), transform .35s var(--e); 290 z-index:0; 291} 292.header__toggle:hover{ 293 transform:translateY(-1px); 294 box-shadow:0 10px 26px rgba(15,23,42,.18); 295} 296.header__toggle:focus-visible{ 297 outline:2px solid var(--brand); 298 outline-offset:4px; 299} 300.header__toggle[aria-expanded="true"]{ 301 background:color-mix(in srgb, var(--brand) 18%, var(--surface)); 302 box-shadow:0 14px 32px rgba(37,99,235,.25); 303} 304.header__toggle[aria-expanded="true"]::after{ 305 opacity:.18; 306 transform:scale(1.05); 307} 308.header__toggle-outer{ 309 position:relative; 310 z-index:1; 311 width:26px; 312 height:26px; 313 display:block; 314} 315.header__toggle-icon{ 316 width:100%; 317 height:100%; 318} 319.header__toggle-line{ 320 stroke:currentColor; 321 stroke-width:2.4; 322 stroke-linecap:round; 323 /* SVG: sem isso o transform-origin pode âescaparâ e desalinha o X */ 324 transform-box: fill-box; 325 transform-origin: center; 326 transition:transform .35s var(--e), opacity .25s var(--e); 327} 328.header__toggle[aria-expanded="true"] .header__toggle-line--top{ 329 transform:translateY(5px) rotate(45deg); 330} 331.header__toggle[aria-expanded="true"] .header__toggle-line--middle{ 332 opacity:0;
333 transform:scaleX(0); 334} 335.header__toggle[aria-expanded="true"] .header__toggle-line--bottom{ 336 transform:translateY(-5px) rotate(-45deg); 337} 338 339/* Drawer Mobile */ 340.drawer{ display:block; border-top:var(--b); background:var(--surface); overflow:hidden; max-height:0; opacity:0; pointer-events:none; transition:max-height .35s var(--e), opacity .25s var(--e) } 341.drawer.is-open{ max-height:80vh; opacity:1; pointer-events:auto } 342.drawer__inner{ max-width:var(--max); margin:0 auto; padding:8px 16px 12px } 343.drawer .nav{ display:block } 344.drawer .nav > li{ border-bottom:1px solid color-mix(in srgb, var(--text) 6%, transparent) } 345.drawer .nav > li:last-child{ border-bottom:0 } 346.drawer .nav a{ display:flex; padding:12px; border-radius:10px 10px 0 0 } 347.drawer .sub-menu{ display:none; padding:0px 0px 11px 0px; position:static; border:0; box-shadow:none } 348.drawer .menu-item-has-children.is-open > .sub-menu{ display:block } 349.drawer__actions{ margin-top:16px; padding-top:16px; border-top:var(--b); display:flex; justify-content:center } 350.drawer__actions:empty{ display:none } 351.drawer__actions .theme-toggle{ width:100%; justify-content:center } 352 353/* Bartop (desktop) */ 354.bartop{ background:var(--surface); color:var(--muted); border-bottom:var(--b); font-size:13px; line-height:1.2 } 355.bartop__wrap{ max-width:var(--max); margin:0 auto; padding:6px 16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:end } 356.bartop__nav{ display:flex; gap:12px; margin:0; padding:0; list-style:none; flex-wrap:wrap } 357.bartop__nav a{ display:inline-flex; padding:6px 8px; border-radius:8px; text-decoration:none; color:var(--muted); white-space:nowrap } 358.bartop__nav a:hover{ background:color-mix(in srgb, var(--text) 6%, transparent) } 359 360/* Bartop dentro do submenu (mobile) */ 361.drawer .sub-menu .bartop-item{ padding:0; border:0 } 362.drawer .drawer__bartop{ border:var(--b); border-radius:0 0 12px; overflow:hidden; background:color-mix(in srgb, var(--surface) 100%, transparent) } 363.drawer .drawer__bartop .bartop{ background:transparent; border:0 } 364.drawer .drawer__bartop .bartop__wrap{ padding:10px 8px } 365 366/* Responsivo */ 367@media (max-width: 960px){ 368 .header__title{ display:none } 369 .header__toggle{ display:inline-flex } 370 .search-mini{ display:none } 371 .search-trigger{ display:inline-flex } 372 /* No mobile, mantém os Ãcones alinhados à direita */ 373 .header__tools{ margin-left:auto; justify-content:flex-end; padding-left:0 } 374} 375.screen-reader-text{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 } 376.screen-reader-text:focus{ position:static; width:auto; height:auto; margin:0; clip:auto; overflow:visible; white-space:normal; background:#000; color:#fff; padding:8px 12px; border-radius:6px; z-index:1000 } 377@media (prefers-reduced-motion: reduce){ *{ transition:none!important; animation:none!important } } 378 379/* Tema */ 380.theme-toggle{ display:flex; align-items:center; padding:4px; background:var(--surface); border-radius:12px; border:var(--b) } 381.theme-toggle button{ appearance:none; background:transparent; border:0; padding:4px; border-radius:10px; cursor:pointer; line-height:0; display:grid; place-items:center; color:var(--text); transition:background .2s ease } 382.theme-toggle button:hover{ background:color-mix(in srgb, var(--text) 6%, transparent) } 383.theme-toggle button[aria-pressed="true"]{ background:color-mix(in srgb, var(--brand) 18%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent) } 384.theme-toggle__icon{ display:none } 385html[data-theme="light"] .theme-toggle__icon--moon, 386html[data-theme="dark"] .theme-toggle__icon--sun{ display:inline-flex } 387 388/* Ajustes mobile extras */ 389@media (max-width:600px) { 390 .bartop__brand{ display:none; } 391 .nav .sub-menu a{ 392 display:flex; border-radius:0; margin:0 10px; 393 border-bottom:1px solid color-mix(in srgb, var(--text) 6%, transparent); 394 padding:0 0 12px !important; 395 } 396 .bartop__nav{ flex-direction:column; width:100%; } 397} 398 399/* Logos */ 400.logo-light{ display:block } .logo-dark{ display:none } .custom-logo{ width:150px; height:auto } 401html[data-theme="dark"] .logo-light{ display:none } html[data-theme="dark"] .logo-dark{ display:block } 402</style> 403</head> 404<body class="archive category category-finances category-10 wp-theme-spun"> 405 406<div id="spun-preloader" class="spun-preloader" role="status" aria-l
406ive="polite" aria-label="Loading..."> 407 <div class="spun-spinner" aria-hidden="true"></div> 408 <div class="spun-preloader__text">Loading...</div> 409 <span class="sr-only">Loading...</span> 410</div> 411<noscript><style>#spun-preloader{display:none}</style></noscript> 412 413<!-- Template para clonar a Bartop dentro do menu mobile --> 414 415<header class="header" role="banner"> 416 <div class="header__wrap"> 417 <a class="header__brand" href="https://thecredito.com.br/" aria-label="The Crédito"> 418 <span class="header__logo" role="img" aria-label="The Crédito"> 419 <img class="logo-light" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" alt="The Crédito" /> 420 <img class="logo-dark" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" alt="The Crédito" /> 421 </span> 422 </a> 423 424 <nav class="header__nav" id="siteNav" aria-label="Main menu"> 425 <ul id="primaryMenu" class="nav"><li id="menu-item-3380" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3380"><a href="https://thecredito.com.br/">Home</a></li> 426<li id="menu-item-3377" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3377"><a href="https://thecredito.com.br/category/credit-card/">Credit card</a></li> 427<li id="menu-item-3375" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-3375"><a href="https://thecredito.com.br/category/finances/" aria-current="page">Finances</a></li> 428<li id="menu-item-3376" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3376"><a href="https://thecredito.com.br/category/investments/">Investments</a></li> 429<li id="menu-item-3516" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3516"><a href="#">Legal</a> 430<ul class="sub-menu"> 431 <li id="menu-item-3514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3514"><a href="https://thecredito.com.br/about-us/">About Us</a></li> 432 <li id="menu-item-3513" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3513"><a href="https://thecredito.com.br/terms-of-use/">Terms of Use</a></li> 433 <li id="menu-item-3515" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3515"><a href="https://thecredito.com.br/privacy-policy/">Privacy Policy</a></li> 434 <li id="menu-item-3512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3512"><a href="https://thecredito.com.br/legal-notice-disclaimer/">Legal Notice (Disclaimer)</a></li> 435</ul> 436</li> 437</ul> </nav> 438 439 <div class="header__tools"> 440 <form class="search-mini" role="search" method="get" action="https://thecredito.com.br/"> 441 <label class="screen-reader-text" for="s-mini">Search for:</label> 442 <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 443 <path fill="currentColor" d="M10.5 3a7.5 7.5 0 0 1 5.95 12.04l4.16 4.17a1.25 1.25 0 1 1-1.77 1.76l-4.16-4.16A7.5 7.5 0 1 1 10.5 3Zm0 2.5a5 5 0 1 0 0 10.01 5 5 0 0 0 0-10.01Z"/> 444 </svg> 445 <input id="s-mini" type="search" name="s" placeholder="Search hereâ¦" value=""> 446 </form> 447 <div class="theme-toggle" style="display:none"> 448 <button type="button" id="themeToggle" aria-pressed="false" aria-label="Toggle theme" disabled='disabled'> 449 <span class="screen-reader-text">Toggle theme</span> 450 <span class="theme-toggle__icon theme-toggle__icon--sun" aria-hidden="true"> 451 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 4.5a1 1 0 0 0 1-1V2a1 1 0 1 0-2 0v1.5a1 1 0 0 0 1 1ZM5.64 6.05a1 1 0 0 0 1.41-1.41L6 3.59A1 1 0 1 0 4.59 5l1.05 1.05ZM4.5 12a1 1 0 0 0-1-1H2a1 1 0 1 0 0 2h1.5a1 1 0 0 0 1-1Zm2.55 6.36L6 19.41A1 1 0 0 0 7.41 21l1.05-1.05a1 1 0 1 0-1.41-1.41ZM12 19.5a1 1 0 0 0-1 1V22a1 1 0 1 0 2 0v-1.5a1 1 0 0 0-1-1Zm6.36-2.55a1 1 0 1 0-1.41 1.41L18.41 21A1 1 0 0 0 19.82 19.59l-1.46-1.46ZM22 11h-1.5a1 1 0 0 0 0 2H22a1 1 0 1 0 0-2Zm-3.59-6.41L17.36 6.05a1 1 0 0 0 1.41 1.41L21 4.59A1 1 0 0 0 20.59 3.18 1 1 0 0 0 18.41 4.59ZM12 7.5A4.5 4.5 0 1 0 16.5 12 4.51 4.51 0 0 0 12 7.5Z"/></svg> 452 </span>
453 <span class="theme-toggle__icon theme-toggle__icon--moon" aria-hidden="true"> 454 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79Z"/></svg> 455 </span> 456 </button> 457 </div> 458 <button 459 type="button" 460 class="search-trigger" 461 id="searchTrigger" 462 aria-haspopup="dialog" 463 aria-controls="searchOverlay" 464 aria-expanded="false" 465 data-open-label="Open search" 466 data-close-label="Close search" 467 aria-label="Open search"> 468 <span class="screen-reader-text">Open search</span> 469 <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 470 <path fill="currentColor" d="M10.5 3a7.5 7.5 0 0 1 5.95 12.04l4.16 4.17a1.25 1.25 0 1 1-1.77 1.76l-4.16-4.16A7.5 7.5 0 1 1 10.5 3Zm0 2.5a5 5 0 1 0 0 10.01 5 5 0 0 0 0-10.01Z"/> 471 </svg> 472 </button> 473 <button 474 class="header__toggle" 475 id="navToggle" 476 aria-controls="mobileNav" 477 aria-expanded="false" 478 aria-label="Open menu" 479 data-open-label="Open menu" 480 data-close-label="Close menu"> 481 <span class="header__toggle-outer" aria-hidden="true"> 482 <svg class="header__toggle-icon" viewBox="0 0 24 24" role="presentation"> 483 <line class="header__toggle-line header__toggle-line--top" x1="5" y1="7" x2="19" y2="7" /> 484 <line class="header__toggle-line header__toggle-line--middle" x1="5" y1="12" x2="19" y2="12" /> 485 <line class="header__toggle-line header__toggle-line--bottom" x1="5" y1="17" x2="19" y2="17" /> 486 </svg> 487 </span> 488 </button> 489 </div> 490 </div> 491 492 <div class="drawer" id="mobileNav" aria-hidden="true"> 493 <div class="drawer__inner" id="drawerInner"> 494 <div class="drawer__menu" id="drawerMenu"></div> 495 <div class="drawer__actions" id="drawerActions"></div> 496 </div> 497 </div> 498</header> 499 500<div class="search-overlay" id="searchOverlay" role="dialog" aria-modal="true" aria-hidden="true"> 501 <div class="search-overlay__panel"> 502 <div class="search-overlay__header"> 503 <p class="search-overlay__title">Search the site</p> 504 <button type="button" class="search-overlay__close" data-close="search" aria-label="Close search"> 505 <span aria-hidden="true">×</span> 506 </button> 507 </div> 508 <form class="search-overlay__form" role="search" method="get" action="https://thecredito.com.br/"> 509 <label class="screen-reader-text" for="s-overlay">Search for:</label> 510 <div class="search-overlay__input"> 511 <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M10.5 3a7.5 7.5 0 0 1 5.95 12.04l4.16 4.17a1.25 1.25 0 1 1-1.77 1.76l-4.16-4.16A7.5 7.5 0 1 1 10.5 3Zm0 2.5a5 5 0 1 0 0 10.01 5 5 0 0 0 0-10.01Z"/></svg> 512 <input id="s-overlay" type="search" name="s" placeholder="Type your search" value="" autocomplete="off"> 513 </div> 514 <p class="search-overlay__hint">Press Enter to search or ESC to close.</p> 515 </form> 516 <p class="search-overlay__cta">Tip: you can open search by tapping the magnifying glass icon at the top.</p> 517 </div> 518</div> 519
520<script> 521/* Move o menu para o drawer no mobile */ 522(function(){ 523 const m = window.matchMedia('(max-width: 960px)'); 524 const siteNav = document.getElementById('siteNav'); 525 const primaryMenu = document.getElementById('primaryMenu'); 526 const drawerInner = document.getElementById('drawerInner'); 527 const drawerMenu = document.getElementById('drawerMenu'); 528 const drawerActions = document.getElementById('drawerActions'); 529 const headerTools = document.querySelector('.header__tools'); 530 const themeToggleBox = document.querySelector('.theme-toggle'); 531 const navToggle = document.getElementById('navToggle'); 532 if(!siteNav || !primaryMenu || !drawerInner || !drawerMenu || !drawerActions || !headerTools) return; 533 534 function relocate(e){ 535 if(e.matches){ 536 if(primaryMenu.parentElement !== drawerMenu) drawerMenu.appendChild(primaryMenu); 537 siteNav.style.display = 'none'; 538 if(themeToggleBox && themeToggleBox.parentElement !== drawerActions){ 539 drawerActions.appendChild(themeToggleBox); 540 } 541 }else{ 542 if(primaryMenu.parentElement !== siteNav) siteNav.appendChild(primaryMenu); 543 siteNav.style.display = ''; 544 if(themeToggleBox && themeToggleBox.parentElement !== headerTools){ 545 const reference = (navToggle && headerTools.contains(navToggle)) ? navToggle : null; 546 headerTools.insertBefore(themeToggleBox, reference); 547 } 548 } 549 } 550 relocate(m); m.addEventListener('change', relocate); 551})(); 552</script>
552 553 554
555<script> 556/* Toggle do drawer + a11y */ 557(function(){ 558 const btn = document.getElementById('navToggle'); 559 const drawer = document.getElementById('mobileNav'); 560 const inner = document.getElementById('drawerInner'); 561 if(!btn || !drawer || !inner) return; 562 const openLabel = btn.getAttribute('data-open-label') || btn.getAttribute('aria-label') || 'Menu'; 563 const closeLabel = btn.getAttribute('data-close-label') || openLabel; 564 btn.setAttribute('aria-label', openLabel); 565 566 let open = false, lastFocus = null; 567 function setState(on){ 568 open = !!on; 569 btn.setAttribute('aria-expanded', on ? 'true' : 'false'); 570 btn.setAttribute('aria-label', on ? closeLabel : openLabel); 571 drawer.classList.toggle('is-open', on); 572 drawer.setAttribute('aria-hidden', on ? 'false' : 'true'); 573 document.body.style.overflow = on ? 'hidden' : ''; 574 if(on){ 575 lastFocus = document.activeElement; 576 const first = drawer.querySelector('a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])'); 577 if(first) first.focus({preventScroll:true}); 578 }else if(lastFocus){ try{ lastFocus.focus({preventScroll:true}); }catch(_){} } 579 } 580 btn.addEventListener('click', ()=> setState(!open)); 581 document.addEventListener('keydown', e => { if(e.key === 'Escape' && open) setState(false); }); 582 document.addEventListener('click', e => { 583 if(!open) return; 584 if(!(btn.contains(e.target) || drawer.contains(e.target))) setState(false); 585 }); 586 document.addEventListener('keydown', e => { 587 if(!open || e.key !== 'Tab') return; 588 const f = drawer.querySelectorAll('a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])'); 589 if(!f.length) return; const first = f[0], last = f[f.length-1]; 590 if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); } 591 else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); } 592 }); 593})(); 594</script>
594 595
596<script> 597/* Submenus mobile: toggle abrir/fechar (delegado) + aria-expanded + acordeão */ 598(function(){ 599 const m = window.matchMedia('(max-width: 960px)'); 600 const inner = document.getElementById('drawerInner'); 601 if(!inner) return; 602 603 const ACCORDION = true; // false = permite vários abertos 604 605 function toggleItem(a){ 606 const li = a.closest('.menu-item-has-children'); 607 if(!li) return; 608 609 const willOpen = !li.classList.contains('is-open'); 610 611 if(ACCORDION && willOpen){ 612 const siblings = li.parentElement ? li.parentElement.children : []; 613 for(const sib of siblings){ 614 if(sib !== li && sib.classList && sib.classList.contains('is-open')){ 615 sib.classList.remove('is-open'); 616 const link = sib.querySelector(':scope > a'); 617 if(link) link.setAttribute('aria-expanded','false'); 618 } 619 } 620 } 621 622 li.classList.toggle('is-open', willOpen); 623 a.setAttribute('aria-expanded', willOpen ? 'true' : 'false'); 624 } 625 626 inner.addEventListener('click', function(ev){ 627 if(!m.matches) return; 628 // casa tanto o padrão WP quanto nosso item com data-toggle 629 const a = ev.target.closest('.menu-item-has-children > a, [data-toggle="submenu"]'); 630 if(!a || !inner.contains(a)) return; 631 ev.preventDefault(); 632 ev.stopPropagation(); 633 toggleItem(a); 634 }, { passive:false }); 635 636 // Fecha todos os submenus ao fechar o drawer ou ao apertar ESC dentro do drawer 637 document.addEventListener('keydown', function(ev){ 638 if(!m.matches || ev.key !== 'Escape') return; 639 if(!inner.closest('.drawer').classList.contains('is-open')) return; 640 inner.querySelectorAll('.menu-item-has-children.is-open').forEach(li=>{ 641 li.classList.remove('is-open'); 642 const link = li.querySelector(':scope > a'); if(link) link.setAttribute('aria-expanded','false'); 643 }); 644 }); 645 646 // Ao sair do mobile, garante tudo fechado 647 m.addEventListener('change', function(e){ 648 if(!e.matches){ 649 inner.querySelectorAll('.menu-item-has-children.is-open').forEach(li=>{ 650 li.classList.remove('is-open'); 651 const link = li.querySelector(':scope > a'); if(link) link.setAttribute('aria-expanded','false'); 652 }); 653 } 654 }); 655})(); 656</script>
656 657
658<script> 659/* Theme toggle */ 660(function(){ 661 var allowDark = false; 662 const KEY = 'site-theme'; 663 const root = document.documentElement; 664 const toggleBtn = document.getElementById('themeToggle'); 665 if(!allowDark){ 666 root.setAttribute('data-theme', 'light'); 667 try{ localStorage.setItem(KEY, 'light'); }catch(e){} 668 if (toggleBtn) { 669 toggleBtn.setAttribute('aria-pressed', 'false'); 670 toggleBtn.disabled = true; 671 } 672 return; 673 } 674 if(!toggleBtn) return; 675 function apply(mode){ 676 const next = mode === 'dark' ? 'dark' : 'light'; 677 root.setAttribute('data-theme', next); 678 toggleBtn.setAttribute('aria-pressed', next === 'dark' ? 'true' : 'false'); 679 } 680 function set(mode){ 681 localStorage.setItem(KEY, mode); 682 apply(mode); 683 } 684 function toggle(){ 685 const current = root.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'; 686 set(current === 'dark' ? 'light' : 'dark'); 687 } 688 apply(localStorage.getItem(KEY) === 'dark' ? 'dark' : 'light'); 689 toggleBtn.addEventListener('click', toggle); 690 document.addEventListener('keydown', e=>{ if(e.shiftKey && e.key.toLowerCase()==='t'){ toggle(); } }); 691})(); 692</script>
692 693
694<script> 695/* Busca tela cheia (mobile / overlay) */ 696(function(){ 697 const trigger = document.getElementById('searchTrigger'); 698 const overlay = document.getElementById('searchOverlay'); 699 if(!trigger || !overlay) return; 700 const closeBtn = overlay.querySelector('[data-close="search"]'); 701 const input = overlay.querySelector('input[type="search"]'); 702 let open = false, lastFocus = null, prevOverflow = ''; 703 const openLabel = trigger.getAttribute('data-open-label') || trigger.getAttribute('aria-label') || 'Buscar'; 704 const closeLabel = trigger.getAttribute('data-close-label') || openLabel; 705 trigger.setAttribute('aria-label', openLabel); 706 707 function setState(next){ 708 if(open === next) return; 709 open = next; 710 overlay.classList.toggle('is-open', next); 711 overlay.setAttribute('aria-hidden', next ? 'false' : 'true'); 712 trigger.setAttribute('aria-expanded', next ? 'true' : 'false'); 713 trigger.setAttribute('aria-label', next ? closeLabel : openLabel); 714 if(next){ 715 lastFocus = document.activeElement; 716 prevOverflow = document.body.style.overflow || ''; 717 document.body.style.overflow = 'hidden'; 718 setTimeout(()=>{ if(input) input.focus({preventScroll:true}); }, 60); 719 }else{ 720 document.body.style.overflow = prevOverflow || ''; 721 prevOverflow = ''; 722 if(lastFocus){ try{ lastFocus.focus({preventScroll:true}); }catch(_){ } } 723 } 724 } 725 726 trigger.addEventListener('click', ()=> setState(true)); 727 if(closeBtn) closeBtn.addEventListener('click', ()=> setState(false)); 728 overlay.addEventListener('click', e=>{ if(e.target === overlay) setState(false); }); 729 document.addEventListener('keydown', e=>{ if(e.key === 'Escape' && open) setState(false); }); 730 731 overlay.addEventListener('keydown', e=>{ 732 if(!open || e.key !== 'Tab') return; 733 const focusable = overlay.querySelectorAll('a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])'); 734 if(!focusable.length) return; 735 const first = focusable[0]; 736 const last = focusable[focusable.length-1]; 737 if(e.shiftKey && document.activeElement === first){ 738 e.preventDefault(); last.focus(); 739 }else if(!e.shiftKey && document.activeElement === last){ 740 e.preventDefault(); first.focus(); 741 } 742 }); 743})(); 744</script>
744 745 746<!-- Mantém o mesmo controle de tema claro/escuro -->
747<script> 748(function(){ 749 try{ 750 var allowDark = false; 751 var saved = localStorage.getItem('site-theme'); // 'light' | 'dark' 752 var mode = (saved==='dark'||saved==='light') ? saved : 'light'; 753 if (!allowDark) { 754 mode = 'light'; 755 localStorage.setItem('site-theme', 'light'); 756 } 757 document.documentElement.setAttribute('data-theme', mode); 758 }catch(e){} 759})(); 760</script>
760 761 762<style> 763/* ================= TOKENS DE TEMA ================= */ 764:root{ 765 --bg:#f7f8fb; --surface:#ffffff; --card:#ffffff; --text:#0f172a; --muted:#475569; --stroke:#e7eaf0; --b:1px solid var(--stroke); 766 --accent:#3366cc; --accent-2:#05c46b; 767 --max:1280px; --r:14px; --shadow:0 10px 30px rgba(15,23,42,.10); 768} 769html[data-theme="dark"]{ 770 --bg:#0b0d10; --surface:#0d1117; --card:#11161d; --text:#e8eef5; --muted:#7b8a9a; --stroke:rgba(255,255,255,.08); --b:1px solid var(--stroke); 771 --shadow:0 10px 30px rgba(0,0,0,.25); 772} 773 774*{box-sizing:border-box} 775body{background:var(--bg); color:var(--text); margin:0; -webkit-font-smoothing:antialiased} 776a{color:inherit; text-decoration:none} 777img{max-width:100%; height:auto; display:block} 778.container{max-width:var(--max); margin:0 auto; padding:0 16px} 779 780/* ====== Header da categoria ====== */ 781.cathead{ 782 background: 783 radial-gradient(900px 400px at 10% -10%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 55%), 784 radial-gradient(700px 320px at 110% -20%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 55%), 785 var(--surface); 786 border-bottom:var(--b); 787} 788.cathead__wrap{padding:36px 16px} 789.cathead__title{font-size:clamp(26px,4.6vw,38px); line-height:1.15; margin:0 0 8px} 790.cathead__desc{color:var(--muted); font-size:15px; max-width:820px} 791.cathead__author{display:grid; grid-template-columns:80px minmax(0, 1fr); gap:16px; align-items:center} 792.cathead__avatar img{width:80px; height:80px; border-radius:50%; object-fit:cover; border:var(--b); background:var(--card)} 793@media (max-width: 520px){ 794 .cathead__author{grid-template-columns:1fr} 795} 796 797/* ====== Layout principal ====== */ 798.layout{ 799 display:grid; gap:22px; 800 grid-template-columns: minmax(0, 1fr); 801} 802 803 804/* ====== Ads containers + label ====== */ 805/* Label + placeholder */ 806.ad{ display:grid; gap:6px; } 807.ad__label{ 808 font-size:11px; letter-spacing:.08em; text-transform:uppercase; 809 color:var(--muted); 810} 811 812/* Slot lateral: caixa e borda */ 813.ad-slot{ 814 background: var(--card); 815 border: var(--b); 816 border-radius: 12px; 817 display:flex; align-items:center; justify-content:center; 818 color:var(--muted); 819 text-align:center; 820 padding:8px; 821} 822 823/* Lateral: sticky + animação suave (faux drift usa transform) */ 824.ad-slot--side{ 825 position: sticky; 826 top: 88px; /* ajuste conforme seu header */ 827 will-change: transform; 828 /* dimensões serão definidas via data-size + aspect-ratio */ 829} 830 831/* Tamanhos responsivos (placeholder âexatoâ) */ 832.ad-slot--side[data-size="300x250"]{ 833 width: min(100%, 300px); 834 aspect-ratio: 300 / 250; 835} 836.ad-slot--side[data-size="336x280"]{ 837 width: min(100%, 336px); 838 aspect-ratio: 336 / 280; 839} 840 841/* Visual do placeholder (listras sutis) */ 842.ad-slot::before{ 843 content:""; 844 position:absolute; inset:0; 845 border-radius:12px; 846 background-image: repeating-linear-gradient( 847 45deg, 848 color-mix(in srgb, var(--muted) 12%, transparent) 0 10px, 849 transparent 10px 20px 850 ); 851 opacity:.08; 852 pointer-events:none; 853} 854.ad-slot--top{ margin:6px 0 4px; min-height: 90px; } 855.ad-slot--inlist{ margin:8px 0 } 856.ad-slot--side{ position:sticky; top:88px; min-height: 250px; } 857 858.archive-main { 859 padding-top: 16px; 860} 861 862/* ====== Lista de posts (itens horizontais) ====== */ 863.posts-list{display:grid; gap:14px} 864.postit{ 865 display:grid; gap:14px; 866 grid-template-columns: 160px 1fr; 867 background:var(--card); border:var(--b); border-radius:16px; overflow:hidden; box-shadow:none; 868 transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; 869 padding:12px; 870} 871.postit:hover{ box-shadow:var(--shadow); transform: translateY(-2px); border-color:color-mix(in srgb, var(--text) 12%, transparent) } 872.postit__media{ 873 border-radius:12px; overflow:hidden; background:color-mix(in srgb, var(--text) 8%, transparent); 874 aspect-ratio: 16/10; 875} 876.postit__media img{ width:100%; height:100%; object-fit:cover } 877.postit__body{ display:flex; flex-direction:column; min-width:0 } 878.postit__kicker{ 879 display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; margin-bottom:6px; 880} 881.kdot{ width:4px; height:4px; border-radius:50%; background:color-mix(in srgb, var(--text) 30%, transparent) } 882.postit__title{ font-size:clamp(18px, 2.2vw, 20px); line-height:1.25; margin:0 0 6px } 883.postit__title a{text-decoration:none} 884.postit__excerpt{ color: color-mix(in srgb, var(--text) 82%, #fff 0%); font-size:14px; line-height:1.55; margin:0 0 10px } 885html[data-theme="dark"] .postit__excerpt{ color:#cdd6df } 886.postit__meta{ display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; margin-top:auto } 887.postit__read{ margin-left:auto; font-weight:700; font-size:13px; color:#2b5bff } 888.postit__read:hover{ filter:brightness(1.12) } 889 890@media (max-width: 620px){ 891 .postit{ grid-template-columns: 1fr; padding:10px } 892 .postit__media{ aspect-ratio: 16/9 } 893} 894 895/* ====== Sidebar (oculta) ====== */ 896.sidebar{ 897 display:none; 898} 899.sidebox{ 900 background:var(--card); border:var(--b); border-radius:14px; padding:14px; 901} 902.sidebox__title{ font-size:14px; font-weight:700; margin:0 0 10px } 903.side-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:14px } 904.side-list a{text-decoration:none} 905 906/* ====== Paginação ====== */ 907.pag{display:flex; gap:8px; justify-content:center; margin-top:20px; flex-wrap:wrap} 908.pag a, .pag span{ 909 padding:8px 12px; border-radius:10px; border:var(--b); background:var(--card); font-size:14px; color:var(--text) 910} 911.pag .current{background:linear-gradient(135deg, var(--accent), #5a8bff); color:#fff; border-color:transparent} 912 913/* Acessibilidade */ 914.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} 915.screen-reader-text:focus{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;background:#000;color:#fff;padding:8px 12px;border-radius:6px;z-index:1000} 916</style> 917 918<main id="primary" class="site-main"> 919 920 <!-- ====== HEADER DO ARQUIVO ====== --> 921 <section class="cathead" aria-labelledby="cat-title"> 922 <div class="container cathead__wrap"> 923 <h1 id="cat-title" class="cathead__title">Finances</h1> 924 925 <!-- AD: Topo da página (compatÃvel com seu script) --> 926 <!-- AD: Topo da página --> 927 928 </div> 929 </section> 930 931 <!-- ====== CONTEÃDO + SIDEBAR ====== --> 932 <section class="archive-main" aria-labelledby="list-title"> 933 <div class="container"> 934 <div class="layout"> 935 <!-- Conteúdo --> 936 <div> 937 <h2 id="list-title" class="screen-reader-text">Finances</h2> 938 939 <div class="posts-list"> 940 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 941 <a class="postit__media" href="https://thecredito.com.br/financial-resilience-in-the-u-s-how-everyday-planning-can-strengthen-household-finances/" aria-label="Financial resilience in the U.S.: how everyday planning can strengthen household finances"> 942 <img width="768" height="429" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/10/Man-attaching-a-store-receipt-to-a-journal-near-a-piggy-bank-coffee-mug-coins-and-plant-768x429.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Financial resilience in the U.S.: how everyday planning can strengthen household finances" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220p
942x, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/10/Man-attaching-a-store-receipt-to-a-journal-near-a-piggy-bank-coffee-mug-coins-and-plant-768x429.webp 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/10/Man-attaching-a-store-receipt-to-a-journal-near-a-piggy-bank-coffee-mug-coins-and-plant-300x168.webp 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/10/Man-attaching-a-store-receipt-to-a-journal-near-a-piggy-bank-coffee-mug-coins-and-plant-1024x572.webp 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/10/Man-attaching-a-store-receipt-to-a-journal-near-a-piggy-bank-coffee-mug-coins-and-plant.webp 1200w" /> </a> 943 <div class="postit__body"> 944 <div class="postit__kicker"> 945 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2026-10-06T12:48:58+00:00">October 6, 2026</time> 946 </div> 947 <h3 class="postit__title" itemprop="headline"> 948 <a href="https://thecredito.com.br/financial-resilience-in-the-u-s-how-everyday-planning-can-strengthen-household-finances/">Financial resilience in the U.S.: how everyday planning can strengthen household finances</a> 949 </h3> 950 <p class="postit__excerpt" itemprop="description">Managing personal finances is not simply about earning more or spending less. A strong financial strategy connects daily decisions with longer-term goals, helping households handle unexpected expenses whileâ¦</p> 951 <div class="postit__meta"> 952 <span>Leonardo Sanchez</span> 953 <a class="postit__read" href="https://thecredito.com.br/financial-resilience-in-the-u-s-how-everyday-planning-can-strengthen-household-finances/" aria-label="Read more: Financial resilience in the U.S.: how everyday planning can strengthen household finances"> 954 Read more â 955 </a> 956 </div> 957 </div> 958 </article> 959 960 961 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 962 <a class="postit__media" href="https://thecredito.com.br/finances-in-the-united-states-how-financial-organization-can-shape-everyday-decisions/" aria-label="Finances in the United States: how financial organization can shape everyday decisions"> 963 <img width="768" height="429" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/09/Hand-holding-a-coffee-mug-while-arranging-stones-on-a-tray-with-cash-and-a-card-nearby-768x429.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Finances in the United States: how financial organization can shape everyday decisions" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/09/Hand-holding-a-coffee-mug-while-arranging-stones-on-a-tray-with-cash-and-a-card-nearby-768x429.webp 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/09/Hand-holding-a-coffee-mug-while-arranging-stones-on-a-tray-with-cash-and-a-card-nearby-300x168.webp 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/09/Hand-holding-a-coffee-mug-while-arranging-stones-on-a-tray-with-cash-and-a-card-nearby-1024x572.webp 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/09/Hand-holding-a-coffee-mug-while-arranging-stones-on-a-tray-with-cash-and-a-card-nearby.webp 1200w" /> </a> 964 <div class="postit__body"> 965 <div class="postit__kicker"> 966 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2026-09-02T12:45:31+00:00">September 2, 2026</time> 967 </div> 968 <h3 class="postit__title" itemprop="headline"> 969 <a href="https://thecredito.com.br/finances-in-the-united-states-how-financial-organization-can-shape-everyday-decisions/">Finances in the United States: how financial organization can shape everyday decisions</a> 970 </h3> 971 <p class="postit__excerpt" itemprop="description">Managing finances is not only about earning more or cutting expenses. It also involves understanding how money moves through daily life, from recurring bills and short-term purchases toâ¦</p> 972 <div class="postit__meta">
973 <span>Giuliana Souto</span> 974 <a class="postit__read" href="https://thecredito.com.br/finances-in-the-united-states-how-financial-organization-can-shape-everyday-decisions/" aria-label="Read more: Finances in the United States: how financial organization can shape everyday decisions"> 975 Read more â 976 </a> 977 </div> 978 </div> 979 </article> 980 981 982 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 983 <a class="postit__media" href="https://thecredito.com.br/financial-resilience-in-the-united-states-practical-foundations-for-managing-money-with-greater-clarity/" aria-label="Financial resilience in the United States: practical foundations for managing money with greater clarity"> 984 <img width="768" height="429" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/imagem_2026-08-14_144925267-768x429.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Financial resilience in the United States: practical foundations for managing money with greater clarity" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/imagem_2026-08-14_144925267-768x429.webp 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/imagem_2026-08-14_144925267-300x168.webp 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/imagem_2026-08-14_144925267-1024x572.webp 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/imagem_2026-08-14_144925267.webp 1200w" /> </a> 985 <div class="postit__body"> 986 <div class="postit__kicker"> 987 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2026-08-14T17:49:58+00:00">August 14, 2026</time> 988 </div> 989 <h3 class="postit__title" itemprop="headline"> 990 <a href="https://thecredito.com.br/financial-resilience-in-the-united-states-practical-foundations-for-managing-money-with-greater-clarity/">Financial resilience in the United States: practical foundations for managing money with greater clarity</a> 991 </h3> 992 <p class="postit__excerpt" itemprop="description">Managing personal finances involves more than tracking income and expenses. It also requires understanding priorities, preparing for uncertainty, and creating routines that support long-term goals. A well-organized financialâ¦</p> 993 <div class="postit__meta"> 994 <span>Giuliana Souto</span> 995 <a class="postit__read" href="https://thecredito.com.br/financial-resilience-in-the-united-states-practical-foundations-for-managing-money-with-greater-clarity/" aria-label="Read more: Financial resilience in the United States: practical foundations for managing money with greater clarity"> 996 Read more â 997 </a> 998 </div> 999 </div> 1000 </article> 1001 1002 1003 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1004 <a class="postit__media" href="https://thecredito.com.br/emergency-fund-why-it-remains-essential-in-any-scenario/" aria-label="Emergency fund: why it remains essential in any scenario"> 1005 <img width="768" height="432" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/07/ChatGPT_Image_31_de_jul__de_2026__16_43_00-768x432.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="Emergency fund: why it remains essential in any scenario" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/07/ChatGPT_Image_31_de_jul__de_2026__16_43_00-768x432.webp 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/07/ChatGPT_Image_31_de_jul__de_2026__16_43_00-300x169.webp 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/07/ChatGPT_Image_31_de_jul__de_2026__16_43_00-1024x576.webp 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/07/ChatGPT_Image_31_de_jul__de_2026__16_43_00.webp 1200w" /> </a> 1006 <div class="postit__body">
1007 <div class="postit__kicker"> 1008 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2026-07-31T19:44:55+00:00">July 31, 2026</time> 1009 </div> 1010 <h3 class="postit__title" itemprop="headline"> 1011 <a href="https://thecredito.com.br/emergency-fund-why-it-remains-essential-in-any-scenario/">Emergency fund: why it remains essential in any scenario</a> 1012 </h3> 1013 <p class="postit__excerpt" itemprop="description">In an ever-evolving economic landscape marked by market shifts, technological disruptions, and unpredictable life events, personal stability can often feel like a moving target. Many people focus intenselyâ¦</p> 1014 <div class="postit__meta"> 1015 <span>Giuliana Souto</span> 1016 <a class="postit__read" href="https://thecredito.com.br/emergency-fund-why-it-remains-essential-in-any-scenario/" aria-label="Read more: Emergency fund: why it remains essential in any scenario"> 1017 Read more â 1018 </a> 1019 </div> 1020 </div> 1021 </article> 1022 1023 1024 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1025 <a class="postit__media" href="https://thecredito.com.br/how-to-pay-off-debt-in-2025/" aria-label="How to Pay Off Debt in 2025: Practical Strategies to Get Out of the Red"> 1026 <img width="768" height="512" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/10/shutterstock_1736913224-scaled-e1760141739451-768x512.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="How to Pay Off Debt in 2025: Practical Strategies to Get Out of the Red" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/10/shutterstock_1736913224-scaled-e1760141739451-768x512.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/10/shutterstock_1736913224-scaled-e1760141739451-300x200.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/10/shutterstock_1736913224-scaled-e1760141739451-1024x683.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/10/shutterstock_1736913224-scaled-e1760141739451.jpg 1280w" /> </a> 1027 <div class="postit__body"> 1028 <div class="postit__kicker"> 1029 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-10-10T04:00:00+00:00">October 10, 2025</time> 1030 </div> 1031 <h3 class="postit__title" itemprop="headline"> 1032 <a href="https://thecredito.com.br/how-to-pay-off-debt-in-2025/">How to Pay Off Debt in 2025: Practical Strategies to Get Out of the Red</a> 1033 </h3> 1034 <p class="postit__excerpt" itemprop="description">How to pay off debt in 2025 continues to be a major financial challenge in the United States. According to recent data from the Federal Reserve and Experianâsâ¦</p> 1035 <div class="postit__meta"> 1036 <span>Victor Santos</span> 1037 <a class="postit__read" href="https://thecredito.com.br/how-to-pay-off-debt-in-2025/" aria-label="Read more: How to Pay Off Debt in 2025: Practical Strategies to Get Out of the Red"> 1038 Read more â 1039 </a> 1040 </div> 1041 </div> 1042 </article> 1043 1044 1045 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1046 <a class="postit__media" href="https://thecredito.com.br/embracing-emerging-technologies-in-the-financial-sector-ai-and-quantum-computing/" aria-label="Embracing emerging technologies in the financial sector: AI and quantum computing"> 1047 <img width="768" height="549" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-768x549.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Embracing emerging technologies in the financial sector: AI and quantum computing" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220p
1047x, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-768x549.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-300x214.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-1024x732.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-1536x1097.jpg 1536w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/emerging-technologies-scaled-1-2048x1463.jpg 2048w" /> </a> 1048 <div class="postit__body"> 1049 <div class="postit__kicker"> 1050 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-07-10T10:30:00+00:00">July 10, 2025</time> 1051 </div> 1052 <h3 class="postit__title" itemprop="headline"> 1053 <a href="https://thecredito.com.br/embracing-emerging-technologies-in-the-financial-sector-ai-and-quantum-computing/">Embracing emerging technologies in the financial sector: AI and quantum computing</a> 1054 </h3> 1055 <p class="postit__excerpt" itemprop="description">The financial industry is undergoing a rapid transformation, propelled by the integration of emerging technologies that promise to reshape traditional systems. Artificial Intelligence (AI) and Quantum Computing areâ¦</p> 1056 <div class="postit__meta"> 1057 <span>Giuliana Souto</span> 1058 <a class="postit__read" href="https://thecredito.com.br/embracing-emerging-technologies-in-the-financial-sector-ai-and-quantum-computing/" aria-label="Read more: Embracing emerging technologies in the financial sector: AI and quantum computing"> 1059 Read more â 1060 </a> 1061 </div> 1062 </div> 1063 </article> 1064 1065 1066 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1067 <a class="postit__media" href="https://thecredito.com.br/the-impact-of-trade-tariffs-on-the-u-s-economy-heading-toward-stagflation/" aria-label="The impact of trade tariffs on the U.S. economy: Heading toward stagflation?"> 1068 <img width="768" height="512" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-768x512.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="The impact of trade tariffs on the U.S. economy: Heading toward stagflation?" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-768x512.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-300x200.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-1024x683.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-1536x1024.jpg 1536w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/trade-tariffs-scaled-1-2048x1366.jpg 2048w" /> </a> 1069 <div class="postit__body"> 1070 <div class="postit__kicker"> 1071 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-07-08T10:30:00+00:00">July 8, 2025</time> 1072 </div> 1073 <h3 class="postit__title" itemprop="headline"> 1074 <a href="https://thecredito.com.br/the-impact-of-trade-tariffs-on-the-u-s-economy-heading-toward-stagflation/">The impact of trade tariffs on the U.S. economy: Heading toward stagflation?</a> 1075 </h3> 1076 <p class="postit__excerpt" itemprop="description">The imposition of trade tariffs has long been a contentious topic in economic policy. In recent years, the United States has implemented various tariffs aimed at protecting domesticâ¦</p> 1077 <div class="postit__meta">
1078 <span>Leonardo Sanchez</span> 1079 <a class="postit__read" href="https://thecredito.com.br/the-impact-of-trade-tariffs-on-the-u-s-economy-heading-toward-stagflation/" aria-label="Read more: The impact of trade tariffs on the U.S. economy: Heading toward stagflation?"> 1080 Read more â 1081 </a> 1082 </div> 1083 </div> 1084 </article> 1085 1086 1087 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1088 <a class="postit__media" href="https://thecredito.com.br/how-tax-reforms-impact-financial-planning-for-americans/" aria-label="How tax reforms impact financial planning for Americans"> 1089 <img width="768" height="494" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-768x494.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="How tax reforms impact financial planning for Americans" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-768x494.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-300x193.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-1024x658.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-1536x987.jpg 1536w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/05/financial-planning-scaled-1-2048x1316.jpg 2048w" /> </a> 1090 <div class="postit__body"> 1091 <div class="postit__kicker"> 1092 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-06-26T10:30:00+00:00">June 26, 2025</time> 1093 </div> 1094 <h3 class="postit__title" itemprop="headline"> 1095 <a href="https://thecredito.com.br/how-tax-reforms-impact-financial-planning-for-americans/">How tax reforms impact financial planning for Americans</a> 1096 </h3> 1097 <p class="postit__excerpt" itemprop="description">Understanding how tax reforms influence everyday financial decisions is crucial for anyone aiming to build a secure financial future. In recent years, sweeping changes in tax legislation haveâ¦</p> 1098 <div class="postit__meta"> 1099 <span>Victor Santos</span> 1100 <a class="postit__read" href="https://thecredito.com.br/how-tax-reforms-impact-financial-planning-for-americans/" aria-label="Read more: How tax reforms impact financial planning for Americans"> 1101 Read more â 1102 </a> 1103 </div> 1104 </div> 1105 </article> 1106 1107 1108 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1109 <a class="postit__media" href="https://thecredito.com.br/challenges-of-the-digital-economy-how-to-protect-your-financial-assets-in-the-virtual-world/" aria-label="Challenges of the digital economy: How to protect your financial assets in the virtual world"> 1110 <img width="768" height="432" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-768x432.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Challenges of the digital economy: How to protect your financial assets in the virtual world" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-768x432.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-300x169.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-1024x576.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-1536x864.jpg 1536w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/representation-user-experience-interface-design-4-scaled-1-2048x1152.jpg 2048w" /> </a> 1111 <div class="postit__body">
1112 <div class="postit__kicker"> 1113 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-06-17T10:30:00+00:00">June 17, 2025</time> 1114 </div> 1115 <h3 class="postit__title" itemprop="headline"> 1116 <a href="https://thecredito.com.br/challenges-of-the-digital-economy-how-to-protect-your-financial-assets-in-the-virtual-world/">Challenges of the digital economy: How to protect your financial assets in the virtual world</a> 1117 </h3> 1118 <p class="postit__excerpt" itemprop="description">The rapid expansion of the digital economy has revolutionized how we interact with money, assets, and data. With this transformation, however, comes a new generation of risks thatâ¦</p> 1119 <div class="postit__meta"> 1120 <span>Giuliana Souto</span> 1121 <a class="postit__read" href="https://thecredito.com.br/challenges-of-the-digital-economy-how-to-protect-your-financial-assets-in-the-virtual-world/" aria-label="Read more: Challenges of the digital economy: How to protect your financial assets in the virtual world"> 1122 Read more â 1123 </a> 1124 </div> 1125 </div> 1126 </article> 1127 1128 1129 <article class="postit" itemscope itemtype="https://schema.org/BlogPosting"> 1130 <a class="postit__media" href="https://thecredito.com.br/post-pandemic-economic-recovery-how-the-u-s-is-reshaping-its-financial-planning-strategies/" aria-label="Post-pandemic economic recovery: How the U.S. is reshaping its financial planning strategies"> 1131 <img width="768" height="512" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-768x512.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Post-pandemic economic recovery: How the U.S. is reshaping its financial planning strategies" loading="lazy" decoding="async" sizes="auto, (min-width:1024px) 220px, 100vw" srcset="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-768x512.jpg 768w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-300x200.jpg 300w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-1024x683.jpg 1024w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-1536x1024.jpg 1536w, https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2025/04/female-accountant-calculating-tax-bills-while-working-finances-office-1-scaled-1-2048x1366.jpg 2048w" /> </a> 1132 <div class="postit__body"> 1133 <div class="postit__kicker"> 1134 <span>Finances</span><span class="kdot" aria-hidden="true"></span> <time datetime="2025-06-10T10:30:00+00:00">June 10, 2025</time> 1135 </div> 1136 <h3 class="postit__title" itemprop="headline"> 1137 <a href="https://thecredito.com.br/post-pandemic-economic-recovery-how-the-u-s-is-reshaping-its-financial-planning-strategies/">Post-pandemic economic recovery: How the U.S. is reshaping its financial planning strategies</a> 1138 </h3> 1139 <p class="postit__excerpt" itemprop="description">The world has changed dramatically in the aftermath of COVID-19, and nowhere is this shift more evident than in the economic strategies adopted by countries striving to rebuild.â¦</p> 1140 <div class="postit__meta">
1141 <span>Lia Carmolin</span> 1142 <a class="postit__read" href="https://thecredito.com.br/post-pandemic-economic-recovery-how-the-u-s-is-reshaping-its-financial-planning-strategies/" aria-label="Read more: Post-pandemic economic recovery: How the U.S. is reshaping its financial planning strategies"> 1143 Read more â 1144 </a> 1145 </div> 1146 </div> 1147 </article> 1148 1149 1150 </div> 1151 1152 <nav class="pag" aria-label="Pagination"><span aria-current="page" class=" current">1</span><a class="" href="https://thecredito.com.br/category/finances/page/2/">2</a><span class=" dots">…</span><a class="" href="https://thecredito.com.br/category/finances/page/13/">13</a><a class="next " href="https://thecredito.com.br/category/finances/page/2/">Next â</a></nav> </div> 1153 1154 <!-- Sidebar --> 1155 <aside class="sidebar" role="complementary" aria-label="Barra lateral"> 1156 1157 1158 <!-- Fallback elegante --> 1159 <div class="sidebox"> 1160 <div class="sidebox__title">Categorias</div> 1161 <ul class="side-list"> 1162 <li><a href="https://thecredito.com.br/category/bank/">Bank</a></li><li><a href="https://thecredito.com.br/category/conscious-consumption/">Conscious consumption</a></li><li><a href="https://thecredito.com.br/category/credit-card/">Credit card</a></li><li><a href="https://thecredito.com.br/category/credit-score-and-positive-credit-registry/">Credit score and positive credit registry</a></li><li><a href="https://thecredito.com.br/category/digital-accounts/">Digital accounts</a></li><li><a href="https://thecredito.com.br/category/finances/">Finances</a></li><li><a href="https://thecredito.com.br/category/fintechs/">Fintechs</a></li><li><a href="https://thecredito.com.br/category/information/">Information</a></li><li><a href="https://thecredito.com.br/category/investimento/">Investimento</a></li><li><a href="https://thecredito.com.br/category/investments/">Investments</a></li> </ul> 1163 </div> 1164 1165 <div class="sidebox"> 1166 <div class="sidebox__title">Mais lidos</div> 1167 <ul class="side-list"> 1168 <li><a href="https://thecredito.com.br/cache/">cache</a></li><li><a href="https://thecredito.com.br/cache-2/">cache</a></li><li><a href="https://thecredito.com.br/cache-3/">cache</a></li><li><a href="https://thecredito.com.br/bitcoin-and-other-cryptocurrencies-in-the-us-is-it-worth-investing/">Bitcoin and other cryptocurrencies in the US: is it worth investing?</a></li><li><a href="https://thecredito.com.br/ways-to-minimize-on-credit-card-debt-in-the-united-states-of-america/">Ways to minimize on credit card debt in the United States of America</a></li> </ul> 1169 </div> 1170 </aside> 1171 </div> 1172 </div> 1173 </section> 1174</main> 1175 1176<footer class="site-footer" role="contentinfo"> 1177 <style> 1178 .site-footer{ 1179 background:linear-gradient(180deg, rgba(255,255,255,.00), rgba(255,255,255,.04)), var(--surface); 1180 color:var(--text); 1181 border-top:var(--b); 1182 margin-top:32px; 1183 width:100%; 1184 max-width:none; 1185 } 1186 .ft__wrap{ 1187 max-width:var(--max); 1188 width:100%; 1189 margin:0 auto; 1190 padding:28px 16px; 1191 display:flex; 1192 flex-direction:column; 1193 align-items:center; 1194 text-align:center; 1195 box-sizing:border-box; 1196 } 1197 1198 .ft__brand{ 1199 display:flex; 1200 flex-direction:column; 1201 align-items:center; 1202 gap:8px; 1203 margin-bottom:18px; 1204 } 1205 1206 .ft__logo img{ 1207 height:48px; 1208 width:auto; 1209 } 1210 1211 .ft__title{ 1212 font-weight:700; 1213 font-size:16px; 1214 line-height:1.2; 1215 } 1216 1217 .ft__desc{ 1218 color:var(--muted); 1219 font-size:13px; 1220 margin-top:4px; 1221 } 1222 1223 .ft__head{ 1224 font-weight:700; 1225 font-size:14px; 1226 margin:18px 0 10px; 1227 } 1228 1229 .ft__nav{ 1230 list-style:none; 1231 margin:15px 0 0; 1232 padding:0; 1233 display:flex; 1234 align-items:center; 1235 gap:30px; 1236 } 1237 1238 1239 .ft__nav a{ 1240 color:var(--text); 1241 text-decoration:none; 1242 font-size:14px; 1243 opacity:.95; 1244 } 1245 1246 .ft__nav a:hover{ 1247 opacity:1; 1248 text-decoration:underline; 1249 } 1250 1251 .ft__disclaimer{ 1252 margin-top:18px; 1253 border-top:var(--b); 1254 padding-top:14px; 1255 color:var(--muted); 1256 font-size:13px; 1257 max-width:700px; 1258 } 1259 1260 .ft__disclaimer-more { 1261 text-decoration: underline; 1262 } 1263 1264 .ft__bottom{ 1265 border-top:var(--b); 1266 margin-top:22px; 1267 padding-top:14px; 1268 display:flex; 1269 flex-direction:column; 1270 align-items:center; 1271 gap:8px; 1272 color:var(--muted); 1273 font-size:13px; 1274 text-align:center; 1275 } 1276 .ft__company{ 1277 font-size:12px; 1278 line-height:1.5; 1279 color:color-mix(in srgb, var(--muted) 88%, transparent); 1280 } 1281 1282 .ft__social{ 1283 display:flex; 1284 gap:10px; 1285 justify-content:center; 1286 } 1287 1288 .ft__social a{ 1289 display:inline-flex; 1290 align-items:center; 1291 gap:6px; 1292 color:var(--muted); 1293 text-decoration:none; 1294 } 1295 1296 .ft__social a:hover{ 1297 color:var(--text); 1298 } 1299 1300 .screen-reader-text{ 1301 position:absolute; 1302 width:1px; 1303 height:1px; 1304 padding:0; 1305 margin:-1px; 1306 overflow:hidden; 1307 clip:rect(0,0,0,0); 1308 white-space:nowrap; 1309 border:0; 1310 } 1311 1312 .screen-reader-text:focus{ 1313 position:static; 1314 width:auto; 1315 height:auto; 1316 margin:0; 1317 clip:auto; 1318 overflow:visible; 1319 white-space:normal; 1320 background:#000; 1321 color:#fff; 1322 padding:8px 12px; 1323 border-radius:6px; 1324 z-index:1000; 1325 } 1326 1327 @media (max-width:600px) { 1328 .ft__nav{ 1329 display: block; 1330 } 1331 } 1332 1333 </style> 1334 1335 <div class="ft__wrap"> 1336 <!-- Brand --> 1337 <div class="ft__brand"> 1338 <div class="ft__logo"> 1339 <img class="logo-light" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" alt="The Crédito" /> 1340 <img class="logo-dark" src="https://wordpress-programatica-0002.s3.amazonaws.com/uploads/sites/13/2026/08/thecredito-logo1.png" alt="The Crédito" /> 1341 </div> 1342 </div> 1343 1344 <!-- Disclaimer --> 1345 <div class="ft__disclaimer"> 1346 <div class="ft__disclaimer-box" role="note" aria-label="Important notice"> 1347 1348 <strong>Important notice:</strong> 1349Editorial content only - This site publishes informational articles about Finances, Investments and Credit card. Rates, fees, terms, and availability may change without notice. <a class="ft__disclaimer-more" href="https://thecredito.com.br/legal-notice-disclaimer/">Read more</a>. </div> 1350 </div> 1351 1352 <!-- Menu --> 1353 <div class="ft__menu"> 1354 <ul id="menu-legal-menu" class="ft__nav"><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="https://thecredito.com.br/about-us/">About Us</a></li> 1355<li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="https://thecredito.com.br/legal-notice-disclaimer/">Legal Notice (Disclaimer)</a></li> 1356<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="https://thecredito.com.br/privacy-policy/">Privacy Policy</a></li> 1357<li id="menu-item-3511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3511"><a href="https://thecredito.com.br/terms-of-use/">Terms of Use</a></li> 1358</ul> </div> 1359 1360 <!-- Bottom --> 1361 <div class="ft__bottom">
1362 <div class="ft__copy"> 1363 © 2026 The Crédito | 1364 All rights reserved </div> 1365 1366 <div class="ft__company"> 1367 Jn Content Midia Digital LTDA - CNPJ: 42.921.663/0001-99 </div> 1368 1369 <!-- <div class="ft__social"> 1370 <a href="#"><span class="screen-reader-text">Instagram</span>IG</a> 1371 <a href="#"><span class="screen-reader-text">YouTube</span>YT</a> 1372 </div> --> 1373 1374 </div> 1375 </div> 1376</footer> 1377
1378<script type="speculationrules"> 1379{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/uploads/sites/13/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/spun/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1380</script>
vendor: 1 bytes, line 1380
1380
1381<script id="spun-main-js" defer src="https://thecredito.com.br/wp-content/themes/spun/assets/main.js?ver=1.0"></script>
1381 1382
1383<script id="spun-preloader-script">(function(){ 1384 var el=document.getElementById('spun-preloader'); if(!el) return; 1385 var start=Date.now(); 1386 function hide(){ if(!el) return; el.classList.add('is-hide'); setTimeout(function(){ if(el&&el.parentNode){ el.parentNode.removeChild(el); } }, 260); document.body.style.overflow=''; } 1387 try{ document.body.style.overflow='hidden'; }catch(e){} 1388 function ready(){ var elapsed=Date.now()-start; var remain=2500 - elapsed; if(remain<=0){ hide(); } else { setTimeout(hide, remain); } } 1389 if(document.readyState==='complete' || document.readyState==='interactive'){ setTimeout(ready, 0); } else { document.addEventListener('DOMContentLoaded', ready); } 1390 setTimeout(function(){ try{ hide(); }catch(e){} }, Math.max(2500, 10000)); 1391})();</script>
vendor: 1 bytes, line 1391
1391
1392<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c123c5394cc44f15938edc0aefbb5128","r":1,"spa":2}' crossorigin="anonymous"></script>
1392 1393</body> 1394</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.