.solutions-hub-page .dwweb-hero figure{max-width:680px}
.solutions-hub-page .dwweb-hero figure img{width:100%;height:auto;max-width:100%;object-fit:contain}
.solutions-hub-page .dwweb-hero h1{max-width:640px}
.hub-section{padding:32px 0;border-bottom:1px solid rgba(182,148,112,.23)}
.hub-heading{text-align:center;margin-bottom:22px}
.hub-heading h2{margin:5px 0 5px;color:#b69470}
.hub-heading p{margin:0;color:#cfd3da;font-size:.78rem}
.hub-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hub-solution-grid>a,.hub-audience article{display:flex;flex-direction:column;align-items:center;min-height:315px;padding:26px 20px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,rgba(19,31,46,.97),rgba(13,24,37,.94));text-align:center;transition:.25s}
.hub-solution-grid>a:hover{border-color:#b69470;transform:translateY(-3px)}
.hub-solution-grid>a>img{width:60px;height:60px;margin-bottom:20px}
.hub-solution-grid h3{margin:0 0 12px;font-size:1.05rem}
.hub-solution-grid p{margin:0;color:#d0d4db;font-size:.76rem;line-height:1.55}
.hub-solution-grid strong{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;color:#b69470;font-size:.76rem}
.hub-solution-grid strong img{width:18px;height:18px}
.hub-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none}
.hub-flow::before{content:"";position:absolute;left:8%;right:8%;top:45px;border-top:1px dashed #b69470}
.hub-flow li{position:relative;padding:0 18px;text-align:center}
.hub-flow li:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:34px;color:#b69470;font-size:1.5rem}
.hub-flow span{position:relative;z-index:1;display:grid;place-items:center;width:88px;height:88px;margin:0 auto 14px;border:1px solid #b69470;border-radius:50%;background:#071321}
.hub-flow span img{width:45px;height:45px}
.hub-flow h3{margin:0 0 8px;color:#b69470;font-size:.78rem}
.hub-flow p{margin:0;color:#cfd3da;font-size:.68rem;line-height:1.5}
.hub-audience{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.hub-audience article{min-height:190px;padding:18px 12px}
.hub-audience img{width:42px;height:42px;margin-bottom:12px}
.hub-audience h3{margin:0 0 8px;font-size:.78rem}
.hub-audience p{margin:0;color:#cfd3da;font-size:.66rem;line-height:1.45}
.hub-differences{display:grid;grid-template-columns:repeat(6,1fr)}
.hub-differences article{display:flex;gap:10px;padding:4px 15px}
.hub-differences article+article{border-left:1px solid rgba(182,148,112,.2)}
.hub-differences img{width:34px;height:34px;flex:0 0 34px}
.hub-differences h3{margin:0 0 6px;color:#b69470;font-size:.75rem}
.hub-differences p{margin:0;color:#cfd3da;font-size:.65rem;line-height:1.45}
.hub-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 10px}
.hub-faq details{border-radius:4px;background:rgba(255,255,255,.045)}
.hub-faq summary{min-height:40px;padding:9px 35px 9px 12px;font-size:.66rem}
.hub-faq summary::after{content:""!important;width:13px;height:13px;background:url("../img/sites-profissionais/icons/plus.png") center/contain no-repeat}
.hub-faq details p{padding:0 12px 12px;font-size:.68rem}
@media(max-width:1050px){
  .hub-solution-grid{grid-template-columns:1fr 1fr}
  .hub-flow{grid-template-columns:repeat(3,1fr);gap:28px 0}
  .hub-flow::before,.hub-flow li::after{display:none}
  .hub-audience{grid-template-columns:repeat(3,1fr)}
  .hub-differences{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .hub-differences article:nth-child(4){border-left:0}
}
@media(max-width:900px){.hub-faq{grid-template-columns:1fr 1fr}}
@media(max-width:560px){
  .hub-solution-grid,.hub-flow,.hub-audience,.hub-differences,.hub-faq{grid-template-columns:1fr}
  .hub-solution-grid>a{min-height:260px}
  .hub-differences article+article{padding-top:16px;border-left:0;border-top:1px solid rgba(182,148,112,.2)}
}