section.desafio{
    margin: 4em 0 0 0;
    padding: 2em 0 3em 0;
    background: var(--laranja);
    border-radius: 50px;
}
section.desafio .titulo{
    position: relative;
    display: inline-block;
    padding: 0 0 0 6em;
}
section.desafio .titulo h2{
    padding: 0 0 15px 0;
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 2.4em;
    line-height: 1em;
    color: #fff;
}
section.desafio .titulo::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    border-radius: 0 6px 6px 0;
    background: var(--teal-escuro);
}

section.desafio .intro{
    margin: 2em 0 0 0;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 600;
    color: var(--azul-noite);
}
section.desafio .intro b{
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 1.2em;
    font-weight: bold;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.desafio .intro{
        padding: 0 6em 0 6em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.desafio .intro{
        padding: 0 3em 0 3em;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.desafio .intro{
        padding: 0 1em 0 1em;
    }
}

section.desafio .consequencias{
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 3 por linha: cada box ocupa 2 colunas */
    grid-auto-rows: 1fr; /* todas as linhas com a altura da mais alta */
    justify-content: center;
    margin: 2em 0 0 0;
}
section.desafio .consequencias .consequencia{
    display: flex;
    align-items: center;
    grid-column: span 2;
    background: var(--amarelo);
    border-radius: 20px;
}
/* 2 boxes da última linha centralizados */
section.desafio .consequencias .consequencia:nth-child(4){
    grid-column: 2 / span 2;
}
section.desafio .consequencias .consequencia:nth-child(5){
    grid-column: 4 / span 2;
}
section.desafio .consequencias .consequencia .icone img{
    display: block;
    width: 100%;
    aspect-ratio: 50/50;
}
section.desafio .consequencias .consequencia .texto{
    flex: 1;
    font-weight: bold;
    color: var(--teal-escuro);
}
@media only screen and (min-width: 1201px), only screen and (min-device-width: 1201px){
    section.desafio .consequencias{
        gap: 2em;
        padding: 0 8em 0 8em;
    }
    section.desafio .consequencias .consequencia{
        gap: 1.5em;
        padding: 0.5em 1.5em 0.5em 1.5em;
    }
    section.desafio .consequencias .consequencia .icone{
        flex: 0 0 50px;
    }
    section.desafio .consequencias .consequencia .icone img{
        max-width: 50px;
    }
    section.desafio .consequencias .consequencia .texto{
        font-size: 1em;
        line-height: 1.2em;
    }
}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){
    section.desafio .consequencias{
        gap: 1.5em;
        padding: 0 8em 0 8em;
    }
    section.desafio .consequencias .consequencia{
        gap: 1.5em;
        padding: 0.5em 1.2em 0.5em 1.2em;
    }
    section.desafio .consequencias .consequencia .icone{
        flex: 0 0 50px;
    }
    section.desafio .consequencias .consequencia .icone img{
        max-width: 50px;
    }
    section.desafio .consequencias .consequencia .texto{
        font-size: 1em;
        line-height: 1.2em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.desafio .consequencias{
        gap: 1em;
        padding: 0 3em 0 3em;
    }
    section.desafio .consequencias .consequencia{
        gap: 1em;
        padding: 0.5em 1.5em 0.5em 1.5em;
    }
    section.desafio .consequencias{
        grid-template-columns: repeat(4, 1fr); /* 2 por linha */
    }
    section.desafio .consequencias .consequencia:nth-child(4){
        grid-column: span 2;
    }
    section.desafio .consequencias .consequencia:nth-child(5){
        grid-column: 2 / span 2; /* último centralizado */
    }
    section.desafio .consequencias .consequencia .icone{
        flex: 0 0 30px;
    }
    section.desafio .consequencias .consequencia .icone img{
        max-width: 30px;
    }
    section.desafio .consequencias .consequencia .texto{
        font-size: 0.9em;
        line-height: 1.2em;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.desafio .consequencias{
        gap: 1em;
        padding: 0 1em 0 1em;
        grid-template-columns: fit-content(100%); /* 1 coluna com a largura do maior box */
    }
    section.desafio .consequencias .consequencia,
    section.desafio .consequencias .consequencia:nth-child(4),
    section.desafio .consequencias .consequencia:nth-child(5){
        grid-column: auto;
    }
    section.desafio .consequencias .consequencia{
        gap: 0.5em;
        padding: 0.5em 1em 0.5em 1em;
    }
    section.desafio .consequencias .consequencia .icone{
        flex: 0 0 20px;
    }
    section.desafio .consequencias .consequencia .icone img{
        max-width: 20px;
    }
    section.desafio .consequencias .consequencia .texto{
        font-size: 0.8em;
        line-height: 1.1em;
    }
}

section.desafio .final{
    margin: 3em 8em 0 8em;
    padding: 0 8em 0 8em;

}
section.desafio .final{
    margin: 3em 0 0 0;
}
section.desafio .final .caixa{
    text-align: justify;
    text-align-last: center;
    color: var(--amarelo);
    background: var(--teal-escuro);
    border-radius: 22px;
}
section.desafio .final .caixa .conteudo{
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    line-height: 1.35em;
    font-weight: 500;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.desafio .final{
        padding: 0 6em 0 6em;
    }
    section.desafio .final .caixa{
        padding: 1.5em 3em 1.5em 3em;
    }
    section.desafio .final .caixa .conteudo{
        font-size: 1.375em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.desafio .final{
        padding: 0 3em 0 3em;
    }
    section.desafio .final .caixa{
        padding: 1.2em 2.5em 1.2em 2.5em;
    }
    section.desafio .final .caixa .conteudo{
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.desafio .final{
        padding: 0 1em 0 1em;
    }
    section.desafio .final .caixa{
        padding: 1em 1.5em 1em 1.5em;
    }
    section.desafio .final .caixa .conteudo{
        font-size: 1em;
    }
}

/* ===================== TITULOS DAS SECOES (mesmo padrao do desafio) ===================== */
section.impactos .titulo,
section.como-atuamos .titulo,
section.agenda-estrategica .titulo,
section.denuncie .titulo{
    position: relative;
    display: inline-block;
    padding: 0 0 0 6em;
}
section.impactos .titulo h2,
section.como-atuamos .titulo h2,
section.agenda-estrategica .titulo h2,
section.denuncie .titulo h2{
    padding: 0 0 15px 0;
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 2.4em;
    line-height: 1em;
    font-weight: bold;
    color: #fff;
}
section.impactos .titulo h2,
section.como-atuamos .titulo h2{
    color: var(--azul-noite);
}
section.impactos .titulo::after,
section.como-atuamos .titulo::after,
section.agenda-estrategica .titulo::after,
section.denuncie .titulo::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    border-radius: 0 6px 6px 0;
    background: var(--teal-escuro);
}
section.impactos .titulo::after{
    background: #43C65E;
}
section.como-atuamos .titulo::after,
section.denuncie .titulo::after{
    background: #fffdd6;
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.impactos .titulo,
    section.como-atuamos .titulo,
    section.agenda-estrategica .titulo,
    section.denuncie .titulo{
        padding: 0 0 0 1em;
    }
    section.impactos .titulo h2,
    section.como-atuamos .titulo h2,
    section.agenda-estrategica .titulo h2,
    section.denuncie .titulo h2{
        font-size: 1.8em;
    }
}

/* ===================== ENCAIXE ENTRE SECOES ===================== */
/* desafio fica por cima de impactos para a sombra aparecer sobre o fundo branco */
section.desafio{
    position: relative;
    -webkit-box-shadow: 0 0.9em 1.7em rgba(0,92,92,0.41);
    box-shadow: 0 0.9em 1.7em rgba(0,92,92,0.41);
}
/* impactos passa por baixo do desafio (como no layout) */
section.impactos{
    margin: -50px 0 0 0;
    border-radius: 0 0 50px 50px;
}
/* cantos que preenchem o fundo abaixo das bordas arredondadas da secao anterior */
section.como-atuamos,
section.agenda-estrategica{
    position: relative;
    border-radius: 0 0 50px 50px;
}
section.como-atuamos::before,
section.como-atuamos::after,
section.agenda-estrategica::before,
section.agenda-estrategica::after{
    content: '';
    position: absolute;
    bottom: 100%;
    width: 50px;
    height: 50px;
}
section.como-atuamos::before,
section.agenda-estrategica::before{
    left: 0;
}
section.como-atuamos::after,
section.agenda-estrategica::after{
    right: 0;
}
section.como-atuamos::before{
    background: radial-gradient(circle 50px at 100% 0, transparent 98%, #00C0C6 100%);
}
section.como-atuamos::after{
    background: radial-gradient(circle 50px at 0 0, transparent 98%, #00C0C6 100%);
}
section.agenda-estrategica::before{
    background: radial-gradient(circle 50px at 100% 0, transparent 98%, #56CA67 100%);
}
section.agenda-estrategica::after{
    background: radial-gradient(circle 50px at 0 0, transparent 98%, #56CA67 100%);
}

/* ===================== IMPACTOS ===================== */
section.impactos{
    padding: calc(4em + 50px) 0 4em 0; /* 50px escondidos atras do desafio */
    background: #fff;
}
section.impactos .intro{
    margin: 2em 0 0 0;
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 1.375em;
    line-height: 1.7em;
    font-weight: bold;
    color: var(--teal-escuro);
}
section.impactos .cards{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr; /* todos os cards com a altura do mais alto */
    margin: 2.5em 0 0 0;
}
section.impactos .card{
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1.1em 2.5em rgba(0,92,92,0.41);
    box-shadow: 0 1.1em 2.5em rgba(0,92,92,0.41);
}
section.impactos .card .topo{
    display: flex;
    align-items: center;
    gap: 1.5em;
}
section.impactos .icone{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 6em;
    height: 4em;
    border-radius: 2em;
}
section.impactos .icone.verde{
    background: #43C65E;
}
section.impactos .icone.laranja{
    background: var(--laranja);
}
section.impactos .icone.preto{
    background: var(--preto);
}
section.impactos .icone.teal{
    background: var(--teal);
}
section.impactos .icone img{
    display: block;
    width: 100%;
    max-width: 3em;
    aspect-ratio: 48/48;
}
section.impactos .nome{
    font-size: 1.375em;
    line-height: 1.15em;
    font-weight: 900;
    color: var(--teal-titulo);
}
section.impactos .card .texto b{
    line-height: 1.2em;
    font-weight: 800;
}
section.impactos .card .texto{
    margin: 1.5em 0 0 0;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
    color: var(--teal-escuro);
}

section.impactos .beneficios{
    margin: 2em 0 0 0;
}
section.impactos .beneficios .card{
    position: relative; /* fica por cima do bloco .resultado */
    padding: 2em 2em 2.5em 2em;
    text-align: center;
}
section.impactos .beneficios .icone{
    position: absolute;
    top: 2em;
    left: 3em;
    width: 6em;
}
section.impactos .beneficios ul{
    margin: 1.5em 0 0 0;
}
section.impactos .beneficios ul li{
    font-size: 1.1em;
    line-height: 1.7em;
    font-weight: 600;
    color: var(--azul-noite);
}
section.impactos .beneficios ul li b{
    line-height: 1.7em;
    font-weight: 800;
    color: var(--teal-escuro);
}
section.impactos .beneficios .resultado{
    margin: -2em 0 0 0;
    padding: 4em 2em 2.5em 2em;
    text-align: center;
    background: var(--teal);
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 0 1.1em 2.5em rgba(0,92,92,0.41);
    box-shadow: 0 1.1em 2.5em rgba(0,92,92,0.41);
}
section.impactos .beneficios .resultado .nome{
    color: var(--amarelo);
}
section.impactos .beneficios .resultado .itens{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 1em 3em;
    margin: 1.5em 0 0 0;
}
section.impactos .beneficios .resultado .item{
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
}
section.impactos .beneficios .resultado .item:nth-child(3){
    grid-column: 1 / span 2;
    justify-content: center;
}
section.impactos .beneficios .resultado .item img{
    display: block;
    width: 100%;
    max-width: 2em;
    aspect-ratio: 32/26;
}
section.impactos .fonte{
    margin: 2.5em 1em 0 1em;
    text-align: center;
}
section.impactos .fonte span{
    display: inline-block;
    padding: 1em 1.6em 1em 1.6em;
    font-size: 0.8em;
    line-height: 1.2em;
    font-weight: 600;
    color: var(--amarelo);
    background: var(--teal-escuro);
    border-radius: 12px;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.impactos .intro{
        padding: 0 6em 0 6em;
    }
    section.impactos .cards{
        gap: 2em 4em;
        padding: 0 6em 0 6em;
    }
    section.impactos .card{
        padding: 2em 2em 2em 2em;
    }
    section.impactos .beneficios{
        padding: 0 6em 0 6em;
    }
    section.impactos .beneficios .nome{
        padding: 0 4em 0 4em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.impactos .intro{
        padding: 0 3em 0 3em;
        font-size: 1.2em;
    }
    section.impactos .cards{
        gap: 1.5em 1.5em;
        padding: 0 3em 0 3em;
    }
    section.impactos .card{
        padding: 1.5em 1.5em 1.5em 1.5em;
    }
    section.impactos .card .topo{
        gap: 1em;
    }
    section.impactos .icone{
        flex: 0 0 5em;
        height: 3.5em;
    }
    section.impactos .icone img{
        max-width: 2.5em;
    }
    section.impactos .nome{
        font-size: 1.1em;
    }
    section.impactos .card .texto{
        font-size: 1em;
    }
    section.impactos .beneficios{
        padding: 0 3em 0 3em;
    }
    section.impactos .beneficios .icone{
        position: static;
        width: 5em;
        margin: 0 auto 1em auto;
    }
    section.impactos .beneficios ul li{
        font-size: 1em;
    }
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px){
    section.impactos .cards{
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.impactos{
        padding: calc(3em + 50px) 0 3em 0;
    }
    section.impactos .intro{
        padding: 0 1em 0 1em;
        font-size: 1em;
    }
    section.impactos .cards{
        gap: 1.5em;
        padding: 0 1em 0 1em;
    }
    section.impactos .beneficios{
        padding: 0 1em 0 1em;
    }
    section.impactos .beneficios .card{
        padding: 1.5em 1em 2em 1em;
    }
    section.impactos .beneficios ul li{
        font-size: 0.9em;
    }
    section.impactos .beneficios .resultado{
        padding: 3.5em 1em 2em 1em;
    }
    section.impactos .beneficios .resultado .itens{
        grid-template-columns: auto;
    }
    section.impactos .beneficios .resultado .item,
    section.impactos .beneficios .resultado .item:nth-child(3){
        grid-column: auto;
        justify-content: flex-start;
    }
}

/* ===================== COMO ATUAMOS ===================== */
section.como-atuamos{
    padding: 4em 0 0 0;
    background: #00C0C6; /* mesma cor em que a foto esmaece */
}
section.como-atuamos .colunas{
    display: flex;
    align-items: flex-end;
}
section.como-atuamos .imagem{
    flex: 0 0 50%;
    margin: -7em 0 0 0; /* a mao sobe por tras do titulo, como no layout */
}
section.como-atuamos .imagem img{
    display: block;
    width: 126%; /* a foto avanca por baixo da coluna de texto, onde ja esta esmaecida */
    max-width: 696px;
    aspect-ratio: 696/797;
    border-radius: 0 0 0 50px;
}
section.como-atuamos .conteudo{
    flex: 1;
    color: var(--azul-noite);
}
section.como-atuamos .chamada{
    font-size: 1.375em;
    line-height: 1.2em;
    font-weight: 900;
}
section.como-atuamos .frente{
    margin: 2em 0 0 0;
}
section.como-atuamos .frente .nome{
    font-size: 1.375em;
    line-height: 1.2em;
    font-weight: bold;
    color: #fffdd6;
}
section.como-atuamos .frente .descricao{
    margin: 0.8em 0 0 0;
    font-size: 1.1em;
    line-height: 1.35em;
    font-weight: 600;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.como-atuamos .conteudo{
        padding: 0 12em 6em 0;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.como-atuamos .imagem{
        display: none;
    }
    section.como-atuamos .conteudo{
        padding: 2em 3em 4em 3em;
    }
    section.como-atuamos .chamada,
    section.como-atuamos .frente .nome{
        font-size: 1.2em;
    }
    section.como-atuamos .frente .descricao{
        font-size: 1em;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.como-atuamos{
        padding: 3em 0 0 0;
    }
    section.como-atuamos .conteudo{
        padding: 1.5em 1em 3em 1em;
    }
    section.como-atuamos .chamada,
    section.como-atuamos .frente .nome{
        font-size: 1.1em;
    }
}

/* ===================== AGENDA ESTRATEGICA ===================== */
section.agenda-estrategica{
    padding: 4em 0 4em 0;
    background: #56CA67;
    -webkit-box-shadow: 0 0.9em 1.7em rgba(0,92,92,0.41);
    box-shadow: 0 0.9em 1.7em rgba(0,92,92,0.41);
}
section.agenda-estrategica .itens{
    display: flex;
    flex-wrap: wrap;
    margin: 2.5em 0 0 0;
}
section.agenda-estrategica .item{
    flex: 1 1 auto;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: bold;
    color: var(--teal-escuro);
    background: var(--amarelo);
    border-radius: 20px;
}
section.agenda-estrategica .item.linha{
    flex: 0 0 100%;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.agenda-estrategica .itens{
        gap: 1.2em 2em;
        padding: 0 6em 0 6em;
    }
    section.agenda-estrategica .item{
        padding: 1.1em 2.5em 1.1em 2.5em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.agenda-estrategica .itens{
        gap: 1em 1.5em;
        padding: 0 3em 0 3em;
    }
    section.agenda-estrategica .item{
        padding: 1em 1.5em 1em 1.5em;
        font-size: 1em;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.agenda-estrategica{
        padding: 3em 0 3em 0;
    }
    section.agenda-estrategica .itens{
        gap: 0.8em;
        padding: 0 1em 0 1em;
    }
    section.agenda-estrategica .item{
        flex: 0 0 100%;
        padding: 0.9em 1.2em 0.9em 1.2em;
        font-size: 0.9em;
    }
}

/* ===================== DENUNCIE ===================== */
section.denuncie{
    position: relative;
    margin: 5em 0 0 0;
    padding: 4.5em 0 0 0;
    background: center top /cover no-repeat;
    background-image: url("../imagens/denuncie-fundo.webp");
    border-radius: 50px 50px 0 0;
}
section.denuncie .conteudo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    margin: 3.5em 0 0 0;
}
section.denuncie .chamada{
    max-width: 22em;
    font-size: 1.375em;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff;
}
section.denuncie .irregularidades{
    margin: 1.4em 0 0 0;
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    color: var(--amarelo);
}
section.denuncie .telefone a{
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 2.75em;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--verde);
}
section.denuncie .qrcode{
    flex: 0 0 auto;
    padding: 1em;
    background: var(--laranja);
    border-radius: 48px;
}
section.denuncie .qrcode .caixa{
    padding: 0.9em;
    background: #fff;
    border-radius: 30px;
}
section.denuncie .qrcode a{
    display: block;
}
section.denuncie .qrcode img{
    display: block;
    width: 100%;
    max-width: 132px;
    aspect-ratio: 132/132;
}

section.denuncie .parceiros{
    margin: 6em 0 0 0;
    padding: 3em 0 3em 0;
    background: var(--azul-noite);
    border-radius: 50px 50px 0 0;
}
section.denuncie .parceiros .nome{
    font-family: 'Cascadia Code', 'Cascadia Fallback', 'Courier New', monospace;
    font-size: 1.65em;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    color: var(--verde);
}
section.denuncie .parceiros .logos{
    margin: 1.6em 0 0 0;
    background: #fff;
    border-radius: 50px;
}
section.denuncie .parceiros .logos .linha{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
section.denuncie .parceiros .logos img{
    display: block;
    flex: 0 1 auto; /* no desktop os logos encolhem juntos para caber na linha */
    min-width: 0;
    max-width: 100%;
    height: auto;
}
@media only screen and (min-width: 1025px), only screen and (min-device-width: 1025px){
    section.denuncie .conteudo{
        padding: 0 6em 0 6em;
    }
    section.denuncie .parceiros .logos{
        margin: 1.6em 4.5em 0 4.5em;
        padding: 2.5em 2em 2.5em 2em;
    }
    section.denuncie .parceiros .logos .linha{
        flex-wrap: nowrap;
        gap: 2em 2.7em;
    }
    section.denuncie .parceiros .logos .linha + .linha{
        margin-top: 2em;
    }
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    section.denuncie .conteudo{
        flex-direction: column;
        align-items: flex-start;
        padding: 0 3em 0 3em;
    }
    section.denuncie .chamada{
        font-size: 1.2em;
    }
    section.denuncie .telefone a{
        font-size: 2.2em;
    }
    section.denuncie .parceiros .logos{
        margin: 1.6em 2em 0 2em;
        padding: 2em 1.5em 2em 1.5em;
    }
    section.denuncie .parceiros .logos .linha{
        gap: 1.5em 2em;
    }
    section.denuncie .parceiros .logos .linha + .linha{
        margin-top: 1.5em;
    }
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px){
    section.denuncie .parceiros .logos .linha{
        flex-direction: column; /* 1 logo por linha */
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.denuncie{
        margin: 3em 0 0 0;
        padding: 3em 0 0 0;
        border-radius: 30px 30px 0 0;
    }
    section.denuncie .conteudo{
        padding: 0 1em 0 1em;
    }
    section.denuncie .chamada{
        font-size: 1.05em;
    }
    section.denuncie .irregularidades{
        font-size: 1.2em;
    }
    section.denuncie .telefone a{
        font-size: 1.9em;
    }
    section.denuncie .parceiros{
        margin: 4em 0 0 0;
        padding: 2em 0 2em 0;
        border-radius: 30px 30px 0 0;
    }
    section.denuncie .parceiros .nome{
        font-size: 1.3em;
    }
    section.denuncie .parceiros .logos{
        margin: 1.2em 1em 0 1em;
        padding: 1.5em 1em 1.5em 1em;
        border-radius: 30px;
    }
}