/*static/css/adout.css*/
.about {
    max-width: 800px; /* Limita a largura do conteúdo */
    margin: 20px auto; /* Centraliza horizontalmente e adiciona margem superior */
    padding: 30px; /* Maior espaçamento interno */
    background-color: #f8f9fa; /* Fundo claro */
    border-radius: 10px; /* Bordas arredondadas */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    text-align: justify; /* Alinhamento justificado */
    line-height: 1.8; /* Melhor espaçamento entre linhas */
    font-size: 1rem; /* Tamanho legível */
    color: #333; /* Cor do texto */
}

.about h1 {
    text-align: center; /* Centraliza o título */
    font-size: 2.5rem; /* Destaque maior para o título */
    color: #1a2d4d; /* Cor do título */
    margin-bottom: 25px; /* Espaçamento abaixo do título */
}

.about p {
    font-size: 1.1rem; /* Tamanho confortável do texto */
    line-height: 1.8; /* Maior espaçamento para leitura */
    margin-bottom: 20px; /* Espaçamento entre parágrafos */
    border-bottom: 1px solid #4f96f9; /* Linha fina azul abaixo de cada parágrafo */
    padding-bottom: 10px; /* Espaço entre o texto e a linha */
}

.about p:last-child {
    margin-bottom: 0; /* Remove espaço extra no último parágrafo */
    border-bottom: none; /* Remove a linha do último parágrafo */
}

/* Responsividade */
@media (max-width: 768px) {
    .about {
        padding: 20px; /* Reduz o padding em telas menores */
    }

    .about h1 {
        font-size: 2rem; /* Ajusta o tamanho do título */
    }

    .about p {
        font-size: 1rem; /* Ajusta o texto para telas menores */
    }
}

@media (max-width: 480px) {
    .about {
        margin: 10px; /* Reduz a margem em telas muito pequenas */
        padding: 15px; /* Padding mais compacto */
    }

    .about h1 {
        font-size: 1.8rem; /* Reduz tamanho do título */
    }

    .about p {
        font-size: 0.9rem; /* Texto mais compacto */
    }
}