/*
Theme Name: HCMB Gestão Financeira
Theme URI: https://hcmbcontabil.com.br
Author: HCMB
Description: Tema institucional exclusivo da HCMB para BPO Financeiro e Contabilidade.
Version: 1.6.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hcmb
*/
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Regular.ttf')}@font-face{font-family:Montserrat;src:url('fonts/Montserrat-SemiBold.ttf');font-weight:600}@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Bold.ttf');font-weight:700}@font-face{font-family:Raleway;src:url('fonts/Raleway-Regular.ttf')}@font-face{font-family:Raleway;src:url('fonts/Raleway-Bold.ttf');font-weight:800}@font-face{font-family:Oswald;src:url('fonts/Oswald-Regular.ttf')}@font-face{font-family:Oswald;src:url('fonts/Oswald-SemiBold.ttf');font-weight:600}
:root{--navy:#06172f;--navy2:#0b2e49;--petrol:#0a5559;--emerald:#087f6f;--turq:#16b8b0;--gold:#dfb657;--champ:#f0d899;--light:#d9e3e8;--white:#fff;--muted:#9aabb9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:86px;display:flex;align-items:center;gap:30px;padding:0 clamp(24px,6vw,90px);position:sticky;top:0;background:rgba(6,23,47,.94);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;min-width:185px}.brand img{width:49px;height:49px;object-fit:contain}.brand span{display:grid}.brand b{font-family:Oswald;font-size:18px}.brand small{text-transform:uppercase;font-size:7px;letter-spacing:.13em;color:var(--light)}nav{display:flex;gap:25px;margin:auto;font-size:13px;font-weight:600}nav a{transition:.2s}nav a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--gold);color:var(--navy);padding:16px 25px;font-size:13px;font-weight:700;cursor:pointer}.btn.small{padding:12px 18px;font-size:11px;white-space:nowrap}.section{padding:110px clamp(24px,7vw,110px);max-width:1440px;margin:auto}.eyebrow{font-family:Oswald;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-size:14px;display:flex;align-items:center;gap:15px}.eyebrow:before{content:"";width:38px;height:2px;background:var(--gold)}h1,h2{font-family:Raleway,Arial,sans-serif;line-height:1.06;margin:24px 0;font-weight:800}h1{font-size:clamp(44px,5.8vw,82px);max-width:700px}h2{font-size:clamp(36px,4.5vw,64px)}h1 span,h2 span{color:var(--emerald)}.lead{font-size:17px;line-height:1.7;color:var(--light);max-width:650px}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative;padding-bottom:190px}.hero-visual{background:var(--petrol);border-radius:54px;padding:38px;position:relative;overflow:hidden}.orbit{position:absolute;border:2px solid var(--gold);border-radius:50%;opacity:.8}.orbit.one{width:120px;height:120px;right:-30px;top:-30px}.orbit.two{width:25px;height:25px;left:35px;top:25px}.proof{position:absolute;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);bottom:55px;background:#0d2850;border-radius:26px;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.proof div,.stats div,.dash-benefits div{display:grid;gap:8px}.proof b,.stats strong,.dash-benefits b{font-family:Oswald;text-transform:uppercase;color:var(--gold);letter-spacing:.05em}.proof span,.stats span,.dash-benefits span{font-size:12px;color:var(--light)}.dashboard{background:#071d3a;border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.dash-top{background:#12375b;border-radius:14px;padding:14px 18px;display:flex;justify-content:space-between;color:var(--champ);font-size:11px}.dash-top small{color:var(--light);font-size:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.metrics div{background:#173f61;border-radius:14px;padding:16px 12px;display:grid;gap:8px}.metrics small{text-transform:uppercase;font-size:7px;color:var(--light)}.metrics strong{font-family:Oswald;color:var(--gold);font-size:20px}.metrics div:nth-child(2) strong{color:var(--turq)}.charts{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.charts b{font-family:Oswald;text-transform:uppercase;font-size:11px}.line-chart svg{width:100%;height:190px;margin-top:15px}.line-chart .grid{stroke:#234a68;stroke-width:1}.line-chart polyline{stroke:var(--turq);stroke-width:4;fill:none}.line-chart circle{fill:var(--gold)}.bar-chart{display:grid}.bars{height:190px;display:flex;gap:12px;align-items:flex-end}.bars span{height:100%;flex:1;display:flex;align-items:flex-end;gap:3px}.bars i,.bars em{width:50%;border-radius:4px 4px 0 0;background:var(--turq)}.bars em{background:var(--gold)}.authority{padding-top:130px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:var(--petrol);border-radius:26px;padding:36px;margin-top:55px}.stats strong{font-size:27px}.heading{display:grid;grid-template-columns:1.5fr .7fr;gap:55px;align-items:stretch}.mini-chart{background:var(--petrol);border-radius:28px;padding:35px;display:grid;gap:30px}.mini-chart b{font-family:Oswald;text-transform:uppercase;color:var(--champ)}.mini-chart>div{height:250px;display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid #388184}.mini-chart i{flex:1;background:var(--turq);border-radius:7px 7px 0 0}.mini-chart i:last-child{background:var(--gold)}.include{margin-top:85px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.cards article{background:#fff;color:var(--navy);padding:30px;border-radius:24px;min-height:175px;border-top:8px solid var(--emerald)}.cards h3{font-family:Raleway;font-size:20px}.cards p{color:#708096;line-height:1.6}.dashboard-section .section-copy{display:flex;flex-direction:column;align-items:flex-start}.dashboard-section>.dashboard{margin-top:55px;padding:28px}.dash-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;background:#fff;border-radius:24px;padding:32px;margin-top:25px}.dash-benefits span{color:#33445a}.integration{background:var(--petrol);padding:34px;border-radius:24px;margin:45px 0}.integration h3{font-family:Raleway;font-size:26px;margin:0 0 10px}.integration p{color:var(--light);margin:0}.about{display:grid;grid-template-columns:1fr 1fr;min-height:820px}.portrait{background:url('assets/isabela-hcmb.png') center/cover no-repeat;min-height:750px}.about-copy{padding:100px clamp(30px,7vw,110px);align-self:center}.about-copy p{color:var(--light);line-height:1.7}.about-copy ul{list-style:none;padding:0;display:grid;gap:12px;margin-top:30px}.about-copy li{background:#fff;color:var(--navy);border-radius:999px;padding:13px 18px;font-size:12px;font-weight:700}.contact{background:linear-gradient(90deg,rgba(6,23,47,.9),rgba(6,23,47,.72)),url('assets/pavao-hcmb.jpg') center/cover;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:120px clamp(24px,8vw,130px)}.contact-copy{background:#f8f3e8;color:var(--navy);border-radius:32px;padding:50px}.contact-copy p{line-height:1.7;color:#617188}.contact-copy a{display:block;font-weight:700;margin-top:12px}.contact form{background:#fff;color:var(--navy);border-radius:32px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{display:grid;gap:8px;font-size:11px;font-weight:700}.contact label:nth-last-of-type(1),.contact label:nth-last-of-type(2){grid-column:1/-1}.contact input,.contact select,.contact textarea{border:1px solid #d6e0e6;background:#f6f9fb;border-radius:9px;padding:12px;font:inherit}.contact form .btn,.whatsapp{grid-column:1/-1}.whatsapp{text-align:center;background:#21b95b;color:white;border-radius:999px;padding:14px;font-size:12px;font-weight:700}footer{padding:32px clamp(24px,6vw,90px);display:flex;align-items:center;gap:35px;background:#041226;border-top:1px solid rgba(255,255,255,.06)}footer p{margin-left:auto;color:var(--muted);font-size:11px}footer>a{font-size:11px;color:var(--gold)}
@media(max-width:900px){header nav{display:none}.hero,.heading,.about,.contact{grid-template-columns:1fr}.hero{padding-top:75px}.hero-visual{padding:18px}.proof{position:static;grid-template-columns:1fr;margin-top:35px}.hero{padding-bottom:80px}.metrics{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.stats,.cards,.dash-benefits{grid-template-columns:1fr 1fr}.about{min-height:auto}.portrait{min-height:600px}.contact{gap:30px}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}}
@media(max-width:560px){header{padding:0 18px}.brand span{display:none}.btn.small{margin-left:auto}.section{padding:80px 22px}.stats,.cards,.dash-benefits{grid-template-columns:1fr}.proof{margin-left:0;margin-right:0}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:15px}.dashboard{padding:12px}.dash-top{padding:12px}.contact{padding:70px 18px}.contact-copy,.contact form{padding:26px}.portrait{min-height:480px}footer{flex-wrap:wrap}footer p{margin-left:0}}

/* Isolamento do cabeçalho contra estilos herdados de Elementor, HT Menu e addons. */
body .hcmb-site-header{width:100%!important;min-height:86px!important;height:86px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:30px!important;padding:0 clamp(24px,6vw,90px)!important;margin:0!important;position:sticky!important;top:0!important;background:rgba(6,23,47,.97)!important;z-index:9999!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body .hcmb-site-header .brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:185px!important;width:auto!important;margin:0!important;padding:0!important}
body .hcmb-site-header .brand img{display:block!important;width:49px!important;height:49px!important;max-width:49px!important;margin:0!important}
body .hcmb-site-header .brand span{display:grid!important;width:auto!important;margin:0!important}
body .hcmb-site-header .hcmb-main-nav{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:25px!important;width:auto!important;height:auto!important;margin:0 auto!important;padding:0!important;background:none!important;position:static!important}
body .hcmb-site-header .hcmb-main-nav a{display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;margin:0!important;padding:8px 0!important;color:#fff!important;font-family:Montserrat,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;background:none!important;border:0!important}
body .hcmb-site-header .hcmb-main-nav a:hover{color:#dfb657!important}
body .hcmb-site-header .hcmb-header-cta{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important;white-space:nowrap!important}
body .hcmb-site-header .hcmb-client-portal{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:10px 15px!important;border:1px solid rgba(223,182,87,.8)!important;border-radius:999px!important;color:#f0d899!important;background:rgba(223,182,87,.04)!important;font-family:Montserrat,Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;transition:background-color .25s ease,color .25s ease,transform .25s ease!important}
body .hcmb-site-header .hcmb-client-portal:hover{background:#dfb657!important;color:#06172f!important;transform:translateY(-2px)!important}
body .hcmb-site-header .portal-short{display:none!important}
@media(max-width:900px){body .hcmb-site-header{padding:0 22px!important;gap:12px!important}body .hcmb-site-header .hcmb-main-nav{display:none!important}body .hcmb-site-header .hcmb-client-portal{margin-left:auto!important}body .hcmb-site-header .hcmb-header-cta{margin-left:0!important}}
@media(max-width:560px){body .hcmb-site-header{padding:0 14px!important;gap:8px!important}body .hcmb-site-header .brand{min-width:42px!important}body .hcmb-site-header .brand span{display:none!important}body .hcmb-site-header .brand img{width:42px!important;height:42px!important;max-width:42px!important}body .hcmb-site-header .portal-full{display:none!important}body .hcmb-site-header .portal-short{display:inline!important}body .hcmb-site-header .hcmb-client-portal{padding:10px 12px!important}body .hcmb-site-header .hcmb-header-cta{padding:11px 13px!important;font-size:10px!important}}

/* Escopo integral: impede que estilos de páginas antigas alterem o novo site. */
#hcmb-site{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:#06172f!important;color:#fff!important;isolation:isolate}
#hcmb-site,#hcmb-site *{box-sizing:border-box}
#hcmb-site main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;clear:both!important;background:#06172f!important}
#hcmb-site .section{display:block;position:relative!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;float:none!important;clear:both!important;transform:none!important}
#hcmb-site .hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:center!important}
#hcmb-site .heading{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)!important}
#hcmb-site .cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;float:none!important;clear:both!important}
#hcmb-site .about{display:grid!important;grid-template-columns:minmax(420px,46%) minmax(0,54%)!important;width:100%!important;max-width:none!important;min-height:780px!important;margin:0!important;padding:0!important;position:relative!important;float:none!important;clear:both!important;overflow:hidden!important;background:#06172f!important;transform:none!important}
#hcmb-site .about .portrait{display:block!important;width:100%!important;height:100%!important;min-height:780px!important;margin:0!important;padding:0!important;position:relative!important;float:none!important;background-image:linear-gradient(180deg,rgba(6,23,47,.04),rgba(6,23,47,.22)),url('assets/isabela-hcmb.jpeg')!important;background-position:center 28%!important;background-size:cover!important;background-repeat:no-repeat!important}
#hcmb-site .about .about-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:780px!important;margin:0!important;padding:80px clamp(40px,7vw,110px)!important;position:relative!important;float:none!important;background:#06172f!important;transform:none!important}
#hcmb-site .about .about-copy h2{margin:22px 0!important;max-width:650px!important}
#hcmb-site .about .about-copy p{max-width:680px!important}
#hcmb-site .contact{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:820px!important;margin:0!important;padding:110px clamp(24px,8vw,130px)!important;position:relative!important;float:none!important;clear:both!important;overflow:hidden!important;transform:none!important;background-image:linear-gradient(90deg,rgba(6,23,47,.82),rgba(6,23,47,.68)),url('assets/pavao-elegante.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
#hcmb-site .contact .contact-copy,#hcmb-site .contact form{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;float:none!important;transform:none!important;z-index:2!important}
#hcmb-site footer{display:flex!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important;float:none!important;clear:both!important;transform:none!important}
#hcmb-site section[id]{scroll-margin-top:96px}
@media(max-width:900px){#hcmb-site .hero,#hcmb-site .heading,#hcmb-site .about,#hcmb-site .contact{grid-template-columns:1fr!important}#hcmb-site .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hcmb-site .about .portrait{min-height:620px!important;background-position:center 24%!important}#hcmb-site .about .about-copy{min-height:auto!important;padding:75px 28px!important}#hcmb-site .contact{padding:80px 24px!important}}
@media(max-width:560px){#hcmb-site .cards{grid-template-columns:1fr!important}#hcmb-site .about .portrait{min-height:500px!important}#hcmb-site .contact{padding:65px 18px!important}}

/* Movimento sofisticado e leve — versão 1.2.0 */
#hcmb-site .bpo .cards article{min-height:235px;padding:32px;display:flex;flex-direction:column;justify-content:flex-start}
#hcmb-site .bpo .cards h3{font-size:20px;margin:10px 0 16px}
#hcmb-site .bpo .cards p{font-size:14px;line-height:1.7;color:#65768d;margin:0}
#hcmb-site.hcmb-motion-ready .hcmb-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
#hcmb-site.hcmb-motion-ready .hcmb-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
#hcmb-site.hcmb-motion-ready .hero-visual.hcmb-reveal{transform:translate3d(42px,0,0) scale(.975)}
#hcmb-site.hcmb-motion-ready .hero-visual.hcmb-reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
#hcmb-site.hcmb-motion-ready .about .portrait.hcmb-reveal{transform:translate3d(-38px,0,0) scale(1.025)}
#hcmb-site.hcmb-motion-ready .about .portrait.hcmb-reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
#hcmb-site .btn,#hcmb-site .whatsapp{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
#hcmb-site .btn:hover,#hcmb-site .whatsapp:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
#hcmb-site .cards article{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
#hcmb-site .cards article:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(0,0,0,.2);border-top-color:var(--gold)}
#hcmb-site .metrics div,#hcmb-site .stats>div,#hcmb-site .dash-benefits>div{transition:transform .28s ease,background-color .28s ease}
#hcmb-site .metrics div:hover,#hcmb-site .stats>div:hover,#hcmb-site .dash-benefits>div:hover{transform:translateY(-5px)}
#hcmb-site .orbit.one{animation:hcmbOrbit 13s linear infinite}
#hcmb-site .orbit.two{animation:hcmbFloat 4.8s ease-in-out infinite}
#hcmb-site .dashboard{transition:transform .45s ease,box-shadow .45s ease}
#hcmb-site .hero-visual:hover .dashboard{transform:translateY(-6px);box-shadow:0 38px 80px rgba(0,0,0,.34)}
#hcmb-site.hcmb-motion-ready .dashboard.is-visible .line-chart polyline,
#hcmb-site.hcmb-motion-ready .is-visible .dashboard .line-chart polyline{stroke-dasharray:900;stroke-dashoffset:900;animation:hcmbLine 1.6s .3s cubic-bezier(.2,.7,.2,1) forwards}
#hcmb-site.hcmb-motion-ready .dashboard.is-visible .line-chart circle,
#hcmb-site.hcmb-motion-ready .is-visible .dashboard .line-chart circle{opacity:0;animation:hcmbDot .35s 1.45s ease forwards}
#hcmb-site .bars i,#hcmb-site .bars em,#hcmb-site .mini-chart i{height:var(--bar-height);transform-origin:center bottom;transition:filter .25s ease}
#hcmb-site.hcmb-motion-ready .hcmb-reveal:not(.is-visible) .bars i,
#hcmb-site.hcmb-motion-ready .hcmb-reveal:not(.is-visible) .bars em,
#hcmb-site.hcmb-motion-ready .hcmb-reveal:not(.is-visible) .mini-chart i{transform:scaleY(0)}
#hcmb-site.hcmb-motion-ready .hcmb-reveal.is-visible .bars i,
#hcmb-site.hcmb-motion-ready .hcmb-reveal.is-visible .bars em,
#hcmb-site.hcmb-motion-ready .hcmb-reveal.is-visible .mini-chart i{animation:hcmbBar .9s cubic-bezier(.2,.75,.25,1) both}
#hcmb-site .bars span:nth-child(2) i,#hcmb-site .bars span:nth-child(2) em,#hcmb-site .mini-chart i:nth-child(2){animation-delay:.1s!important}
#hcmb-site .bars span:nth-child(3) i,#hcmb-site .bars span:nth-child(3) em,#hcmb-site .mini-chart i:nth-child(3){animation-delay:.2s!important}
#hcmb-site .bars span:nth-child(4) i,#hcmb-site .bars span:nth-child(4) em,#hcmb-site .mini-chart i:nth-child(4){animation-delay:.3s!important}
#hcmb-site .bars span:nth-child(5) i,#hcmb-site .bars span:nth-child(5) em,#hcmb-site .mini-chart i:nth-child(5){animation-delay:.4s!important}
#hcmb-site .mini-chart i:nth-child(6){animation-delay:.5s!important}
@keyframes hcmbOrbit{to{transform:rotate(360deg)}}
@keyframes hcmbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(11px)}}
@keyframes hcmbLine{to{stroke-dashoffset:0}}
@keyframes hcmbDot{to{opacity:1}}
@keyframes hcmbBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:900px){#hcmb-site.hcmb-motion-ready .hcmb-reveal{transform:translate3d(0,22px,0)}#hcmb-site.hcmb-motion-ready .hcmb-reveal.is-visible{transform:translate3d(0,0,0)}#hcmb-site .cards article:hover{transform:none}}
@media(max-width:560px){#hcmb-site .bpo .cards article{min-height:auto;padding:28px}}
@media(prefers-reduced-motion:reduce){#hcmb-site *,#hcmb-site *:before,#hcmb-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#hcmb-site .hcmb-reveal{opacity:1!important;transform:none!important}}

/* Artigos */
#hcmb-site .blog-hero{padding-top:130px;padding-bottom:75px;background:radial-gradient(circle at 82% 18%,rgba(8,127,111,.25),transparent 34%)}
#hcmb-site .blog-hero h1{font-size:clamp(46px,6vw,78px);max-width:930px}.blog-intro{max-width:760px}
#hcmb-site .article-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.article-filter{border:1px solid rgba(240,216,153,.45);color:var(--champ);background:transparent;border-radius:999px;padding:10px 17px;font:600 12px Montserrat;cursor:pointer}.article-filter.active,.article-filter:hover{background:var(--gold);color:var(--navy)}
#hcmb-site .articles-section{padding-top:55px}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{display:flex;flex-direction:column;min-height:430px;background:#fff;color:var(--navy);border-radius:26px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(0,0,0,.24)}.article-card-visual{height:145px;background:linear-gradient(135deg,var(--petrol),var(--navy2));position:relative;overflow:hidden}.article-card-visual:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(223,182,87,.55);border-radius:50%;right:-35px;top:-55px}.article-card[data-topic="bpo-financeiro"] .article-card-visual{background:linear-gradient(135deg,#0b2e49,#087f6f)}.article-card-body{display:flex;flex-direction:column;flex:1;padding:28px}.article-category{font:600 11px Oswald;text-transform:uppercase;letter-spacing:.09em;color:var(--emerald)}.article-card h2{font-size:25px;line-height:1.16;margin:14px 0;color:var(--navy)}.article-card p{font-size:14px;line-height:1.65;color:#65768d;margin:0 0 22px}.article-meta{font-size:11px;color:#8a99aa;margin-top:auto}.article-read{display:inline-flex;margin-top:16px;color:var(--petrol);font-weight:700;font-size:13px}
#hcmb-site .single-article{max-width:980px;padding-top:110px}.article-kicker{display:flex;gap:15px;align-items:center;color:var(--gold);font:600 12px Oswald;text-transform:uppercase;letter-spacing:.08em}.single-article h1{font-size:clamp(40px,5.4vw,68px);max-width:920px}.single-article .article-summary{font-size:20px;line-height:1.65;color:var(--light);max-width:820px}.article-content{margin-top:55px;background:#fff;color:var(--navy);border-radius:30px;padding:clamp(28px,6vw,70px)}.article-content h2{font-size:32px;color:var(--navy);margin-top:42px}.article-content h3{font:700 21px Raleway;margin-top:32px}.article-content p,.article-content li{font-size:16px;line-height:1.8;color:#45566c}.article-content a{color:var(--petrol);text-decoration:underline}.article-content .article-note{background:#eef7f5;border-left:5px solid var(--emerald);padding:20px;border-radius:12px}.back-articles{display:inline-flex;margin-top:35px;color:var(--champ);font-weight:700}.blog-cta{margin-top:55px;background:var(--petrol);border-radius:26px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-cta h2{font-size:30px;margin:0}.blog-cta p{color:var(--light);margin:8px 0 0}
@media(max-width:900px){#hcmb-site .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){#hcmb-site .articles-grid{grid-template-columns:1fr}.article-card{min-height:auto}.article-content{border-radius:20px}.single-article .article-summary{font-size:17px}}