﻿/* =========================================================
   ISSB - RESPONSIVIDADE GLOBAL
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-container {
        max-width: 1080px;
    }

    .issb-secao {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .issb-secao-titulo {
        font-size: 40px;
    }
}

@media (max-width: 991.98px) {

    .issb-container {
        max-width: 920px;
    }

    .issb-secao {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .issb-secao-cabecalho {
        margin-bottom: 45px;
    }

    .issb-secao-titulo {
        font-size: 36px;
    }

    .issb-secao-descricao {
        font-size: 17px;
    }
}

@media (max-width: 767.98px) {

    body {
        font-size: 15px;
    }

    .issb-container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .issb-secao {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .issb-secao-cabecalho {
        margin-bottom: 38px;
        text-align: left;
    }

    .issb-secao-etiqueta {
        font-size: 12px;
    }

    .issb-secao-titulo {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .issb-secao-descricao {
        font-size: 16px;
    }

    .issb-btn {
        min-height: 50px;
        padding-right: 22px;
        padding-left: 22px;
    }

    .issb-card-corpo {
        padding: 26px;
    }

    .issb-voltar-topo {
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}

@media (max-width: 575.98px) {

    .issb-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .issb-secao {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .issb-secao-titulo {
        font-size: 28px;
    }

    .issb-secao-descricao {
        font-size: 15px;
    }

    .issb-btn {
        width: 100%;
    }

    .issb-card-corpo {
        padding: 24px;
    }

    .issb-preloader-conteudo {
        width: 190px;
    }

    .issb-preloader-logo {
        width: 92px;
    }
}


/* =========================================================
   RESPONSIVIDADE DO CABEÇALHO
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-header-conteudo {
        gap: 18px;
    }

    .issb-header-logo-texto {
        display: none;
    }

    .issb-menu-lista {
        gap: 1px;
    }

    .issb-menu-link {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 12px;
    }

    .issb-header-cta {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media (max-width: 991.98px) {

    .issb-menu-desktop,
    .issb-header-cta {
        display: none;
    }

    .issb-menu-mobile-botao {
        display: flex;
    }

    .issb-header-conteudo {
        min-height: 76px;
    }

    .issb-header.issb-header-scroll .issb-header-conteudo {
        min-height: 68px;
    }

    .issb-header-logo-img {
        width: 54px;
        height: 54px;
    }

    .issb-header.issb-header-scroll .issb-header-logo-img {
        width: 48px;
        height: 48px;
    }

    .issb-header-logo-texto {
        display: flex;
    }

    #issb-main {
        padding-top: 76px;
    }
}

@media (max-width: 575.98px) {

    .issb-header-conteudo {
        min-height: 70px;
    }

    .issb-header.issb-header-scroll .issb-header-conteudo {
        min-height: 64px;
    }

    .issb-header-logo-img {
        width: 48px;
        height: 48px;
    }

    .issb-header.issb-header-scroll .issb-header-logo-img {
        width: 44px;
        height: 44px;
    }

    .issb-header-logo-texto strong {
        font-size: 13px;
    }

    .issb-header-logo-texto span {
        font-size: 10px;
    }

    .issb-menu-mobile-botao {
        width: 43px;
        height: 43px;
    }

    .issb-menu-mobile {
        width: 340px;
        max-width: 92%;
    }

    #issb-main {
        padding-top: 70px;
    }
}

@media (max-width: 380px) {

    .issb-header-logo-texto {
        display: none;
    }
}

/* =========================================================
   RESPONSIVIDADE DO HERO
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-hero {
        padding-top: 70px;
    }

    .issb-hero-titulo {
        font-size: 51px;
    }

    .issb-hero-descricao {
        font-size: 17px;
    }

    .issb-hero-visual {
        padding-left: 10px;
    }

    .issb-painel-menu {
        width: 98px;
        flex-basis: 98px;
    }

    .issb-painel-menu-item span {
        font-size: 8px;
    }

    .issb-painel-conteudo {
        padding: 18px;
    }

    .issb-hero-selo-superior {
        right: -5px;
    }
}

@media (max-width: 991.98px) {

    .issb-hero {
        display: block;
        min-height: auto;
        padding-top: 75px;
    }

        .issb-hero > .issb-container {
            padding-bottom: 70px;
        }

    .issb-hero-conteudo {
        max-width: 760px;
        margin: 0 auto;
        text-align: center;
    }

    .issb-hero-titulo,
    .issb-hero-descricao {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
    }

    .issb-hero-titulo {
        font-size: 52px;
    }

    .issb-hero-acoes,
    .issb-hero-confianca {
        justify-content: center;
    }

    .issb-hero-visual {
        max-width: 720px;
        margin: 50px auto 0;
        padding-left: 0;
    }

    .issb-painel-menu {
        width: 120px;
        flex-basis: 120px;
    }

    .issb-painel-menu-item span {
        font-size: 9px;
    }

    .issb-hero-rodape-conteudo {
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
        text-align: center;
    }

    .issb-hero-segmentos {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {

    .issb-hero {
        padding-top: 58px;
    }

        .issb-hero > .issb-container {
            padding-bottom: 58px;
        }

    .issb-hero-etiqueta {
        margin-bottom: 20px;
        font-size: 10px;
    }

    .issb-hero-titulo {
        font-size: 42px;
        letter-spacing: -1.8px;
    }

    .issb-hero-descricao {
        font-size: 16px;
    }

    .issb-hero-acoes {
        flex-direction: column;
    }

    .issb-hero-btn {
        width: 100%;
        max-width: 390px;
    }

    .issb-hero-confianca {
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .issb-hero-visual {
        margin-top: 35px;
        padding: 35px 0;
    }

    .issb-hero-painel {
        transform: none;
    }

    .issb-hero-visual:hover .issb-hero-painel {
        transform: translateY(-3px);
    }

    .issb-painel-menu {
        width: 70px;
        flex-basis: 70px;
        padding-right: 7px;
        padding-left: 7px;
    }

    .issb-painel-menu-item {
        justify-content: center;
    }

        .issb-painel-menu-item span {
            display: none;
        }

        .issb-painel-menu-item i {
            font-size: 14px;
        }

    .issb-painel-conteudo {
        padding: 15px;
    }

    .issb-painel-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-mini-card:last-child {
        display: none;
    }

    .issb-painel-graficos {
        grid-template-columns: 1fr;
    }

    .issb-grafico-lateral {
        display: none;
    }

    .issb-hero-selo {
        display: none;
    }

    .issb-hero-segmentos {
        gap: 14px 20px;
    }
}

@media (max-width: 575.98px) {

    .issb-hero {
        padding-top: 45px;
    }

        .issb-hero > .issb-container {
            padding-bottom: 45px;
        }

    .issb-hero-etiqueta {
        padding-right: 12px;
        letter-spacing: 0.3px;
    }

    .issb-hero-etiqueta-icone {
        width: 29px;
        height: 29px;
    }

    .issb-hero-titulo {
        font-size: 35px;
        line-height: 1.12;
        letter-spacing: -1.3px;
    }

    .issb-hero-descricao {
        margin-bottom: 27px;
        font-size: 15px;
        line-height: 1.7;
    }

    .issb-hero-visual {
        width: calc(100% + 8px);
        margin-right: -4px;
        margin-left: -4px;
        padding-top: 15px;
        padding-bottom: 22px;
    }

    .issb-hero-painel {
        border-radius: 18px;
    }

    .issb-painel-topo {
        height: 50px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .issb-painel-marca img {
        width: 26px;
        height: 26px;
    }

    .issb-painel-marca span {
        font-size: 11px;
    }

    .issb-painel-corpo {
        min-height: 340px;
    }

    .issb-painel-menu {
        width: 52px;
        flex-basis: 52px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .issb-painel-menu-item {
        min-height: 43px;
        padding: 8px 4px;
    }

    .issb-painel-conteudo {
        padding: 12px;
    }

    .issb-painel-cabecalho {
        margin-bottom: 12px;
    }

        .issb-painel-cabecalho strong {
            font-size: 12px;
        }

    .issb-painel-periodo {
        display: none;
    }

    .issb-painel-cards {
        gap: 7px;
        margin-bottom: 10px;
    }

    .issb-mini-card {
        gap: 6px;
        padding: 9px 7px;
    }

    .issb-mini-card-icone {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
        font-size: 9px;
    }

    .issb-mini-card strong {
        font-size: 9px;
    }

    .issb-mini-card small,
    .issb-mini-card-resultado {
        font-size: 6px;
    }

    .issb-grafico-principal {
        padding: 11px;
    }

    .issb-grafico-area {
        height: 148px;
    }

        .issb-grafico-area svg {
            height: 120px;
        }

    .issb-hero-rodape-conteudo > span {
        font-size: 9px;
    }

    .issb-hero-segmentos {
        gap: 12px 15px;
    }

        .issb-hero-segmentos span {
            font-size: 9px;
        }
}

@media (max-width: 380px) {

    .issb-hero-etiqueta {
        font-size: 9px;
    }

    .issb-hero-titulo {
        font-size: 31px;
    }

    .issb-painel-menu {
        display: none;
    }

    .issb-hero-segmentos span:last-child {
        display: none;
    }
}

/* =========================================================
   RESPONSIVIDADE DOS INDICADORES
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-indicadores-painel {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .issb-indicadores-introducao {
        max-width: 680px;
        padding-right: 0;
        padding-bottom: 23px;
        border-right: 0;
        border-bottom: 1px solid rgba(8, 43, 117, 0.09);
    }

        .issb-indicadores-introducao h2 {
            font-size: 22px;
        }

    .issb-sobre-conteudo {
        padding-left: 15px;
    }

    .issb-sobre-titulo {
        font-size: 40px;
    }
}

@media (max-width: 991.98px) {

    .issb-indicadores {
        padding-bottom: 25px;
    }

    .issb-indicadores-painel {
        margin-top: -10px;
    }

    .issb-indicadores-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 10px;
    }

    .issb-indicador-item:nth-child(2)::after {
        display: none;
    }

    .issb-sobre-visual {
        max-width: 600px;
        margin: 0 auto 45px;
    }

    .issb-sobre-conteudo {
        max-width: 720px;
        margin: 0 auto;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {

    .issb-indicadores-painel {
        padding: 29px 24px;
        border-radius: 20px;
    }

    .issb-indicadores-introducao h2 {
        font-size: 20px;
    }

    .issb-indicador-item {
        padding-right: 12px;
        padding-left: 12px;
    }

    .issb-contador {
        font-size: 27px;
    }

    .issb-indicador-destaque {
        font-size: 24px;
    }

    .issb-sobre-visual {
        min-height: 500px;
        padding: 40px 30px;
    }

    .issb-sobre-visual-circulo {
        width: 410px;
        height: 410px;
    }

    .issb-sobre-painel-principal {
        width: 325px;
    }

    .issb-sobre-card-flutuante-1 {
        right: 0;
    }

    .issb-sobre-card-flutuante-2 {
        left: 0;
    }

    .issb-sobre-card-flutuante-3 {
        display: none;
    }

    .issb-sobre-titulo {
        font-size: 34px;
        letter-spacing: -1.1px;
    }

    .issb-sobre-texto-destaque {
        font-size: 16px;
    }

    .issb-sobre-diferenciais {
        grid-template-columns: 1fr;
    }

    .issb-sobre-acoes {
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
    }

    .issb-sobre-link {
        justify-content: center;
    }
}

@media (max-width: 575.98px) {

    .issb-indicadores {
        padding-top: 15px;
    }

    .issb-indicadores-painel {
        margin-top: 0;
        padding: 27px 20px;
    }

    .issb-indicadores-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .issb-indicador-item {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        padding: 19px 0;
    }

        .issb-indicador-item:not(:last-child)::after {
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto;
            height: 1px;
        }

    .issb-indicador-icone {
        flex: 0 0 42px;
        margin-bottom: 0;
    }

    .issb-indicador-conteudo {
        flex: 1;
    }

    .issb-sobre-visual {
        min-height: 435px;
        margin-bottom: 25px;
        padding: 15px 0;
    }

    .issb-sobre-visual-circulo {
        width: 340px;
        height: 340px;
    }

    .issb-sobre-painel-principal {
        width: 285px;
        border-radius: 22px;
    }

    .issb-sobre-painel-topo {
        padding: 18px;
    }

    .issb-sobre-painel-logo {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

        .issb-sobre-painel-logo img {
            width: 45px;
            height: 45px;
        }

    .issb-sobre-painel-topo strong {
        font-size: 14px;
    }

    .issb-sobre-painel-topo span {
        font-size: 10px;
    }

    .issb-sobre-painel-conteudo {
        padding: 21px 19px 23px;
    }

        .issb-sobre-painel-conteudo h3 {
            font-size: 19px;
        }

    .issb-sobre-painel-tags {
        grid-template-columns: 1fr;
    }

        .issb-sobre-painel-tags span:nth-child(3),
        .issb-sobre-painel-tags span:nth-child(4) {
            display: none;
        }

    .issb-sobre-card-flutuante {
        min-width: 145px;
        padding: 9px 10px;
    }

    .issb-sobre-card-flutuante-1 {
        top: 22px;
        right: -3px;
    }

    .issb-sobre-card-flutuante-2 {
        bottom: 23px;
        left: -3px;
    }

    .issb-sobre-card-icone {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 12px;
    }

    .issb-sobre-card-flutuante strong {
        font-size: 9px;
    }

    .issb-sobre-card-flutuante small {
        font-size: 7px;
    }

    .issb-sobre-titulo {
        font-size: 29px;
    }

    .issb-sobre-texto-destaque {
        font-size: 15px;
    }

    .issb-sobre-texto {
        font-size: 14px;
    }
}

@media (max-width: 380px) {

    .issb-sobre-visual-circulo {
        width: 300px;
        height: 300px;
    }

    .issb-sobre-painel-principal {
        width: 260px;
    }

    .issb-sobre-card-flutuante {
        display: none;
    }
}

/* =========================================================
   RESPONSIVIDADE DAS SOLUÇÕES
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-solucao-card {
        grid-template-columns: minmax(0, 1fr) 210px;
    }

    .issb-solucao-card-destaque {
        grid-template-columns: minmax(0, 0.85fr) minmax(430px, 1.15fr);
    }

    .issb-solucao-card-conteudo {
        padding-right: 20px;
        padding-left: 25px;
    }

    .issb-solucao-card-destaque
    .issb-solucao-card-conteudo {
        padding-left: 35px;
    }

    .issb-solucao-identidade h3 {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {

    .issb-solucoes-topo {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .issb-solucoes-grid {
        grid-template-columns: 1fr;
    }

    .issb-solucao-card,
    .issb-solucao-card-destaque {
        min-height: 490px;
        grid-column: auto;
        grid-template-columns: minmax(0, 1.1fr) minmax(245px, 0.9fr);
    }

        .issb-solucao-card-destaque
        .issb-solucao-card-conteudo {
            padding: 36px 25px 32px 30px;
        }

    .issb-solucao-dashboard {
        margin: 25px 25px 25px 0;
    }

    .issb-solucoes-cta {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .issb-solucoes-cta-acao {
        grid-column: 1 / -1;
    }

        .issb-solucoes-cta-acao .issb-btn {
            width: 100%;
        }
}

@media (max-width: 767.98px) {

    .issb-solucoes-topo {
        margin-bottom: 38px;
    }

    .issb-solucao-card,
    .issb-solucao-card-destaque {
        display: flex;
        min-height: auto;
        flex-direction: column;
    }

        .issb-solucao-card-conteudo,
        .issb-solucao-card-destaque
        .issb-solucao-card-conteudo {
            padding: 29px 25px 25px;
        }

    .issb-solucao-card-ilustracao {
        min-height: 285px;
        padding: 10px 25px 28px;
    }

    .issb-solucao-mini-tela {
        max-width: 330px;
    }

    .issb-solucao-dashboard {
        margin: 0 25px 28px;
        transform: none;
    }

    .issb-solucao-card-destaque:hover
    .issb-solucao-dashboard {
        transform: translateY(-3px);
    }

    .issb-solucao-dashboard-corpo {
        min-height: 340px;
    }

    .issb-solucoes-cta {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .issb-solucoes-cta-icone {
        margin: 0 auto;
    }
}

@media (max-width: 575.98px) {

    .issb-solucoes-topo-acao,
    .issb-solucoes-topo-acao .issb-btn {
        width: 100%;
    }

    .issb-solucoes-grid {
        gap: 18px;
    }

    .issb-solucao-card {
        border-radius: 20px;
    }

    .issb-solucao-card-conteudo,
    .issb-solucao-card-destaque
    .issb-solucao-card-conteudo {
        padding: 25px 20px 22px;
    }

    .issb-solucao-card-topo {
        margin-bottom: 19px;
    }

    .issb-solucao-identidade {
        align-items: flex-start;
    }

    .issb-solucao-icone {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 14px;
        font-size: 18px;
    }

    .issb-solucao-identidade h3,
    .issb-solucao-card-destaque
    .issb-solucao-identidade h3 {
        font-size: 18px;
    }

    .issb-solucao-badge {
        display: none;
    }

    .issb-solucao-descricao,
    .issb-solucao-card-destaque
    .issb-solucao-descricao {
        font-size: 13px;
    }

    .issb-solucao-recursos {
        grid-template-columns: 1fr;
    }

    .issb-solucao-card-ilustracao {
        min-height: 260px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .issb-solucao-dashboard {
        margin-right: 15px;
        margin-left: 15px;
        border-radius: 17px;
    }

    .issb-solucao-dashboard-menu {
        width: 49px;
        flex-basis: 49px;
        padding-right: 5px;
        padding-left: 5px;
    }

        .issb-solucao-dashboard-menu span {
            width: 34px;
            height: 34px;
        }

    .issb-solucao-dashboard-area {
        padding: 13px;
    }

    .issb-solucao-dashboard-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .issb-solucao-dashboard-cards > div:last-child {
            display: none;
        }

    .issb-solucao-dashboard-grafico {
        height: 160px;
    }

    .issb-solucao-dashboard-barras {
        height: 100px;
        gap: 6px;
    }

    .issb-solucoes-cta {
        padding: 27px 22px;
        border-radius: 19px;
    }

    .issb-solucoes-cta-texto h3 {
        font-size: 20px;
    }
}

@media (max-width: 380px) {

    .issb-solucao-dashboard-menu {
        display: none;
    }

    .issb-solucao-card-rodape {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   RESPONSIVIDADE DOS SERVIÇOS
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-servicos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-servico-card-principal {
        grid-column: span 2;
    }

    .issb-servicos-processo-etapas {
        grid-template-columns: minmax(0, 1fr) 45px minmax(0, 1fr) 45px minmax(0, 1fr) 45px minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {

    .issb-servicos-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .issb-servicos-processo-etapas {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 20px;
    }

    .issb-processo-linha {
        display: none;
    }
}

@media (max-width: 767.98px) {

    .issb-servicos-grid {
        grid-template-columns: 1fr;
    }

    .issb-servico-card-principal {
        grid-column: auto;
    }

    .issb-servico-card,
    .issb-servico-card-principal {
        min-height: auto;
        padding: 28px 24px 25px;
    }

        .issb-servico-card-principal h3 {
            font-size: 23px;
        }

    .issb-servicos-processo {
        padding: 32px 24px;
    }
}

@media (max-width: 575.98px) {

    .issb-servicos-cabecalho-acao,
    .issb-servicos-cabecalho-acao .issb-btn {
        width: 100%;
    }

    .issb-servicos-grid {
        gap: 16px;
    }

    .issb-servico-card,
    .issb-servico-card-principal {
        padding: 25px 21px 23px;
        border-radius: 18px;
    }

    .issb-servico-card-numero {
        font-size: 36px;
    }

    .issb-servico-card-icone {
        width: 50px;
        height: 50px;
        font-size: 19px;
    }

    .issb-servico-card h3,
    .issb-servico-card-principal h3 {
        font-size: 20px;
    }

    .issb-servico-lista {
        grid-template-columns: 1fr;
    }

    .issb-servicos-processo {
        padding: 28px 20px;
        border-radius: 19px;
    }

    .issb-servicos-processo-cabecalho h3 {
        font-size: 24px;
    }

    .issb-servicos-processo-etapas {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .issb-processo-etapa {
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

        .issb-processo-etapa:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .issb-processo-etapa small {
            max-width: 250px;
        }
}


/* =========================================================
   RESPONSIVIDADE DOS DIFERENCIAIS
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-diferenciais-cabecalho-selo {
        min-width: 250px;
    }

    .issb-diferenciais-apresentacao {
        padding-right: 15px;
    }

        .issb-diferenciais-apresentacao::before {
            width: 410px;
            height: 410px;
        }

    .issb-diferenciais-painel {
        max-width: 375px;
    }

    .issb-diferenciais-flutuante {
        min-width: 150px;
    }

    .issb-compromissos {
        grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.5fr);
    }

    .issb-compromissos-acao {
        grid-column: 1 / -1;
    }

        .issb-compromissos-acao .issb-btn {
            width: 100%;
        }
}

@media (max-width: 991.98px) {

    .issb-diferenciais-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .issb-diferenciais-cabecalho-selo {
        min-width: 0;
        width: 100%;
        max-width: 420px;
    }

    .issb-diferenciais-apresentacao {
        max-width: 590px;
        min-height: 570px;
        margin: 0 auto 45px;
        padding-right: 0;
    }

        .issb-diferenciais-apresentacao::before {
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .issb-diferenciais-painel {
        margin: 0 auto;
    }

    .issb-compromissos {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .issb-compromissos-introducao {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    }
}

@media (max-width: 767.98px) {

    .issb-diferenciais-grid {
        grid-template-columns: 1fr;
    }

    .issb-diferencial-card-destaque {
        grid-column: auto;
    }

    .issb-diferencial-card,
    .issb-diferencial-card-destaque {
        min-height: auto;
        padding: 27px 24px 24px;
    }

        .issb-diferencial-card-destaque h3 {
            font-size: 21px;
        }

    .issb-diferenciais-apresentacao {
        min-height: 520px;
    }

    .issb-diferenciais-flutuante-3 {
        display: none;
    }

    .issb-compromissos-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {

    .issb-diferenciais-cabecalho {
        margin-bottom: 40px;
    }

    .issb-diferenciais-cabecalho-selo {
        padding: 14px;
    }

    .issb-diferenciais-apresentacao {
        min-height: 445px;
        margin-bottom: 28px;
        padding: 10px 0;
    }

        .issb-diferenciais-apresentacao::before {
            width: 330px;
            height: 330px;
        }

    .issb-diferenciais-painel {
        width: 285px;
        border-radius: 21px;
    }

    .issb-diferenciais-painel-topo {
        align-items: flex-start;
        padding: 17px;
    }

    .issb-diferenciais-painel-marca img {
        width: 41px;
        height: 41px;
    }

    .issb-diferenciais-painel-marca strong {
        font-size: 11px;
    }

    .issb-diferenciais-painel-marca span {
        font-size: 8px;
    }

    .issb-diferenciais-painel-status {
        display: none;
    }

    .issb-diferenciais-painel-corpo {
        padding: 22px 19px;
    }

        .issb-diferenciais-painel-corpo h3 {
            font-size: 20px;
        }

    .issb-diferenciais-painel-itens {
        grid-template-columns: 1fr;
    }

        .issb-diferenciais-painel-itens > div:nth-child(3),
        .issb-diferenciais-painel-itens > div:nth-child(4) {
            display: none;
        }

    .issb-diferenciais-flutuante {
        min-width: 145px;
        padding: 9px 10px;
    }

    .issb-diferenciais-flutuante-1 {
        top: 14px;
        right: -2px;
    }

    .issb-diferenciais-flutuante-2 {
        bottom: 13px;
        left: -2px;
    }

    .issb-diferenciais-flutuante > span {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 11px;
    }

    .issb-diferenciais-flutuante strong {
        font-size: 8px;
    }

    .issb-diferenciais-flutuante small {
        font-size: 6px;
    }

    .issb-diferenciais-grid {
        gap: 15px;
    }

    .issb-diferencial-card,
    .issb-diferencial-card-destaque {
        padding: 24px 21px 22px;
        border-radius: 17px;
    }

    .issb-diferencial-numero {
        font-size: 35px;
    }

    .issb-diferencial-icone {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 16px;
    }

    .issb-diferencial-card h3,
    .issb-diferencial-card-destaque h3 {
        font-size: 18px;
    }

    .issb-diferencial-beneficios {
        flex-direction: column;
    }

        .issb-diferencial-beneficios span {
            justify-content: center;
        }

    .issb-compromissos {
        padding: 25px 21px;
        border-radius: 18px;
    }

    .issb-compromissos-introducao h3 {
        font-size: 19px;
    }
}

@media (max-width: 380px) {

    .issb-diferenciais-apresentacao::before {
        width: 290px;
        height: 290px;
    }

    .issb-diferenciais-painel {
        width: 255px;
    }

    .issb-diferenciais-flutuante {
        display: none;
    }
}


/* =========================================================
   RESPONSIVIDADE — COMO TRABALHAMOS
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-jornada-linha {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

        .issb-jornada-linha::before {
            display: none;
        }

    .issb-jornada-item:nth-child(n+6) {
        margin-top: 5px;
    }

    .issb-modelo-card h4 {
        min-height: 82px;
        font-size: 18px;
    }

    .issb-modelo-resumo {
        min-height: 80px;
    }

    .issb-personalizacoes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {

    .issb-como-trabalhamos-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-como-trabalhamos-selo {
        width: 100%;
        min-width: 0;
        max-width: 430px;
    }

    .issb-jornada-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-jornada-linha {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .issb-metodologias {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .issb-metodologias-introducao {
        position: static;
    }

    .issb-modelos-grid {
        grid-template-columns: 1fr;
    }

    .issb-modelo-card h4,
    .issb-modelo-resumo {
        min-height: 0;
    }

    .issb-politica-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

    .issb-politica-grid {
        grid-template-columns: 1fr;
    }

    .issb-observacao-contratual {
        grid-template-columns: auto minmax(0, 1fr);
    }

        .issb-observacao-contratual .issb-btn {
            grid-column: 1 / -1;
            width: 100%;
        }
}

@media (max-width: 767.98px) {

    .issb-jornada-desenvolvimento {
        padding: 27px 22px;
    }

    .issb-jornada-linha {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-metodologias-grid {
        grid-template-columns: 1fr;
    }

    .issb-modelos-cabecalho,
    .issb-modelos-cabecalho p {
        text-align: left;
    }

    .issb-personalizacoes-fluxo {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

        .issb-personalizacoes-fluxo > i {
            display: none;
        }
}

@media (max-width: 575.98px) {

    .issb-jornada-desenvolvimento {
        padding: 23px 17px;
        border-radius: 19px;
    }

    .issb-jornada-cabecalho h3 {
        font-size: 24px;
    }

    .issb-jornada-linha {
        grid-template-columns: 1fr;
    }

    .issb-jornada-item {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 15px;
        text-align: left;
    }

    .issb-jornada-numero {
        margin-bottom: 0;
    }

    .issb-jornada-icone {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

    .issb-jornada-item h4 {
        margin-bottom: 2px;
    }

    .issb-jornada-item p {
        grid-column: 3;
    }

    .issb-metodologias {
        margin-top: 55px;
    }

    .issb-metodologias-introducao h3,
    .issb-modelos-cabecalho h3,
    .issb-politica-cabecalho h3 {
        font-size: 26px;
    }

    .issb-metodologia-card {
        min-height: 0;
        padding: 18px;
    }

    .issb-modelos-contratacao,
    .issb-politica-mensalidade {
        margin-top: 60px;
    }

    .issb-modelo-card {
        padding: 27px 20px 21px;
    }

        .issb-modelo-card h4 {
            font-size: 18px;
        }

    .issb-modelo-fluxo {
        flex-direction: column;
    }

        .issb-modelo-fluxo i {
            transform: rotate(45deg);
        }

    .issb-politica-card {
        padding: 23px 18px;
    }

    .issb-politica-card-topo {
        align-items: flex-start;
    }

        .issb-politica-card-topo h4 {
            font-size: 17px;
        }

    .issb-politica-item {
        padding: 13px;
    }

    .issb-personalizacoes {
        padding: 24px 19px;
    }

    .issb-personalizacoes-conteudo {
        flex-direction: column;
    }

    .issb-personalizacoes-fluxo {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-observacao-contratual {
        grid-template-columns: 1fr;
        padding: 22px 19px;
    }

    .issb-observacao-contratual-icone {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 380px) {

    .issb-personalizacoes-fluxo {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   RESPONSIVIDADE — CLIENTES E PARCEIROS
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-clientes-indicadores {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-clientes-logos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .issb-parceiros-logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-clientes-depoimento {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .issb-clientes-depoimento-selo {
        grid-column: 1 / -1;
    }

    .issb-clientes-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {

    .issb-clientes-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-clientes-selo {
        width: 100%;
        min-width: 0;
        max-width: 430px;
    }

    .issb-clientes-area-cabecalho,
    .issb-parceiros-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-clientes-logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-segmentos-atendidos {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .issb-clientes-cta-acoes {
        width: 100%;
    }

        .issb-clientes-cta-acoes .issb-btn {
            flex: 1;
        }
}

@media (max-width: 767.98px) {

    .issb-clientes-indicadores {
        grid-template-columns: 1fr;
    }

    .issb-clientes-area,
    .issb-parceiros-area {
        padding: 27px 22px;
    }

    .issb-segmentos-grid {
        grid-template-columns: 1fr;
    }

    .issb-clientes-depoimento {
        grid-template-columns: 1fr;
    }

    .issb-clientes-depoimento-aspas {
        font-size: 40px;
    }

    .issb-clientes-depoimento-selo {
        grid-column: auto;
    }

    .issb-clientes-cta-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-clientes-cta-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-clientes-cabecalho {
        margin-bottom: 35px;
    }

    .issb-clientes-selo {
        padding: 14px;
    }

    .issb-clientes-indicadores {
        margin-bottom: 45px;
    }

    .issb-cliente-indicador {
        padding: 16px;
    }

    .issb-clientes-area,
    .issb-parceiros-area {
        padding: 23px 17px;
        border-radius: 19px;
    }

    .issb-clientes-area-cabecalho h3,
    .issb-parceiros-cabecalho h3 {
        font-size: 24px;
    }

    .issb-clientes-logos,
    .issb-parceiros-logos {
        grid-template-columns: 1fr;
    }

    .issb-cliente-logo {
        min-height: 165px;
    }

    .issb-segmentos-atendidos,
    .issb-parceiros-area {
        margin-top: 55px;
    }

    .issb-segmentos-conteudo h3 {
        font-size: 27px;
    }

    .issb-segmento-card {
        min-height: 100px;
        padding: 16px;
    }

    .issb-parceiro-logo {
        min-height: 115px;
    }

    .issb-clientes-depoimento {
        padding: 24px 20px;
    }

        .issb-clientes-depoimento blockquote {
            font-size: 15px;
        }

    .issb-clientes-depoimento-selo {
        min-width: 0;
    }

    .issb-clientes-cta {
        padding: 28px 21px;
        border-radius: 19px;
    }

        .issb-clientes-cta h3 {
            font-size: 22px;
        }
}


/* =========================================================
   RESPONSIVIDADE — PORTFÓLIO DE SISTEMAS
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-portfolio-resumo {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-produto-destaque {
        grid-template-columns: minmax(320px, 0.90fr) minmax(0, 1.10fr);
    }

    .issb-produto-destaque-conteudo {
        padding: 32px 29px;
    }

    .issb-produtos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-portfolio-personalizado {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .issb-portfolio-personalizado-acoes {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {

    .issb-portfolio-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-portfolio-cabecalho-selo {
        width: 100%;
        min-width: 0;
        max-width: 450px;
    }

    .issb-produto-destaque,
    .issb-produto-destaque-invertido {
        grid-template-columns: 1fr;
    }

        .issb-produto-destaque-imagem,
        .issb-produto-destaque-invertido .issb-produto-destaque-imagem {
            order: 1;
            height: 390px;
        }

        .issb-produto-destaque-conteudo,
        .issb-produto-destaque-invertido .issb-produto-destaque-conteudo {
            order: 2;
        }

    .issb-produto-destaque-imagem img {
        min-height: 390px;
    }

    .issb-portfolio-subcabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-portfolio-tecnologia {
        grid-template-columns: 1fr;
    }

    .issb-portfolio-personalizado-acoes {
        width: 100%;
    }

        .issb-portfolio-personalizado-acoes .issb-btn {
            flex: 1;
        }
}

@media (max-width: 767.98px) {

    .issb-portfolio-filtros {
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-right: -15px;
        margin-left: -15px;
        padding: 2px 15px 10px;
        overflow-x: auto;
    }

    .issb-portfolio-filtro {
        flex: 0 0 auto;
    }

    .issb-produto-destaque-topo {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-produto-detalhes {
        grid-template-columns: 1fr;
    }

    .issb-produto-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-produto-acoes .issb-btn,
        .issb-produto-acoes .issb-produto-link {
            justify-content: center;
            width: 100%;
        }

    .issb-produtos-grid {
        grid-template-columns: 1fr;
    }

    .issb-produto-card-conteudo > p {
        min-height: 0;
    }

    .issb-portfolio-personalizado {
        grid-template-columns: 1fr;
    }

    .issb-portfolio-personalizado-acoes {
        grid-column: auto;
        align-items: stretch;
        flex-direction: column;
    }

        .issb-portfolio-personalizado-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-portfolio-resumo {
        grid-template-columns: 1fr;
    }

    .issb-produto-destaque {
        min-height: 0;
        border-radius: 20px;
    }

    .issb-produto-destaque-imagem,
    .issb-produto-destaque-invertido .issb-produto-destaque-imagem {
        height: 270px;
    }

        .issb-produto-destaque-imagem img {
            min-height: 270px;
        }

    .issb-produto-destaque-conteudo {
        padding: 25px 20px 23px;
    }

    .issb-produto-marca {
        align-items: flex-start;
    }

    .issb-produto-marca-icone {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
        font-size: 17px;
    }

    .issb-produto-marca h3 {
        font-size: 22px;
    }

    .issb-produto-beneficios {
        grid-template-columns: 1fr;
    }

    .issb-produto-etiqueta {
        align-self: flex-start;
    }

    .issb-portfolio-outras-solucoes {
        margin-top: 58px;
    }

    .issb-portfolio-subcabecalho h3 {
        font-size: 26px;
    }

    .issb-produto-card {
        border-radius: 18px;
    }

    .issb-produto-card-imagem {
        height: 215px;
    }

    .issb-produto-card-overlay {
        opacity: 1;
        transform: translateY(0);
    }

    .issb-produto-card-conteudo {
        padding: 21px 18px 18px;
    }

    .issb-produto-card-rodape {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-portfolio-tecnologia {
        margin-top: 58px;
        padding: 26px 20px;
        border-radius: 20px;
    }

    .issb-portfolio-tecnologia-conteudo h3 {
        font-size: 25px;
    }

    .issb-portfolio-tecnologia-itens,
    .issb-tecnologia-camadas {
        grid-template-columns: 1fr;
    }

    .issb-portfolio-tecnologia-painel {
        padding: 20px 17px;
    }

    .issb-portfolio-personalizado {
        padding: 27px 21px;
        border-radius: 19px;
    }

    .issb-portfolio-personalizado-conteudo h3 {
        font-size: 21px;
    }
}

@media (max-width: 380px) {

    .issb-produto-card-overlay {
        grid-template-columns: 1fr;
    }

        .issb-produto-card-overlay span:nth-child(n+3) {
            display: none;
        }
}


/* =========================================================
   RESPONSIVIDADE — RESULTADOS E INDICADORES
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-resultados-indicadores {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-resultados-painel {
        grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);
        gap: 35px;
        padding: 40px;
    }

    .issb-resultados-transparencia {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .issb-resultados-transparencia-selo {
        grid-column: 1 / -1;
    }

    .issb-resultados-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {

    .issb-resultados-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-resultados-cabecalho-selo {
        width: 100%;
        min-width: 0;
        max-width: 440px;
    }

    .issb-resultados-painel {
        grid-template-columns: 1fr;
    }

    .issb-resultados-painel-conteudo {
        max-width: 720px;
    }

    .issb-resultados-painel-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .issb-resultados-pilares-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-resultados-pilares-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-resultados-cta-acoes {
        width: 100%;
    }

        .issb-resultados-cta-acoes .issb-btn {
            flex: 1;
        }
}

@media (max-width: 767.98px) {

    .issb-resultados-painel {
        padding: 32px 25px;
    }

    .issb-resultados-painel-beneficios {
        grid-template-columns: 1fr;
    }

    .issb-resultados-dashboard {
        transform: none;
    }

    .issb-resultados-pilares-grid {
        grid-template-columns: 1fr;
    }

    .issb-resultados-transparencia {
        grid-template-columns: 1fr;
    }

    .issb-resultados-transparencia-selo {
        grid-column: auto;
        min-width: 0;
    }

    .issb-resultados-cta-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-resultados-cta-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-resultados-indicadores {
        grid-template-columns: 1fr;
    }

    .issb-resultado-indicador {
        min-height: 0;
        padding: 23px 20px;
    }

    .issb-resultado-indicador-numero .issb-contador {
        font-size: 42px;
    }

    .issb-resultado-indicador-palavra {
        font-size: 35px;
    }

    .issb-resultados-painel {
        padding: 27px 20px;
        border-radius: 20px;
    }

    .issb-resultados-painel-conteudo h3 {
        font-size: 26px;
    }

    .issb-resultados-painel-visual {
        padding: 14px 0;
    }

    .issb-resultados-dashboard-resumo {
        grid-template-columns: 1fr;
    }

        .issb-resultados-dashboard-resumo > div:nth-child(3) {
            display: none;
        }

    .issb-resultados-dashboard-corpo {
        padding: 15px;
    }

    .issb-resultados-flutuante {
        display: none;
    }

    .issb-resultados-pilares {
        margin-top: 58px;
    }

    .issb-resultados-pilares-cabecalho h3 {
        font-size: 26px;
    }

    .issb-resultado-pilar {
        min-height: 0;
        padding: 23px 20px;
    }

    .issb-resultados-transparencia {
        padding: 24px 20px;
    }

    .issb-resultados-cta {
        padding: 28px 21px;
        border-radius: 19px;
    }

        .issb-resultados-cta h3 {
            font-size: 21px;
        }
}


/* =========================================================
   RESPONSIVIDADE — DEPOIMENTOS E PROVAS DE CONFIANÇA
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-confianca-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-depoimentos-processo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .issb-depoimentos-transparencia {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .issb-depoimentos-transparencia-selo {
        grid-column: 1 / -1;
    }

    .issb-depoimentos-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {

    .issb-depoimentos-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-depoimentos-cabecalho-selo {
        width: 100%;
        min-width: 0;
        max-width: 450px;
    }

    .issb-depoimentos-painel {
        grid-template-columns: 1fr;
    }

    .issb-depoimentos-introducao {
        padding: 32px 28px;
    }

    .issb-depoimentos-slider {
        padding: 32px 28px;
    }

    .issb-depoimentos-processo-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-provas-formatos {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .issb-depoimentos-cta-acoes {
        width: 100%;
    }

        .issb-depoimentos-cta-acoes .issb-btn {
            flex: 1;
        }
}

@media (max-width: 767.98px) {

    .issb-depoimentos-processo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-depoimento-card blockquote {
        font-size: 18px;
    }

    .issb-provas-formatos-grid {
        grid-template-columns: 1fr;
    }

    .issb-depoimentos-transparencia {
        grid-template-columns: 1fr;
    }

    .issb-depoimentos-transparencia-selo {
        grid-column: auto;
        min-width: 0;
    }

    .issb-depoimentos-cta-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-depoimentos-cta-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-confianca-grid {
        grid-template-columns: 1fr;
    }

    .issb-depoimentos-introducao,
    .issb-depoimentos-slider {
        padding: 25px 19px;
    }

        .issb-depoimentos-introducao h3 {
            font-size: 24px;
        }

    .issb-depoimentos-trilho {
        min-height: 430px;
    }

    .issb-depoimento-card {
        padding: 24px 20px;
    }

    .issb-depoimento-card-topo {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .issb-depoimento-aspas {
        font-size: 31px;
    }

    .issb-depoimento-card blockquote {
        font-size: 16px;
        line-height: 1.65;
    }

    .issb-depoimentos-processo {
        margin-top: 58px;
    }

    .issb-depoimentos-processo-cabecalho h3 {
        font-size: 26px;
    }

    .issb-depoimentos-processo-grid {
        grid-template-columns: 1fr;
    }

    .issb-depoimentos-processo-card {
        min-height: 0;
    }

    .issb-provas-formatos {
        margin-top: 58px;
    }

    .issb-provas-formatos-conteudo h3 {
        font-size: 27px;
    }

    .issb-depoimentos-transparencia {
        padding: 24px 20px;
    }

    .issb-depoimentos-cta {
        padding: 28px 21px;
        border-radius: 19px;
    }

        .issb-depoimentos-cta h3 {
            font-size: 21px;
        }
}



/* =========================================================
   RESPONSIVIDADE — PERGUNTAS FREQUENTES
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-faq-area {
        grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
        gap: 25px;
    }

    .issb-objecoes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issb-faq-resumo-contratual {
        grid-template-columns: auto minmax(0, 1fr);
    }

        .issb-faq-resumo-contratual .issb-btn {
            grid-column: 1 / -1;
            width: 100%;
        }

    .issb-faq-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {

    .issb-faq-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-faq-cabecalho-selo {
        width: 100%;
        min-width: 0;
        max-width: 450px;
    }

    .issb-faq-area {
        grid-template-columns: 1fr;
    }

    .issb-faq-introducao {
        position: static;
    }

    .issb-objecoes-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .issb-faq-cta-acoes {
        width: 100%;
    }

        .issb-faq-cta-acoes .issb-btn {
            flex: 1;
        }
}

@media (max-width: 767.98px) {

    .issb-faq-categorias {
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-right: -18px;
        margin-left: -18px;
        padding: 2px 18px 10px;
        overflow-x: auto;
    }

    .issb-faq-categoria {
        flex: 0 0 auto;
    }

    .issb-faq-resposta > div {
        padding-right: 22px;
        padding-left: 74px;
    }

    .issb-objecoes-grid {
        grid-template-columns: 1fr;
    }

    .issb-faq-resumo-contratual {
        grid-template-columns: 1fr;
    }

        .issb-faq-resumo-contratual .issb-btn {
            grid-column: auto;
        }

    .issb-faq-cta-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-faq-cta-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-faq-introducao {
        padding: 24px 20px;
    }

        .issb-faq-introducao h3 {
            font-size: 24px;
        }

    .issb-faq-pergunta {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        min-height: 82px;
        padding: 15px 16px;
    }

    .issb-faq-numero {
        width: 36px;
        height: 36px;
    }

    .issb-faq-pergunta-conteudo strong {
        font-size: 10px;
    }

    .issb-faq-abrir {
        grid-column: 1 / -1;
        width: 100%;
        height: 30px;
    }

    .issb-faq-resposta > div {
        padding: 0 17px 20px;
    }

    .issb-objecoes {
        margin-top: 58px;
    }

    .issb-objecoes-cabecalho h3 {
        font-size: 26px;
    }

    .issb-objecao-card {
        min-height: 0;
        padding: 23px 20px;
    }

    .issb-faq-resumo-contratual {
        padding: 24px 20px;
    }

    .issb-faq-cta {
        padding: 28px 21px;
        border-radius: 19px;
    }

        .issb-faq-cta h3 {
            font-size: 21px;
        }
}


/* =========================================================
   RESPONSIVIDADE — CONTATO COMERCIAL
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-contato-grid {
        grid-template-columns: minmax(285px, 0.72fr) minmax(0, 1.28fr);
    }

    .issb-contato-diferenciais {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {

    .issb-contato-cabecalho {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .issb-contato-cabecalho-selo {
        width: 100%;
        min-width: 0;
        max-width: 460px;
    }

    .issb-contato-grid {
        grid-template-columns: 1fr;
    }

    .issb-contato-informacoes {
        position: static;
    }
}

@media (max-width: 767.98px) {

    .issb-formulario-grid,
    .issb-formulario-opcoes {
        grid-template-columns: 1fr;
    }

    .issb-formulario-rodape {
        align-items: stretch;
        flex-direction: column;
    }

    .issb-formulario-enviar {
        width: 100%;
    }

    .issb-contato-sucesso-acoes {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        max-width: 420px;
    }

        .issb-contato-sucesso-acoes .issb-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .issb-contato-informacoes {
        padding: 24px 19px;
        border-radius: 19px;
    }

    .issb-contato-informacoes-topo h3 {
        font-size: 24px;
    }

    .issb-contato-canal {
        grid-template-columns: auto minmax(0, 1fr);
    }

        .issb-contato-canal > i {
            display: none;
        }

    .issb-contato-formulario-area {
        border-radius: 19px;
    }

    .issb-contato-formulario-topo {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px 18px;
    }

    .issb-contato-formulario {
        padding: 23px 18px 25px;
    }

    .issb-formulario-secao {
        margin-bottom: 25px;
        padding-bottom: 24px;
    }

    .issb-formulario-opcao {
        min-height: 84px;
    }

    .issb-formulario-privacidade > span:last-child {
        font-size: 7px;
    }

    .issb-contato-sucesso {
        min-height: 620px;
        padding: 45px 20px;
    }

        .issb-contato-sucesso h3 {
            font-size: 24px;
        }

    .issb-contato-diferenciais {
        grid-template-columns: 1fr;
    }
}



/* =========================================================
   RESPONSIVIDADE — RODAPÉ INSTITUCIONAL
   ========================================================= */

@media (max-width: 1199.98px) {

    .issb-footer-principal {
        grid-template-columns: minmax(250px, 1.35fr) repeat(3, minmax(145px, 0.75fr));
    }

    .issb-footer-coluna-contato {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 20px;
        padding-top: 25px;
        border-top: 1px solid rgba(255, 255, 255, 0.075);
    }

        .issb-footer-coluna-contato .issb-footer-coluna-etiqueta,
        .issb-footer-coluna-contato h3 {
            display: none;
        }

        .issb-footer-coluna-contato .issb-footer-contatos {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .issb-footer-coluna-contato .issb-footer-contato-botao {
            min-width: 180px;
            margin-top: 0;
        }
}

@media (max-width: 991.98px) {

    .issb-footer-chamada {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
        margin-bottom: 45px;
    }

    .issb-footer-chamada-acoes {
        width: 100%;
    }

        .issb-footer-chamada-acoes .issb-btn {
            flex: 1;
        }

    .issb-footer-principal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 10px;
    }

    .issb-footer-marca {
        grid-column: 1 / -1;
        max-width: 650px;
        padding-right: 0;
    }

    .issb-footer-coluna-contato {
        grid-template-columns: 1fr;
    }

        .issb-footer-coluna-contato .issb-footer-contatos {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .issb-footer-coluna-contato .issb-footer-contato-botao {
            width: 100%;
        }

    .issb-footer-tecnologia {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-footer-tecnologia-itens {
        justify-content: flex-start;
    }

    .issb-footer-empresa {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-footer-empresa-informacoes {
        justify-content: flex-start;
    }

    .issb-footer {
        padding-top: 45px;
    }

}

@media (max-width: 767.98px) {

    .issb-footer-chamada {
        padding: 32px 27px;
    }

        .issb-footer-chamada h2 {
            font-size: 25px;
        }

    .issb-footer-chamada-acoes {
        align-items: stretch;
        flex-direction: column;
    }

        .issb-footer-chamada-acoes .issb-btn {
            width: 100%;
        }

    .issb-footer-principal {
        gap: 35px 25px;
    }

    .issb-footer-coluna-contato .issb-footer-contatos {
        grid-template-columns: 1fr;
    }

    .issb-footer-inferior {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 21px 0;
    }
}

@media (max-width: 575.98px) {

    .issb-footer-chamada {
        margin-bottom: 38px;
        padding: 27px 20px;
        border-radius: 20px;
    }

        .issb-footer-chamada h2 {
            font-size: 21px;
        }

    .issb-footer-principal {
        grid-template-columns: 1fr;
        gap: 34px;
        padding-top: 5px;
    }

    .issb-footer-marca,
    .issb-footer-coluna-contato {
        grid-column: auto;
    }

    .issb-footer-logo img {
        width: 60px;
        height: 60px;
    }

    .issb-footer-descricao {
        max-width: none;
    }

    .issb-footer-coluna {
        padding-bottom: 28px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.065);
    }

    .issb-footer-coluna-contato {
        padding-top: 0;
        border-top: 0;
    }

    .issb-footer-tecnologia {
        padding: 21px 0;
    }

    .issb-footer-tecnologia-titulo {
        min-width: 0;
    }

    .issb-footer-tecnologia-itens {
        gap: 6px;
    }

    .issb-footer-empresa {
        gap: 20px;
    }

    .issb-footer-empresa-informacoes {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-footer-juridico-links {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .issb-footer-copyright {
        align-items: flex-start;
        flex-direction: column;
    }

    .issb-footer {
        padding-top: 35px;
    }

}



