/* Importar todas las variantes de la fuente Barlow */
@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow/Barlow-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Agrega las demás variantes que necesites */

 /* Estilos para la animación */
.fade {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Cambia la duración y tipo de transición aquí */
}
.show {
    opacity: 1;
}
.modal-dialog {
    transform: translateY(-30px);
    transition: transform 0.5s ease-in-out; /* Cambia la duración y tipo de transición aquí */
}
.modal.show .modal-dialog {
    transform: translateY(0);
}