/**
 * Estilos para o shortcode Notícias em destaque
 * 
 * Contém apenas estilos específicos que não são cobertos pelo Tailwind
 */

.noticias-em-destaque {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.noticias-em-destaque .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}


/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    .noticias-em-destaque .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .noticias-em-destaque h3 {
        font-size: 18px;
    }
}