#read-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#01A1FF,#3b82f6);box-shadow:0 0 12px rgba(1,161,255,.45);z-index:9999;transition:width .08s ease-out}html{scroll-behavior:smooth}.hero-article{background:linear-gradient(135deg,#eaf3ff 0%,#e9fff5 100%);position:relative;overflow:hidden;padding:8rem 0 4rem}.hero-article::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(15,21,43,.06) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(15,21,43,.06) 0 1px,transparent 1px 24px);opacity:.5;mix-blend-mode:multiply}.hero-article::after{content:"";position:absolute;inset:-10% -10% auto -10%;height:60%;pointer-events:none;background:radial-gradient(ellipse 800px 400px at 50% 0%,rgba(64,153,255,.15) 0%,rgba(46,216,182,.1) 50%,transparent 70%);filter:blur(18px)}.hero-article .container{position:relative;z-index:1}.hero-article .badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(64,153,255,.1);color:var(--primary-color);border:1px solid rgba(64,153,255,.2);border-radius:999px;padding:.4rem .9rem;font-weight:700;font-size:.85rem}.hero-article h1{color:#4099ff;margin:1rem 0 .5rem;font-weight:800;line-height:1.1}.hero-article p.lead{color:#666;font-size:1.125rem}.meta{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin-top:1rem;color:#64748b}.meta .meta-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:rgba(1,161,255,.1);color:#0369a1;border:1px solid rgba(1,161,255,.2);font-weight:600;font-size:.85rem}.meta .meta-pill.green{background:rgba(16,185,129,.1);color:#047857;border-color:rgba(16,185,129,.25)}.meta .meta-pill.gray{background:rgba(100,116,139,.08);color:#666;border-color:rgba(100,116,139,.15)}.article-wrap{padding:3rem 0 5rem;position:relative}.article-wrap .container{position:relative;display:grid;grid-template-columns:1fr 160px;gap:20px;align-items:start}@media (max-width:1200px){.article-wrap .container{grid-template-columns:1fr}}.article-wrap::before{content:"";position:absolute;inset:0;background-image:url('../images/background/fundo.png');background-repeat:no-repeat;background-position:left 20%;opacity:.16;pointer-events:none}@media (max-width:768px){.article-wrap::before{background-size:200px 200px;background-position:left 8%}}.post{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:2rem 2rem}@media (min-width:992px){.post{padding:3rem 3.2rem}}.post h2,.post h3{color:#0f172a;margin:2rem 0 .75rem;font-weight:800;font-size:1.2em}.post h3,.post h4{font-size:1rem;color:#334155}.post p{color:#334155;line-height:1.75;font-size:1em;margin:1rem 0}.post img{max-width:100%;border-radius:12px}.post blockquote{margin:1.5rem 0;padding:1rem 1.25rem;background:#f8fafc;border-left:4px solid #01A1FF;border-radius:8px;color:#1f2937}.post pre{background:#0b1020;color:#e5e7eb;padding:1rem 1.25rem;border-radius:10px;overflow-x:auto;font-size:.95rem}.post ul{padding-left:1.2rem;color:#334155}.post li{color:#334155}.post table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.post table th{background:#f8fafc;color:#0f172a;font-weight:600;text-align:left;padding:1rem 1.5rem!important;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;white-space:normal;min-width:150px}.post table thead th{background:#f8fafc;color:#0f172a;font-weight:600;text-align:left;padding:1rem 1.5rem!important;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;white-space:normal;min-width:150px}.post table th:last-child{border-right:none}.post table thead th:last-child{border-right:none}.post table td{padding:1rem 1.5rem!important;border-bottom:1px solid #e5e7eb;border-right:1px solid #f1f5f9;color:#334155}.post table tbody td{padding:1rem 1.5rem!important;border-bottom:1px solid #e5e7eb;border-right:1px solid #f1f5f9;color:#334155}.post table td:last-child{border-right:none}.post table tbody td:last-child{border-right:none}.post table tr:last-child td{border-bottom:none}.post table tbody tr:last-child td{border-bottom:none}.post table tbody tr:nth-child(even){background-color:#f9fafb}@media (max-width:768px){.post table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post table thead th{white-space:normal;min-width:100px}}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid #e5e7eb}.author{display:flex;align-items:center;gap:.8rem}.author img{width:44px;height:44px;border-radius:50%}.share{display:flex;gap:.6rem}.share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f1f5f9;color:#0f172a}.toc{max-width:900px;margin:-2rem auto 2rem auto;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:1.5rem 1.75rem;position:relative;overflow:hidden}.toc::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#01A1FF 0%,#6FB1FF 100%)}.toc.hidden{display:none!important}.toc-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.toc-title{display:flex;align-items:center;gap:.75rem;font-weight:800;color:#0f172a;margin:0;font-size:1.1rem}.toc-title i{color:#01A1FF;font-size:1.2rem}.toc-toggle{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#64748b;transition:all .3s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.toc-toggle:hover{background:#f1f5f9;color:#01A1FF}.toc-toggle i{font-size:1rem;transition:transform .3s ease}.toc.collapsed .toc-toggle i{transform:rotate(180deg)}.toc-content{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:.5rem;max-height:500px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.toc.collapsed .toc-content{max-height:0;opacity:0;margin-top:0}@media (max-width:640px){.toc-content{grid-template-columns:1fr}}.toc-content a{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:10px;color:#666;text-decoration:none;transition:all .2s ease;font-size:.95rem;border:1px solid transparent}.toc-content a:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateX(4px)}.toc-content a.active{background:linear-gradient(135deg,rgba(1,161,255,.1) 0%,rgba(111,177,255,.15) 100%);color:#0369a1;border-color:rgba(1,161,255,.3);font-weight:600}.toc-content a .hash{color:#01A1FF;font-size:.9em;font-weight:700;opacity:.6}.toc-content a:hover .hash,.toc-content a.active .hash{opacity:1}.post h2{scroll-margin-top:100px}.banner-vertical{position:sticky;top:120px;width:160px;height:600px;z-index:100;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);transition:all .3s ease;align-self:start}.article-content-wrapper{min-width:0}.banner-vertical:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.25)}.banner-vertical img{width:100%;height:100%;object-fit:cover}@media (max-width:1400px){.banner-vertical{width:120px;height:450px}.article-wrap .container{grid-template-columns:1fr 120px}}@media (max-width:1200px){.banner-vertical{display:none}}.blog-home-image{max-width:900px;margin:2rem auto}.blog-home-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:block}.article-author{max-width:900px;margin:3rem auto 2rem;padding:2rem;background:#ffffff;border-radius:16px;border:2px solid #6FB1FF;box-shadow:0 10px 30px rgba(1,161,255,.1)}.author-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.author-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #6FB1FF}.author-details h4{margin:0;color:#0f172a;font-weight:800;font-size:1.1rem}.author-details p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.author-description{color:#334155;line-height:1.6;font-style:italic;padding:1rem;background:#f8fafc;border-radius:12px;border-left:4px solid #6FB1FF}.related-articles{max-width:900px;margin:3rem auto;position:relative;z-index:1}.related-title{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.related-title i{color:#6FB1FF;font-size:1.2rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.related-card{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.related-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.related-card-image{width:100%;height:180px;overflow:hidden;position:relative}.related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-card-image img{transform:scale(1.05)}.related-card-badge{position:absolute;top:12px;left:12px;background:#6FB1FF;color:white;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.related-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.related-card-title{font-size:1.05rem;font-weight:700;color:#666;margin:0 0 .5rem;line-height:1.4}.related-card-excerpt{font-size:.9rem;color:#64748b;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#94a3b8;margin-top:auto}.related-card-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#94a3b8;margin-bottom:.75rem}.related-card-link-btn{color:#6FB1FF;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;transition:gap .3s ease}.related-card:hover .related-card-link-btn{gap:.75rem}.related-card-link-btn i{font-size:.8rem}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}@media (max-width:992px) and (min-width:769px){.related-grid{grid-template-columns:repeat(2,1fr)}}.promo-section{max-width:900px;margin:3rem auto 2rem;padding:1.5rem 2rem 0 2rem;background:linear-gradient(135deg,#6FB1FF 0%,#4A9DE8 100%);border-radius:16px;box-shadow:0 10px 30px rgba(111,177,255,.2);overflow:hidden;position:relative;z-index:1}.promo-content{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.promo-text{flex:1;padding-bottom:1.5rem}.promo-text h3{color:white;font-size:1.25rem;font-weight:800;margin:0 0 .5rem}.promo-text p{color:rgba(255,255,255,.9);margin:0 0 1rem;font-size:.95rem}.promo-image{flex-shrink:0}.promo-image img{max-width:180px;height:auto;border-radius:0;display:block}.promo-btn{display:inline-flex;align-items:center;gap:.5rem;background:#2ED8B6;color:white;padding:.65rem 1.25rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15)}@media (max-width:768px){.promo-section{padding:1.5rem 1.5rem 0}.promo-content{flex-direction:column;align-items:center}.promo-text{text-align:center;padding-bottom:1rem}.promo-image img{max-width:150px}.promo-text h3{font-size:1.1rem}}