/* ========================================
   NOTÍCIAS MODERNAS - LAYOUT REVISTA DIGITAL
   Sistema Multi-Cliente - Design Surpreendente
   ======================================== */

/* ==== SISTEMA DE VARIÁVEIS UNIVERSAL ==== */
.news-modern-section {
    /* ==== PALETA DE CORES HARMONIZADA COM BLOG E DETALHE ==== */
    --news-primary-color: #2c3e50;
    --news-secondary-color: #34495e;
    --news-accent-color: #3498db;
    --news-accent-light: #5dade2;
    --news-accent-soft: #F7FAFC;
    --news-white: #FFFFFF;
    --news-gray-50: #F9FAFB;
    --news-gray-100: #F3F4F6;
    --news-gray-200: #E5E7EB;
    --news-gray-300: #D1D5DB;
    --news-gray-400: #9CA3AF;
    --news-gray-500: #6B7280;
    --news-gray-600: #4B5563;
    --news-gray-700: #374151;
    --news-gray-800: #1F2937;
    --news-gray-900: #111827;
    
    /* ==== SOMBRAS MODERNAS ==== */
    --news-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --news-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --news-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --news-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --news-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --news-shadow-glow: 0 0 40px rgba(113, 128, 150, 0.4);
    
    /* ==== GRADIENTES NEUTROS ==== */
    --news-gradient-primary: linear-gradient(135deg, var(--news-primary-color) 0%, var(--news-secondary-color) 100%);
    --news-gradient-accent: linear-gradient(135deg, var(--news-accent-color) 0%, var(--news-accent-light) 100%);
    --news-gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    --news-gradient-hero: linear-gradient(135deg, rgba(45, 55, 72, 0.95) 0%, rgba(74, 85, 104, 0.9) 100%);
    --news-gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    
    /* ==== ESPAÇAMENTOS ==== */
    --news-space-xs: 0.5rem;
    --news-space-sm: 0.75rem;
    --news-space-md: 1rem;
    --news-space-lg: 1.5rem;
    --news-space-xl: 2rem;
    --news-space-2xl: 3rem;
    --news-space-3xl: 4rem;
    
    /* ==== BORDAS E RAIO ==== */
    --news-radius-sm: 0.5rem;
    --news-radius-md: 0.75rem;
    --news-radius-lg: 1rem;
    --news-radius-xl: 1.5rem;
    --news-radius-2xl: 2rem;
    
    /* ==== TRANSIÇÕES ==== */
    --news-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --news-transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --news-transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    
    /* ==== FONTES ==== */
    --news-font-primary: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --news-font-display: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* ==== LAYOUT PRINCIPAL ==== */
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    position: relative;
    overflow: visible;
    padding: var(--news-space-3xl) 0;
    margin-top: 30px;
}

/* ==== BACKGROUND DECORATIVO ==== */
.news-modern-section::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--news-accent) 20%, 
        var(--news-primary) 50%, 
        var(--news-accent) 80%, 
        transparent 100%);
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);
    pointer-events: none;
    z-index: 0;
}

/* ==== CONTAINER PRINCIPAL ==== */
.news-modern-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--news-space-xl);
    position: relative;
    z-index: 1;
}

/* ==== TÍTULO DA SEÇÃO ==== */
.news-modern-header {
    text-align: center;
    margin-bottom: var(--news-space-3xl);
}

.news-modern-title {
    font-family: var(--news-font-display);
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    background: var(--news-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 var(--news-space-lg) 0;
    position: relative;
}

.news-modern-subtitle {
    font-family: var(--news-font-primary);
    font-size: 1.25rem;
    color: var(--news-gray-600);
    line-height: 1.6;
    font-weight: 400;
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
}

.news-modern-divider {
    width: 80px;
    height: 4px;
    background: var(--news-gradient-accent);
    border-radius: 2px;
    margin: var(--news-space-xl) auto 0;
}

/* ========================================
   LAYOUT DE REVISTA DIGITAL
   ======================================== */

.news-magazine-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--news-space-2xl);
    margin-bottom: var(--news-space-3xl);
}

/* ==== LAYOUT CENTRALIZADO PARA NOTÍCIA ÚNICA ==== */
.news-magazine-grid.news-single-item {
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 800px;
    margin: 0 auto var(--news-space-3xl) auto;
}

.news-magazine-grid.news-single-item .news-hero-card {
    max-width: 100%;
    width: 100%;
}

/* ==== HERO CARD (NOTÍCIA PRINCIPAL) ==== */
.news-hero-card {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: var(--news-radius-2xl);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
    transition: var(--news-transition-normal);
    cursor: pointer;
}

.news-hero-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--news-shadow-2xl), var(--news-shadow-glow);
}

.news-hero-image {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.news-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--news-transition-slow);
}

.news-hero-card:hover .news-hero-image img {
    transform: scale(1.05);
}


/* ==== OVERLAY DA NOTÍCIA PRINCIPAL - GRADIENTE SUTIL PARA VISIBILIDADE DA IMAGEM ==== */
.news-hero-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    /* Gradiente sutil que permite ver a imagem */
    background: linear-gradient(180deg, 
        transparent 0%, 
        rgba(0, 0, 0, 0.05) 60%, 
        rgba(0, 0, 0, 0.2) 80%, 
        rgba(0, 0, 0, 0.4) 100%) !important;
    padding: 0 !important;
    color: white !important;
    z-index: 10 !important;
    /* Altura reduzida e mais elegante */
    min-height: 120px;
    max-height: 150px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

/* ==== CONTAINER DO CONTEÚDO DA NOTÍCIA PRINCIPAL - VIDRO FUMÊ ELEGANTE ==== */
.news-hero-content {
    /* Vidro fumê elegante com translucidez refinada */
    background: linear-gradient(135deg, 
        rgba(0, 0, 0, 0.45) 0%, 
        rgba(0, 0, 0, 0.55) 50%, 
        rgba(0, 0, 0, 0.65) 100%) !important;
    backdrop-filter: blur(25px) saturate(1.2);
    -webkit-backdrop-filter: blur(25px) saturate(1.2);
    padding: 1.75rem 2.25rem;
    border-radius: 1.25rem 1.25rem 0 0;
    box-shadow: 
        0 -12px 40px rgba(0, 0, 0, 0.25),
        0 -6px 20px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0 1.75rem 1.25rem 1.75rem;
    position: relative;
    /* Efeito de borda luminosa refinada */
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    /* Efeito de vidro fumê adicional */
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
}

/* ==== EFEITO DE BRILHO SUTIL E MODERNO ==== */
.news-hero-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.3) 25%, 
        rgba(255, 255, 255, 0.6) 50%, 
        rgba(255, 255, 255, 0.3) 75%, 
        transparent 100%);
    border-radius: 1px;
}

/* ==== BADGE ULTRA MODERNO COM GLASSMORPHISM ==== */
.news-hero-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, 
        rgba(52, 152, 219, 0.9) 0%, 
        rgba(93, 173, 226, 0.8) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    box-shadow: 
        0 4px 12px rgba(52, 152, 219, 0.3),
        0 2px 6px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==== EFEITO DE BRILHO MODERNO NO BADGE ==== */
.news-hero-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.3) 50%, 
        transparent 100%);
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-hero-badge:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 6px 20px rgba(52, 152, 219, 0.4),
        0 4px 12px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.news-hero-badge:hover::before {
    left: 100%;
}

/* ==== TÍTULO HARMONIZADO COM VIDRO FUMÊ ==== */
.news-hero-title {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.4rem, 2.8vw, 1.8rem);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 0.875rem 0;
    color: #ffffff !important;
    text-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.8),
        0 1px 4px rgba(0, 0, 0, 0.6),
        0 0 2px rgba(0, 0, 0, 0.4);
    letter-spacing: -0.015em;
    position: relative;
    /* Efeito de vidro fumê no texto */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==== EXCERPT HARMONIZADO COM VIDRO FUMÊ ==== */
.news-hero-excerpt {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #ffffff !important;
    margin: 0 0 1.125rem 0;
    text-shadow: 
        0 2px 6px rgba(0, 0, 0, 0.7),
        0 1px 3px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.005em;
    font-weight: 400;
    max-width: 90%;
    /* Efeito de vidro fumê no texto */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==== META INFORMAÇÕES ELEGANTES E MODERNAS ==== */
.news-hero-meta {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    font-size: 0.8rem;
    font-weight: 500;
    flex-wrap: wrap;
    /* Efeito de vidro fumê no texto */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.news-hero-meta span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(20px) saturate(1.1);
    -webkit-backdrop-filter: blur(20px) saturate(1.1);
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: #ffffff !important;
    text-shadow: 
        0 2px 6px rgba(0, 0, 0, 0.7),
        0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: 500;
    box-shadow: 
        0 3px 12px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    /* Efeito de vidro fumê adicional */
    background-image: 
        radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
}

.news-hero-meta span:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(-2px);
    box-shadow: 
        0 4px 16px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.news-hero-meta i {
    opacity: 1;
    font-size: 0.9rem;
    color: #ffffff !important;
    text-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.8),
        0 1px 1px rgba(0, 0, 0, 0.6);
}

.news-hero-read-more {
    display: inline-flex;
    align-items: center;
    gap: var(--news-space-xs);
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: var(--news-space-sm) var(--news-space-lg);
    border-radius: var(--news-radius-lg);
    text-decoration: none;
    font-weight: 600;
    transition: var(--news-transition-normal);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.news-hero-read-more:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(4px);
    color: white;
    text-decoration: none;
}

/* ==== SIDEBAR DE NOTÍCIAS ==== */
.news-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--news-space-xl);
}

.news-sidebar-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: var(--news-radius-xl);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: var(--news-transition-normal);
    cursor: pointer;
}

.news-sidebar-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--news-shadow-2xl), var(--news-shadow-glow);
}

.news-sidebar-image {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.news-sidebar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--news-transition-normal);
}

.news-sidebar-card:hover .news-sidebar-image img {
    transform: scale(1.1);
}

.news-sidebar-content {
    padding: var(--news-space-lg);
}

.news-sidebar-title {
    font-family: var(--news-font-display);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 var(--news-space-sm) 0;
    color: var(--news-primary-color);
}

.news-sidebar-excerpt {
    font-family: var(--news-font-primary);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--news-gray-600);
    margin: 0 0 var(--news-space-md) 0;
}

.news-sidebar-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--news-gray-500);
}

.news-sidebar-read-more {
    color: var(--news-accent-color);
    text-decoration: none;
    font-weight: 600;
    transition: var(--news-transition-fast);
}

.news-sidebar-read-more:hover {
    color: var(--news-primary-color);
    text-decoration: none;
}

/* ==== GRID DE NOTÍCIAS ADICIONAIS ==== */
.news-additional-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--news-space-xl);
    margin-bottom: var(--news-space-3xl);
}

.news-additional-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: var(--news-radius-xl);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: var(--news-transition-normal);
    cursor: pointer;
}

.news-additional-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--news-shadow-2xl), var(--news-shadow-glow);
}

.news-additional-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-additional-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--news-transition-normal);
}

.news-additional-card:hover .news-additional-image img {
    transform: scale(1.05);
}

.news-additional-content {
    padding: var(--news-space-lg);
}

.news-additional-title {
    font-family: var(--news-font-display);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 var(--news-space-sm) 0;
    color: var(--news-primary-color);
}

.news-additional-excerpt {
    font-family: var(--news-font-primary);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--news-gray-600);
    margin: 0 0 var(--news-space-md) 0;
}

.news-additional-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--news-gray-500);
}

.news-additional-read-more {
    color: var(--news-accent-color);
    text-decoration: none;
    font-weight: 600;
    transition: var(--news-transition-fast);
}

.news-additional-read-more:hover {
    color: var(--news-primary-color);
    text-decoration: none;
}

/* ==== BOTÃO VER TODAS ==== */
.news-view-all {
    text-align: center;
    margin-top: var(--news-space-2xl);
}

.news-view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--news-space-sm);
    background: var(--news-gradient-primary);
    color: white;
    padding: var(--news-space-lg) var(--news-space-2xl);
    border-radius: var(--news-radius-xl);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.125rem;
    transition: var(--news-transition-normal);
    box-shadow: var(--news-shadow-lg);
    border: none;
    cursor: pointer;
}

.news-view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--news-shadow-xl);
    color: white;
    text-decoration: none;
}

.news-view-all-btn i {
    transition: var(--news-transition-fast);
}

.news-view-all-btn:hover i {
    transform: translateX(4px);
}

/* ========================================
   RESPONSIVIDADE
   ======================================== */

@media (max-width: 1024px) {
    .news-magazine-grid {
        grid-template-columns: 1fr;
        gap: var(--news-space-xl);
    }
    
    .news-hero-image {
        height: 300px;
    }
    
    .news-hero-overlay {
        min-height: 140px;
        max-height: 180px;
    }
    
    .news-hero-content {
        padding: 1.25rem 1.5rem;
        margin: 0 1rem;
    }
    
    .news-hero-title {
        font-size: 1.375rem;
    }
    
    .news-hero-excerpt {
        font-size: 0.85rem;
    }
}

/* ==== RESPONSIVIDADE PARA NOTÍCIA ÚNICA ==== */
@media (max-width: 768px) {
    .news-magazine-grid.news-single-item {
        max-width: 100%;
        margin: 0 auto var(--news-space-2xl) auto;
    }
    
    .news-magazine-grid.news-single-item .news-hero-card {
        margin: 0;
    }
}

/* ==== RESPONSIVIDADE TABLET GRANDE ==== */
@media (max-width: 1024px) and (min-width: 901px) {
    .news-hero-image {
        height: 380px; /* Altura intermediária */
    }
    
    .news-hero-overlay {
        min-height: 110px; /* Overlay reduzido */
        max-height: 140px;
    }
    
    .news-hero-content {
        padding: 1.5rem 1.75rem;
        margin: 0 1.25rem 1rem 1.25rem;
        background: linear-gradient(135deg, 
            rgba(0, 0, 0, 0.5) 0%, 
            rgba(0, 0, 0, 0.6) 100%) !important; /* Fundo mais sutil */
    }
    
    .news-hero-title {
        font-size: 1.5rem;
    }
    
    .news-hero-excerpt {
        font-size: 0.9rem;
    }
}

/* ==== RESPONSIVIDADE TABLET ==== */
@media (max-width: 900px) and (min-width: 769px) {
    .news-hero-image {
        height: 350px; /* Altura otimizada para tablet */
    }
    
    .news-hero-overlay {
        min-height: 100px; /* Overlay mais reduzido */
        max-height: 130px;
    }
    
    .news-hero-content {
        padding: 1.25rem 1.5rem; /* Padding reduzido */
        margin: 0 1rem 0.875rem 1rem; /* Margem reduzida */
        background: linear-gradient(135deg, 
            rgba(0, 0, 0, 0.55) 0%, 
            rgba(0, 0, 0, 0.65) 100%) !important; /* Fundo mais sutil */
    }
    
    .news-hero-title {
        font-size: 1.4rem; /* Título menor */
    }
    
    .news-hero-excerpt {
        font-size: 0.85rem; /* Texto menor */
    }
    
    .news-hero-meta {
        gap: 0.875rem;
    }
}

/* ==== RESPONSIVIDADE MOBILE ==== */
@media (max-width: 768px) {
    .news-modern-container {
        padding: 0 var(--news-space-md);
    }
    
    .news-modern-section {
        padding: var(--news-space-2xl) 0;
    }
    
    .news-modern-title {
        font-size: 2.5rem;
    }
    
    .news-hero-image {
        height: 300px; /* Aumentado para mobile */
    }
    
    .news-hero-overlay {
        min-height: 80px; /* Reduzido para mostrar mais imagem */
        max-height: 120px;
    }
    
    .news-hero-content {
        padding: 1rem 1.25rem; /* Padding reduzido para mobile */
        margin: 0 0.75rem 0.75rem 0.75rem; /* Margem reduzida */
        border-radius: 0.75rem 0.75rem 0 0;
        background: linear-gradient(135deg, 
            rgba(0, 0, 0, 0.7) 0%, 
            rgba(0, 0, 0, 0.8) 100%) !important;
    }
    
    .news-hero-badge {
        padding: 0.4rem 0.8rem;
        font-size: 0.7rem;
        margin-bottom: 0.75rem;
    }
    
    .news-hero-title {
        font-size: 1.125rem; /* Título menor para mobile */
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }
    
    .news-hero-excerpt {
        font-size: 0.8rem; /* Texto menor para mobile */
        margin-bottom: 0.75rem;
        line-height: 1.4;
        max-width: 100%; /* Ocupa toda a largura */
    }
    
    .news-hero-meta {
        font-size: 0.7rem;
        gap: 0.75rem;
        flex-direction: row; /* Mantém em linha para mobile */
        align-items: center;
        flex-wrap: wrap;
    }
    
    .news-hero-meta span {
        padding: 0.4rem 0.6rem; /* Padding menor */
        font-size: 0.7rem;
        background: rgba(0, 0, 0, 0.8);
        color: #ffffff !important;
        font-weight: 600;
        border-radius: 1rem; /* Bordas mais arredondadas */
    }
    
    .news-sidebar-image {
        height: 100px;
    }
    
    .news-additional-grid {
        grid-template-columns: 1fr;
        gap: var(--news-space-lg);
    }
    
    .news-additional-image {
        height: 150px;
    }
}

/* ==== RESPONSIVIDADE PARA TELAS MUITO PEQUENAS ==== */
@media (max-width: 480px) {
    .news-modern-container {
        padding: 0 var(--news-space-sm);
    }
    
    .news-hero-image {
        height: 250px; /* Altura otimizada para telas muito pequenas */
    }
    
    .news-hero-overlay {
        min-height: 60px; /* Overlay bem reduzido para mostrar mais imagem */
        max-height: 100px;
    }
    
    .news-hero-content {
        padding: 0.75rem 1rem; /* Padding ainda menor */
        margin: 0 0.5rem 0.5rem 0.5rem;
        border-radius: 0.5rem 0.5rem 0 0;
        background: linear-gradient(135deg, 
            rgba(0, 0, 0, 0.6) 0%, 
            rgba(0, 0, 0, 0.7) 100%) !important; /* Fundo mais sutil */
    }
    
    .news-hero-title {
        font-size: 1rem; /* Título compacto */
        margin-bottom: 0.375rem;
        line-height: 1.1;
    }
    
    .news-hero-excerpt {
        font-size: 0.75rem; /* Texto muito compacto */
        margin-bottom: 0.5rem;
        line-height: 1.3;
    }
    
    .news-hero-meta {
        gap: 0.5rem;
        font-size: 0.65rem;
    }
    
    .news-hero-meta span {
        padding: 0.3rem 0.5rem;
        font-size: 0.65rem;
    }
    
    .news-hero-badge {
        padding: 0.3rem 0.6rem;
        font-size: 0.65rem;
        margin-bottom: 0.5rem;
    }
    
    .news-sidebar-image {
        height: 80px;
    }
    
    .news-additional-image {
        height: 120px;
    }
}

/* Regra duplicada removida - usando apenas a primeira regra @media (max-width: 480px) */

/* ========================================
   ANIMAÇÕES DE ENTRADA
   ======================================== */

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.news-modern-header {
    animation: slideInUp 0.8s ease-out;
}

.news-hero-card {
    animation: fadeInScale 0.8s ease-out 0.2s both;
}

.news-sidebar-card:nth-child(1) {
    animation: slideInUp 0.8s ease-out 0.4s both;
}

.news-sidebar-card:nth-child(2) {
    animation: slideInUp 0.8s ease-out 0.6s both;
}

.news-additional-card:nth-child(1) {
    animation: slideInUp 0.8s ease-out 0.8s both;
}

.news-additional-card:nth-child(2) {
    animation: slideInUp 0.8s ease-out 1s both;
}

.news-additional-card:nth-child(3) {
    animation: slideInUp 0.8s ease-out 1.2s both;
}

.news-view-all {
    animation: slideInUp 0.8s ease-out 1.4s both;
}

/* ========================================
   ACESSIBILIDADE
   ======================================== */

.news-hero-card:focus-visible,
.news-sidebar-card:focus-visible,
.news-additional-card:focus-visible {
    outline: 3px solid var(--news-accent-color);
    outline-offset: 2px;
}

/* ========================================
   MODO DE ALTO CONTRASTE
   ======================================== */

@media (prefers-contrast: high) {
    .news-modern-section {
        background: var(--news-white);
    }
    
    .news-hero-card,
    .news-sidebar-card,
    .news-additional-card {
        background: var(--news-white);
        border: 2px solid var(--news-primary-color);
    }
}

/* ========================================
   REDUÇÃO DE MOVIMENTO
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    .news-modern-section * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .news-hero-card:hover,
    .news-sidebar-card:hover,
    .news-additional-card:hover {
        transform: none;
    }
}

/* ========================================
   SISTEMA DE PERSONALIZAÇÃO AUTOMÁTICA
   ======================================== */

.news-modern-section {
    /* ==== VARIÁVEIS DINÂMICAS BASEADAS NA COR DO CLIENTE ==== */
    --news-client-primary: var(--news-primary-color, #2D3748);
    --news-client-accent: var(--news-accent-color, #718096);
    --news-client-light: var(--news-accent-light, #A0AEC0);
}

/* ==== HARMONIZAÇÃO AUTOMÁTICA COM COR DO CLIENTE ==== */
.news-modern-title {
    background: linear-gradient(135deg, var(--news-client-primary) 0%, var(--news-secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.news-hero-badge {
    background: linear-gradient(135deg, var(--news-client-accent) 0%, var(--news-client-light) 100%);
}

.news-modern-divider {
    background: linear-gradient(135deg, var(--news-client-accent) 0%, var(--news-client-light) 100%);
}

.news-view-all-btn {
    background: linear-gradient(135deg, var(--news-client-primary) 0%, var(--news-secondary-color) 100%);
}

.news-sidebar-read-more:hover,
.news-additional-read-more:hover {
    color: var(--news-client-primary);
}

.news-hero-card:focus-visible,
.news-sidebar-card:focus-visible,
.news-additional-card:focus-visible {
    outline-color: var(--news-client-accent);
}

@media (prefers-contrast: high) {
    .news-hero-card,
    .news-sidebar-card,
    .news-additional-card {
        border-color: var(--news-client-primary);
    }
}