/* Estilos Globais da Cabana Digital */
body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f4f7f6;
    color: #333;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card {
    border: none;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,.15);
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.footer {
    background-color: #e9ecef;
    padding: 2rem 0;
    margin-top: 4rem;
    text-align: center;
}

/* Estilos para imagens responsivas dentro do conteúdo do post */
.blog-post-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block; /* Remove espaço extra abaixo da imagem */
    margin: 0 auto; /* Centraliza a imagem */
}