/* Base Custom CSS para ajustes finos que Tailwind possa não cobrir tão facilmente ou transições specíficas */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Animações suaves extras */
.fade-in {
    animation: fadeIn 0.4s ease-in-out;
}

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

/* Material Icons Baseline Adjustment */
.material-icons {
    display: inline-flex;
    vertical-align: top;
}