/* Copyright CiaByte Design - dez/2024*/
.rodape1 {display: flex;justify-content: center;align-items: center;background-color: rgb(36, 36, 72);padding: 3em 0;}
.image-group {display: flex;gap: 1em;max-width: 75em;width: 100%;}
figure {display: flex;flex-direction: column;align-items: center;margin: 0;width: 15em;text-align: center;}
.rodape1 img {max-width: 100%;}
figcaption {margin-top: 1em;font-size: 1em;text-align: center;padding: 1em;width: 100%;box-sizing: border-box;}
.fator-rodape  {font-size:1em;}
.rodape2{clear:both;background-color:rgb(29,29,58);height:auto;color:rgba(255,255,255, 0.5);text-align:center;padding:2em 0;line-height: 1.5;}
.rodape2 p {color:rgba(255,255,255, 0.8);margin:0 1em;font-size:1em;text-align:center;}		
@media screen and (max-width: 89.5em) {.fator-rodape  {font-size:0.9em;}}
@media screen and (max-width: 56em) {.fator-rodape  {font-size:0.8em;}}
@media screen and (max-width: 50em) {.fator-rodape  {font-size:0.7em;}}
@media screen and (max-width: 47em) {
   .fator-rodape  {font-size:1.5em;}
   .image-group {
        flex-direction: column;
        align-items: center;
        gap: 2em;
    }

    figure {
        width: auto; /* Deixa os figures ocuparem o espaço necessário */
        max-width: 90%; /* Garante que eles fiquem centralizados e não muito largos */
    }

    .rodape1 img {
        height: auto; /* Permite que a altura seja proporcional à largura */
        max-width: 100%; /* Garante que as imagens se ajustem à largura do figure */
    }
}