/* ========================================
   SIDEBAR MAIN - REFATORAÇÃO DESKTOP MODERNA
   ======================================== */

@media (min-width: 769px) {
    /* Container principal da sidebar */
    .sidebar-direita {
        flex: 0 0 32% !important;
        width: 32% !important;
        background: transparent !important;
        padding: 0 !important;
        margin-left: 32px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    /* Blocos da sidebar - Design moderno e limpo */
    .sidebar-bloco {
        background: #ffffff !important;
        border-radius: 16px !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow: hidden !important;
    }

    .sidebar-bloco:hover {
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
        transform: translateY(-2px) !important;
    }

    /* Header moderno das seções */
    .sidebar-section-header {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 24px 24px 20px 24px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        margin: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        border-bottom: none !important;
    }

    .sidebar-section-icon {
        font-size: 1.4rem !important;
        background: rgba(255, 255, 255, 0.15) !important;
        padding: 10px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        height: 44px !important;
        backdrop-filter: blur(10px) !important;
    }

    .sidebar-section-title {
        color: white !important;
        margin: 0 !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
        letter-spacing: 0.02em !important;
    }

    /* Conteúdo da sidebar */
    .sidebar-conteudo {
        padding: 20px 24px 24px 24px !important;
        background: #ffffff !important;
    }

    /* Variações de cores para cada seção */
    .sidebar-videos .sidebar-section-header {
        background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%) !important;
    }

    .sidebar-artigos .sidebar-section-header {
        background: linear-gradient(135deg, #a55eea 0%, #8b5cf6 100%) !important;
    }

    .sidebar-pdfs .sidebar-section-header {
        background: linear-gradient(135deg, #26de81 0%, #20bf6b 100%) !important;
    }

    .sidebar-avisos .sidebar-section-header {
        background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%) !important;
    }

    .sidebar-publicidade .sidebar-section-header {
        background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%) !important;
    }

    /* Itens de artigos - Design moderno */
    .artigo-item {
        display: flex !important;
        gap: 16px !important;
        padding: 16px 0 !important;
        border-bottom: 1px solid #f1f3f4 !important;
        align-items: flex-start !important;
        transition: all 0.2s ease !important;
    }

    .artigo-item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .artigo-item:hover {
        background: #f8f9fa !important;
        margin: 0 -8px !important;
        padding: 16px 8px !important;
        border-radius: 8px !important;
    }

    .artigo-thumb {
        flex-shrink: 0 !important;
        width: 72px !important;
        height: 48px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }

    .artigo-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }

    .artigo-thumb:hover img {
        transform: scale(1.08) !important;
    }

    .artigo-info {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .artigo-item h4 {
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        margin-bottom: 6px !important;
        line-height: 1.4 !important;
        color: #2c3e50 !important;
    }

    .artigo-item h4 a {
        color: #2c3e50 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .artigo-item h4 a:hover {
        color: #667eea !important;
    }

    .artigo-data {
        font-size: 0.75rem !important;
        color: #7f8c8d !important;
        font-weight: 400 !important;
    }

    /* Itens de vídeos */
    .sidebar-videos .video-group {
        margin-bottom: 28px !important;
        padding: 20px !important;
        background: #ffffff !important;
        border: 1px solid #e9ecef !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }

    .sidebar-videos .video-group:last-child {
        margin-bottom: 16px !important;
    }

    .sidebar-videos .video-group:hover {
        background: #f8f9fa !important;
        border-color: #dee2e6 !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
        transform: translateY(-2px) !important;
    }

    .sidebar-videos .video-group::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 3px !important;
        background: linear-gradient(90deg, #ff6b6b, #ee5a24) !important;
        border-radius: 12px 12px 0 0 !important;
        opacity: 0.8 !important;
    }

    .sidebar-videos .video-item {
        margin-bottom: 0 !important;
        margin-top: 16px !important;
    }

    .sidebar-videos .video-item h4 {
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
        color: #2c3e50 !important;
    }

    .sidebar-videos .video-item h4 a {
        color: #2c3e50 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .sidebar-videos .video-item h4 a:hover {
        color: #ff6b6b !important;
    }

    .sidebar-videos .video-embed.small {
        border-radius: 8px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        margin-bottom: 0 !important;
        transition: all 0.3s ease !important;
    }

    .sidebar-videos .video-group:hover .video-embed.small {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        transform: scale(1.02) !important;
    }

    /* Itens de avisos */
    .aviso-item {
        display: flex !important;
        gap: 16px !important;
        padding: 20px !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        border-radius: 12px !important;
        margin-bottom: 16px !important;
        border: 1px solid #e9ecef !important;
        transition: all 0.2s ease !important;
    }

    .aviso-item:last-child {
        margin-bottom: 0 !important;
    }

    .aviso-item:hover {
        background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    }

    .aviso-icone {
        font-size: 1.6rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #667eea !important;
        flex-shrink: 0 !important;
    }

    .aviso-texto {
        flex: 1 !important;
    }

    .aviso-texto h4 {
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #2c3e50 !important;
        margin-bottom: 6px !important;
        line-height: 1.3 !important;
    }

    .aviso-texto p {
        font-size: 0.85rem !important;
        color: #6c757d !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    /* Itens de PDFs */
    .pdf-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 16px 0 !important;
        border-bottom: 1px solid #f1f3f4 !important;
        transition: all 0.2s ease !important;
    }

    .pdf-item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .pdf-item:hover {
        background: #f8f9fa !important;
        margin: 0 -8px !important;
        padding: 16px 8px !important;
        border-radius: 8px !important;
    }

    .pdf-item h4 {
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        color: #2c3e50 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .pdf-item h4 a {
        color: #2c3e50 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .pdf-item h4 a:hover {
        color: #26de81 !important;
    }

    .pdf-item .artigo-data {
        font-size: 0.75rem !important;
        color: #7f8c8d !important;
        margin-top: 4px !important;
    }

    /* Botão "Ver Mais" moderno */
    .ver-mais {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 20px !important;
        padding: 12px 24px !important;
        color: #667eea !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        border: 1px solid #e9ecef !important;
        border-radius: 8px !important;
        transition: all 0.2s ease !important;
        width: 100% !important;
        border-top: 1px solid #e9ecef !important;
    }

    .ver-mais:hover {
        color: #ffffff !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        border-color: #667eea !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
    }

    /* Publicidade */
    .sidebar-publicidade .ad-placeholder {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        border: 2px dashed #dee2e6 !important;
        border-radius: 12px !important;
        padding: 24px !important;
        text-align: center !important;
        margin-bottom: 16px !important;
        transition: all 0.2s ease !important;
    }

    .sidebar-publicidade .ad-placeholder:hover {
        background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important;
        border-color: #adb5bd !important;
    }

    .sidebar-publicidade .ad-placeholder p {
        color: #6c757d !important;
        font-size: 0.9rem !important;
        margin: 0 !important;
        font-style: italic !important;
    }

    /* Responsividade para telas menores que ainda são desktop */
    @media (min-width: 769px) and (max-width: 1200px) {
        .sidebar-direita {
            flex: 0 0 35% !important;
            width: 35% !important;
            margin-left: 24px !important;
            gap: 24px !important;
        }

        .sidebar-section-header {
            padding: 20px 20px 16px 20px !important;
        }

        .sidebar-conteudo {
            padding: 16px 20px 20px 20px !important;
        }

        .artigo-thumb {
            width: 64px !important;
            height: 42px !important;
        }

        .aviso-item {
            padding: 16px !important;
        }
    }
}