/*
 * assets/css/style.css
 * Hoja de estilos personalizados para la aplicación.
 */

/*
 * Aplica la fuente Montserrat a toda la aplicación para una apariencia consistente.
 * También mejora el renderizado de fuentes en diferentes navegadores.
 */
body {
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Define las clases para las transiciones de Vue.
 * Esto crea un efecto de fundido (fade) suave cuando se cambia entre
 * las diferentes "páginas" (componentes de vista).
 */
.view-enter-active,
.view-leave-active {
    transition: opacity 0.2s ease;
}

.view-enter-from,
.view-leave-to {
    opacity: 0;
}