body { background-color: #f8f9fc; font-family: 'Inter', sans-serif; }
        .navbar { background: #fff; border-bottom: 1px solid #eee; }
        .card-artigo { border: none; border-radius: 15px; transition: transform 0.3s; box-shadow: 0 4px 12px rgba(0,0,0,0.05); overflow: hidden; }
        .card-artigo:hover { transform: translateY(-5px); }
        .btn-principal { border-radius: 50px; font-weight: 700; }
        .pagination-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; }
        .page-indicator { font-weight: 600; color: #6c757d; }

        /* No seu <style> */
        .img-container { 
            height: 180px; 
            width: 100%;
            /* O overflow hidden é o que corta a imagem nos cantos */
            overflow: hidden !important; 
            border-radius: 20px !important; 
            background: #f0f2f5; 
            position: relative;
        }

        .img-artigo { 
            width: 100%; 
            height: 100%; 
            object-fit: cover;
            /* Aplicar o radius na própria imagem também resolve falhas de renderização */
            border-radius: 20px !important; 
            display: block;
        }

        /* Ajuste do Card para bater com a Home */
        .card-noticia {
            border-radius: 25px !important;
            border: none !important;
            background: #fff;
            transition: transform 0.3s ease;
        }