/**
 * CSS personalizado para União Gás
 * Estilos específicos que complementam o Tailwind CSS
 */

/* Efeito de transição nos cards de produtos */
.uniaogas_produto {
    transition: all 0.3s ease-in-out;
}

.uniaogas_produto:hover {
    transform: translateY(-5px);
}

/* Efeito para o botão de WhatsApp flutuante */
.uniaogas_whatsapp_btn {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}

.uniaogas_whatsapp_btn a:hover {
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.5);
}

/* Ajustes para o banner principal em telas pequenas */
@media (max-width: 640px) {
    .uniaogas_banner {
        padding: 3rem 1rem;
    }
    
    .uniaogas_banner h1 {
        font-size: 2rem;
    }
    
    .uniaogas_banner p {
        font-size: 1.25rem;
    }
}

/* Melhoria na legibilidade dos textos sobre imagens */
.uniaogas_banner h1,
.uniaogas_banner p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}