.conecta-hub .conecta-hub__hero {
    background: #edf3f0;
    color: #1a4a47;
    padding-block: 72px;
    border-bottom: 1px solid #d7e4dd;
}
.conecta-hub .conecta-hub__hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
    align-items: center;
}
.conecta-hub .conecta-hub__brand {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 28px;
}
.conecta-hub .conecta-hub__brand > img { width: 194px; max-width: 194px; height: auto; mix-blend-mode: multiply; }
.conecta-hub__brand > span { font-size: 13px; color: #4e6861; }
.conecta-hub .conecta-hub__copy h1 {
    margin: 0 0 24px;
    font-size: clamp(42px, 4.4vw, 62px);
    line-height: 1.07;
    letter-spacing: -.035em;
    color: #1a4a47;
    text-wrap: balance;
}
.conecta-hub .conecta-hub__lead {
    font-size: 19px;
    line-height: 1.65;
    max-width: 43ch;
    color: #415d55;
    margin: 0;
}
.conecta-hub .conecta-lp__actions { margin-top: 28px; gap: 20px; }
.conecta-hub .conecta-lp__button:focus { background: #f5a623; color: #202927; }
.conecta-hub .conecta-hub__explore {
    color: #1a4a47;
    font-size: 15px;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.conecta-hub .conecta-hub__note {
    font-size: 13px;
    color: #4e6861;
    margin: 22px 0 0;
    max-width: 40ch;
}
.conecta-hub .conecta-hub__solutions h2 {
    font-size: 19px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -.015em;
    color: #1a4a47;
    margin: 0 0 20px;
}
.conecta-hub__modules {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.conecta-hub .conecta-hub__module {
    display: grid;
    grid-template-columns: 90px 1fr;
    align-items: center;
    gap: 10px;
    min-height: 116px;
    padding: 12px 14px 12px 4px;
    color: #1a4a47;
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgb(20 61 52 / 4%);
    transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.conecta-hub .conecta-hub__module > .conecta-module-symbol {
    width: 90px;
    max-width: 90px;
    height: 90px;
    border-radius: 4px;
}
.conecta-hub__module strong { display: block; font-size: 19px; font-weight: 600; line-height: 1.3; }
.conecta-hub__module-label > span { display: block; margin-top: 6px; font-size: 12px; line-height: 1.4; color: #526b63; }
.conecta-hub .conecta-hub__module:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgb(20 61 52 / 10%);
}
.conecta-hub .conecta-hub__solutions-note {
    font-size: 13px;
    color: #4e6861;
    margin: 18px 0 0;
}
@media (max-width: 1100px) {
    .conecta-hub .conecta-hub__hero-grid { gap: 32px; grid-template-columns: .95fr 1.05fr; }
    .conecta-hub .conecta-hub__module { grid-template-columns: 68px 1fr; padding-right: 10px; gap: 6px; }
    .conecta-hub .conecta-hub__module > .conecta-module-symbol { width: 68px; max-width: 68px; height: 78px; }
    .conecta-hub__module strong { font-size: 17px; }
}
@media (max-width: 860px) {
    .conecta-hub .conecta-hub__hero { padding-block: 44px; }
    .conecta-hub .conecta-hub__hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .conecta-hub .conecta-hub__lead { max-width: 55ch; }
    .conecta-hub .conecta-hub__module { grid-template-columns: 90px 1fr; min-height: 100px; }
    .conecta-hub .conecta-hub__module > .conecta-module-symbol { width: 90px; max-width: 90px; height: 84px; }
    .conecta-hub__module strong { font-size: 19px; }
}
@media (max-width: 480px) {
    .conecta-hub .conecta-hub__hero { padding-block: 32px; }
    .conecta-hub .conecta-hub__brand { flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
    .conecta-hub .conecta-hub__brand > img { width: 170px; max-width: 170px; }
    .conecta-hub__brand > span { font-size: 12px; }
    .conecta-hub .conecta-hub__copy h1 { font-size: clamp(35px, 10.5vw, 46px); }
    .conecta-hub .conecta-hub__lead { font-size: 17px; }
    .conecta-hub .conecta-hub__module { grid-template-columns: 1fr; gap: 0; padding: 12px; }
    .conecta-hub .conecta-hub__module > .conecta-module-symbol { width: 100%; max-width: 100%; height: 76px; }
    .conecta-hub__module strong { font-size: 17px; }
    .conecta-hub .conecta-hub__note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .conecta-hub .conecta-hub__module { transition: none; }
    .conecta-hub .conecta-hub__module:hover { transform: none; }
}