h1 {
    color: #722F37 !important;
      
}
h2 {
    color: #556B2F;
}

p {
    text-align: justify !important;
}
/* Estilo do container principal*/
.container {
    width: 100%;
    margin: 0 auto !important; /* Centraliza o container na tela */
    padding: 0 2em !important; /* Adiciona um pequeno espaçamento interno (opcional) */
    box-sizing: border-box; /* Evita que padding/margin aumentem a largura total */ 
    margin-bottom: 15px; /* Espaço abaixo da imagem */   
} 

.image-container, .image-container-left {
    width: 30%;
    max-width: 100%;
    overflow: hidden; /* Garante que imagens não vazem */
    text-align: center; /* Centraliza a legenda */
}

.image-container {
    float: right; /* Faz a imagem flutuar à direita */
    margin-left: 15px; /* Espaço entre a imagem e o texto */
}
.image-container img {
    width: 100%; /* Garante que a imagem ocupe 100% do contêiner */
    height: auto; /* Mantém a proporção da imagem */
}
.image-container-left {
    float: left; /* Faz a imagem flutuar à direita */
    margin-right: 15px; /* Espaço entre a imagem e o texto */
}
.image-container-left img {
    width: 100%; /* Garante que a imagem ocupe 100% do contêiner */
    height: auto; /* Mantém a proporção da imagem */
}
/* Estilização para o container das imagens */
.custom-image-container {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre as imagens */
}

/* Estilização para cada figura (imagem + legenda) */
.custom-image-container figure {
    margin: 0; /* Remove margens padrão */
    text-align: center; /* Centraliza o conteúdo dentro da figura */
}

/* Estilização para as imagens */
.custom-image-container img {
    max-width: 100%; /* Garante que as imagens sejam responsivas */
    height: auto; /* Mantém a proporção da imagem */
}
figcaption {
    font-size: 0.7em; /* Tamanho menor para a legenda */
    color: #555; /* Cor mais suave para a legenda */
    margin-top: 5px; /* Espaço entre a imagem e a legenda */
}
.clearfix::after {
    content: "";
    display: table;
    clear: both; /* Limpa o float para evitar problemas no layout */
}
.vermelho-citacao {
    color: #722F37 !important;
}
blockquote {
    color: #722F37 !important;
    text-align: justify;
}
.break-line {
    margin-top: 0;
    padding-top:  0;
    white-space: pre-wrap; /* Mantém quebras de linha e espaços */
}
.break::after {
    content: "\A"; /* Simula uma quebra de linha */
    white-space: pre; /* Renderiza a quebra */
}    
.pad-2 {
    padding-left: 2em;
}
.esquerda {
    float: right;
}
.texto-direita {
    text-align: right !important;
}

.verde_floresta_container {
    margin: 0;
    padding: 0; 
    color: #228b22 !important;
}