/* HostLab Editorial — portal integrado, visual próprio e responsivo */
.hl-editorial{background:#f3f8fb;color:#0a2a40}
.hl-blog-banner{min-height:450px;background:linear-gradient(115deg,#09273e 0%,#10476b 64%,#1c6991);color:#fff;display:flex;align-items:center;padding:72px 6%;gap:7%;position:relative;overflow:hidden}
.hl-blog-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 13%,#fa89385c,transparent 28%),repeating-linear-gradient(135deg,transparent 0 87px,#ffffff0b 88px 89px);pointer-events:none}
.hl-blog-banner-inner{max-width:1200px;width:100%;margin:auto;position:relative;z-index:2}
.hl-blog-banner-inner h1{max-width:690px;font-size:clamp(48px,6vw,86px);line-height:1.04;letter-spacing:-.063em;margin:21px 0}
.hl-blog-banner-inner h1 em{color:#ff9957}.hl-blog-banner-inner>p:not(.eyebrow){max-width:560px;font-size:20px;line-height:1.6;color:#cfe5f1}
.hl-blog-banner .eyebrow{color:#ffb88b;letter-spacing:.22em}
.hl-blog-jump{display:inline-block;padding:13px 0;margin-top:12px;border-bottom:2px solid #fa924a;font-weight:750;transition:transform .2s,color .2s}
.hl-blog-jump:hover{transform:translateY(-3px);color:#ffd4b4}
.hl-blog-art{position:absolute;top:13%;right:4%;width:340px;height:340px;display:grid;place-items:center;transform:rotate(-11deg);border:1px solid #ffffff21;border-radius:35%;background:radial-gradient(circle,#4795bf26,#194c6945 67%);box-shadow:0 0 80px #e98a3a24,inset 0 0 70px #ffffff0c}
.hl-blog-art>span{font-size:clamp(115px,17vw,250px);font-weight:900;letter-spacing:-.14em;color:#fff2}.hl-blog-art>span span{color:#f26a1b59}
.hl-blog-layout{max-width:1300px;width:89%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:48px;padding:86px 0 108px;align-items:start}
.hl-section-title>span{font-size:12px;font-weight:800;color:#ce6423;letter-spacing:.2em}.hl-section-title h2{font-size:clamp(31px,3.5vw,48px);line-height:1.13;letter-spacing:-.048em;margin:16px 0 31px}
.hl-featured{display:grid;grid-template-columns:49% 51%;background:#fff;border-radius:22px;border:1px solid #d5e4ec;box-shadow:0 20px 58px #113b5a21;overflow:hidden;min-height:335px;transition:box-shadow .35s,transform .35s}
.hl-featured:hover{transform:translateY(-7px);box-shadow:0 30px 72px #123b6233}
.hl-featured-img{display:block;min-height:330px;background:linear-gradient(90deg,#143a5130,#0c2e4655),var(--photo) center/cover;transition:filter .5s,transform .5s}.hl-featured:hover .hl-featured-img{filter:saturate(1.13);transform:scale(1.026)}
.hl-featured-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(25px,3vw,45px);background:#fff}
.hl-featured-copy small{font-size:12px;color:#b75a21;font-weight:800}
.hl-featured-copy strong{font-size:clamp(23px,2.8vw,34px);letter-spacing:-.04em;line-height:1.16;margin:17px 0}
.hl-featured-copy>span{font-size:15px;line-height:1.65;color:#557085}.hl-featured-copy b{color:#1b6e95;font-size:14px;margin-top:25px}
.hl-list-header{margin-top:80px}.hl-list-header h2{margin-bottom:22px}
.hl-blog-controls{margin:0 0 30px;padding:22px;border:1px solid #d6e5ed;border-radius:17px;background:linear-gradient(120deg,#fff,#f8fbfd);box-shadow:0 13px 27px #11395416}
.hl-search-label{display:block;font-weight:750;font-size:13px;margin-bottom:10px}
#hl-search{width:100%;border:1px solid #cbdce6;background:#fff;border-radius:12px;padding:15px 18px;color:#153d56;font-size:15px;outline-offset:3px}
#hl-search:focus{outline:2px solid #286f99}
.hl-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.hl-topics button{border:1px solid #c7dbe5;background:#f1f7fa;color:#275574;cursor:pointer;padding:10px 13px;border-radius:24px;font:600 12px inherit;font-size:12px;transition:background .25s,transform .25s,color .25s}
.hl-topics button:hover{transform:translateY(-2px);border-color:#f26a1b}.hl-topics button.active{background:#123e60;color:#fff;border-color:#123e60}
.hl-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hl-post{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border-radius:18px;border:1px solid #d5e4ec;box-shadow:0 15px 33px #0a35531d;transition:transform .4s,box-shadow .4s,border-color .4s}
.hl-post:hover{transform:translateY(-9px);box-shadow:0 26px 53px #0b36542f;border-color:#f2a974}
.hl-post-image{height:205px;display:block;background:linear-gradient(180deg,#11395510,#0d33404d),var(--photo) center/cover;transition:filter .5s,transform .5s}.hl-post:hover .hl-post-image{filter:brightness(1.11);transform:scale(1.035)}
.hl-post-info{display:flex;flex-direction:column;flex:1;position:relative;background:#fff;padding:25px;min-height:255px}
.hl-post-details{font-size:12px;text-transform:capitalize;color:#b36737}
.hl-post-info strong{font-size:23px;line-height:1.23;letter-spacing:-.036em;margin:16px 0;color:#12334b}
.hl-post-summary{color:#607b8c;line-height:1.55;font-size:14px}
.hl-more{margin-top:auto;padding-top:20px;color:#196b92;font-size:13px;font-weight:800}
.hl-blog-sidebar,.hl-article-aside{position:sticky;top:105px;display:grid;gap:21px}
.hl-sidebar-box{border-radius:18px;border:1px solid #d5e5ed;background:#fff;padding:28px;box-shadow:0 15px 38px #123b621e;transition:transform .3s,box-shadow .3s}
.hl-sidebar-box:hover{transform:translateY(-4px);box-shadow:0 23px 50px #123b6230}
.hl-sidebar-box h3{margin:9px 0 14px;font-size:25px;line-height:1.18;letter-spacing:-.035em}
.hl-sidebar-box p{font-size:14px;line-height:1.7;color:#5d7385}
.hl-sidebar-box>a:not(.button){display:block;padding:12px 0;color:#205f83;font-size:14px;font-weight:680;border-top:1px solid #e6eff2}
.hl-sidebar-box>a:hover{color:#d46821}
.hl-sidebar-dark{background:linear-gradient(145deg,#103754,#174d71);color:#fff}
.hl-sidebar-dark p{color:#d1e6ef}.hl-sidebar-dark h3{color:#fff}
.hl-sidebar-dark a:not(.button){color:#fff}
.hl-sidebar-dark .button{display:inline-flex;font-size:13px}
.hl-pagination{display:flex;gap:15px;align-items:center;justify-content:center;padding:40px 0 10px}
.hl-pagination button{background:#fff;border:1px solid #cbdde6;border-radius:10px;padding:12px 16px;color:#154b71;cursor:pointer;font-weight:650;transition:transform .25s,box-shadow .25s}
.hl-pagination button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0b37551e}
.hl-pagination button:disabled{opacity:.38;cursor:default}.hl-pagination span{font-size:13px;color:#566e80}
.hl-empty{padding:28px;border-radius:12px;background:#fff;border:1px solid #d6e7ef;color:#456c86}
.hl-article-heading{background:linear-gradient(125deg,#0b2d47,#175b81);color:#fff;padding:70px 6% 90px;position:relative;overflow:hidden}
.hl-article-heading:before{content:"";position:absolute;inset:0;opacity:.22;background:radial-gradient(circle at 83% 25%,#f26a1b,transparent 30%)}
.hl-article-head-inner{position:relative;max-width:960px;margin:auto}
.hl-back{font-size:13px;color:#d3e5f0;border-bottom:1px solid #ffffff5a;padding-bottom:6px}.hl-back:hover{color:#ffb487}
.hl-article-topic{margin-top:55px;font-size:12px;letter-spacing:.2em;font-weight:800;color:#ffb487}
.hl-article-heading h1{font-size:clamp(39px,6vw,77px);line-height:1.06;letter-spacing:-.055em;margin:21px 0;max-width:1000px}
.hl-article-heading p{max-width:760px;line-height:1.65;color:#d3e5ee;font-size:19px}
.hl-article-byline{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:25px;font-size:13px;color:#d7e7ef}
.hl-article-cover{max-width:1160px;width:89%;height:clamp(260px,38vw,485px);margin:-45px auto 60px;position:relative;border-radius:22px;border:3px solid #fff;background:linear-gradient(90deg,#14395026,#14395030),var(--photo) center/cover;box-shadow:0 27px 70px #10385142}
.hl-article-layout{max-width:1160px;width:89%;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px;margin:0 auto;padding-bottom:95px;align-items:start}
.hl-article-content{min-width:0;color:#354e62}
.hl-article-content p{font-size:18px;line-height:1.85;margin:0 0 27px}
.hl-article-content .hl-lead-paragraph{font-size:22px;line-height:1.73;color:#173c57;font-weight:520}
.hl-article-content section h2{font-size:clamp(27px,3vw,38px);line-height:1.22;letter-spacing:-.04em;margin:51px 0 21px;color:#10344c}
.hl-article-aside .hl-sidebar-box>b{display:block;margin-bottom:12px}
.hl-article-aside .hl-sidebar-box>a{line-height:1.4}
.hl-article-outro{background:linear-gradient(120deg,#e8f3fa,#f9fdff);padding:34px;border:1px solid #d3e4ef;border-left:4px solid #f26a1b;border-radius:16px;box-shadow:0 14px 30px #123b621a;margin:53px 0}
.hl-article-outro h3{font-size:27px;letter-spacing:-.03em;margin:0 0 14px}.hl-article-outro p{font-size:15px}
.hl-share{margin:46px 0 10px;padding:27px;background:#fff;border:1px solid #d6e5ef;border-radius:17px;box-shadow:0 14px 35px #103b5518}
.hl-share strong{display:block;font-size:16px;margin-bottom:16px}
.hl-share>div{display:flex;flex-wrap:wrap;gap:9px}
.hl-share a,.hl-share button{background:#f0f7fb;border:1px solid #c8dce8;border-radius:9px;padding:11px 14px;color:#1a6289;font-size:13px;font-weight:750;cursor:pointer;transition:transform .25s,background .25s}
.hl-share a:hover,.hl-share button:hover{transform:translateY(-3px);background:#e2f0f7}
.hl-share-feedback{min-height:15px;font-size:12px!important;margin:9px 0 0!important}
.hl-related{padding:74px 0 95px;background:linear-gradient(135deg,#e7f2f8,#f5fafc)}
.hl-related-inner{max-width:1160px;width:89%;margin:auto}.hl-related .hl-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hl-all-link{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid #1d668f;color:#1d668f;font-weight:750}
@media(max-width:1060px){.hl-blog-layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.hl-article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:35px}}
@media(max-width:830px){.hl-blog-art{right:-100px;opacity:.6}.hl-blog-layout,.hl-article-layout{grid-template-columns:1fr}.hl-blog-sidebar,.hl-article-aside{position:static;grid-template-columns:repeat(2,1fr)}.hl-related .hl-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.hl-blog-banner{min-height:385px;padding:65px 6%}.hl-blog-art{opacity:.25}.hl-blog-banner-inner h1{font-size:clamp(46px,11vw,63px)}.hl-blog-layout{width:90%;padding:57px 0 75px}.hl-featured{grid-template-columns:1fr}.hl-featured-img{min-height:220px}.hl-post-grid,.hl-related .hl-post-grid,.hl-blog-sidebar,.hl-article-aside{grid-template-columns:1fr}.hl-post-image{height:205px}.hl-post-info{min-height:220px}.hl-section-title h2{font-size:31px}.hl-blog-controls{padding:16px}.hl-topics{gap:7px}.hl-topics button{padding:9px 11px}.hl-article-heading{padding:58px 6% 80px}.hl-article-heading h1{font-size:42px}.hl-article-cover{width:94%;border-radius:15px;margin:-34px auto 45px;height:270px}.hl-article-layout{width:90%;padding-bottom:60px}.hl-article-content p{font-size:17px}.hl-article-content .hl-lead-paragraph{font-size:20px}.hl-article-outro{padding:25px}.hl-pagination{gap:8px}.hl-pagination button{padding:11px}.hl-related{padding:55px 0}}
@media(prefers-reduced-motion:reduce){.hl-post,.hl-featured,.hl-post-image,.hl-featured-img,.hl-sidebar-box{transition:none!important}}

/* Garante que a paginação e a busca escondam os cards, independentemente do display dos componentes. */
.hl-post[hidden],.hl-empty[hidden],#hl-post-list[hidden]{display:none!important}

/* Conteúdo dinâmico sanitizado e publicado pelo CMS HostLab */
.hl-article-content .hl-post-html{overflow-wrap:anywhere}
.hl-article-content .hl-post-html h2{font-size:clamp(29px,3.1vw,39px);line-height:1.2;letter-spacing:-.04em;margin:46px 0 21px;color:#123951}
.hl-article-content .hl-post-html h3{font-size:clamp(23px,2.4vw,30px);line-height:1.25;margin:35px 0 18px;color:#164662}
.hl-article-content .hl-post-html ul,.hl-article-content .hl-post-html ol{margin:0 0 30px;padding-left:30px;line-height:1.85;font-size:17px;color:#34566e}
.hl-article-content .hl-post-html li{margin:8px 0}
.hl-article-content .hl-post-html img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 18px 35px #113e5d25}
.hl-article-content .hl-post-html blockquote{background:#ebf5fa;border-left:4px solid #f26a1b;padding:20px 25px;margin:30px 0;border-radius:0 12px 12px 0;font-size:19px;line-height:1.7}
.hl-article-content .hl-post-html a{color:#1a6c93;text-decoration:underline;text-underline-offset:3px}
.hl-article-content .hl-post-html a:hover{color:#d96b24}
.hl-article-content .hl-post-html pre{overflow:auto;background:#102c45;color:#e8f6fa;padding:20px;border-radius:12px}