/* 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 */
}

blockquote {
    color: #722F37 !important;
    text-align: justify;
}

.pad-2 {
    padding-left: 2em;
}

.esquerda {
    float: right;
}

.texto-direita {
    text-align: right !important;
}