.gestao-escolar-modern #promo-gestao-escolar { min-height: 0; }
.gestao-escolar-modern #promo-gestao-escolar > .container { min-height: 0; padding-top: 168px; padding-bottom: 48px; }
.gestao-escolar-modern .ge-hero-preview { margin: 0; padding: 14px; border: 1px solid #d3ddee; border-radius: 20px; background: #fff; box-shadow: 0 18px 40px rgba(5, 10, 32, .22); }
.ge-hero-preview img { display: block; width: 100%; height: auto; }
.ge-hero-preview figcaption { margin-top: 12px; color: #202c61; font-size: 16px; font-weight: 700; line-height: 1.5; }
.ge-hero-preview figcaption span { display: block; color: #4c566f; font-size: 13px; font-weight: 400; }
.gestao-escolar-modern #promo-gestao-escolar .ge-hero__video--compact { margin-top: 16px; padding: 0; border: 0; background: none; box-shadow: none; }
.gestao-escolar-modern .ge-video--compact { display: flex; flex-direction: row; gap: 12px; min-height: 48px; aspect-ratio: auto; padding: 12px 16px; border-radius: 10px; font-size: 16px; line-height: 1.5; }
.ge-video--compact > span { color: #fff; font-size: 18px; }
.ge-hero-preview a:focus-visible { outline: 3px solid #7193df; outline-offset: 4px; }
.gestao-escolar-modern #promo-gestao-escolar .ge-hero__fit { margin: 16px 0 0; color: #e2e8f5; font-size: 15px; line-height: 1.6; }
.gestao-escolar-modern .ge-hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}
.gestao-escolar-modern .ge-hero-highlights a {
    padding: 8px 12px;
    border: 1px solid #6879ab;
    border-radius: 8px;
    color: #fff;
    background: #243468;
    font-size: 14px;
    line-height: 1.5;
}
.gestao-escolar-modern .ge-hero-highlights a:hover { background: #364b89; }
.ge-highlights { background: #eef3fc; }
.ge-highlights__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.ge-highlight {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 30px 26px;
    border: 1px solid #d4deef;
    border-top: 4px solid #526ab2;
    border-radius: 18px;
    background: #fff;
    scroll-margin-top: 130px;
}
.ge-highlight--crm { border-top-color: #08795d; }
.ge-highlight--pedagogico { border-top-color: #805bb5; }
.ge-highlight__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border-radius: 14px;
    color: #334b94;
    background: #edf1fc;
}
.ge-highlight--crm .ge-highlight__icon { color: #08654f; background: #e6f5ef; }
.ge-highlight--pedagogico .ge-highlight__icon { color: #7143a1; background: #f2ecfa; }
.ge-highlight__label { margin-bottom: 10px; color: #4c566f; font-size: 14px; font-weight: 700; line-height: 1.5; }
.ge-highlight h3 { margin: 0 0 16px; color: #202c61; font-size: 25px; line-height: 1.25; }
.ge-highlight p { flex: 1; margin: 0 0 24px; color: #4c566f; font-size: 17px; line-height: 1.65; }
.ge-highlight > a { color: #263b7c; font-size: 16px; font-weight: 700; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
.ge-highlight > a span { display: inline-block; margin-left: 5px; }
.ge-highlights__action { margin-top: 32px; text-align: center; }
.ge-highlights__action p { margin: 0; color: #4c566f; font-size: 17px; line-height: 1.6; }
.ge-highlights__action .ge-action { max-width: 100%; font-size: 16px; line-height: 1.5; }
.ge-highlights__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 28px; margin-top: 24px; }
.ge-highlights__links a { padding: 6px 0; color: #263b7c; font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.ge-highlights__links a:focus-visible { outline: 3px solid #7193df; outline-offset: 4px; }
.ge-hero-highlights a:focus-visible, .ge-highlight > a:focus-visible { outline: 3px solid #7193df; outline-offset: 4px; }
@media (max-width: 991px) {
    .ge-highlights__grid { grid-template-columns: 1fr; max-width: 680px; margin: 0 auto; }
}
@media (max-width: 767px) {
    .gestao-escolar-modern #promo-gestao-escolar > .container { padding-top: 118px; padding-bottom: 32px; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group .button { flex: 0 1 auto; width: auto !important; margin: 0 !important; padding: 0 !important; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group a { display: inline-flex; align-items: center; width: auto !important; min-height: 40px; padding: 10px 8px !important; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group .s-btn__element--left { flex: 0 0 18px; margin: 0; padding: 0; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group .description { padding: 0 0 0 4px !important; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-button-group span, .gestao-escolar-modern #promo-gestao-escolar .ge-button-group i { font-size: 15px !important; }
    .gestao-escolar-modern #promo-gestao-escolar .ge-hero__actions .ge-hero__secondary { min-height: 36px; padding: 6px 12px; border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 4px; }
    .gestao-escolar-modern .ge-hero-highlights { justify-content: center; }
    .ge-highlight { padding: 26px 22px; }
}
