@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

/* Global styles */
body {
    font-family: 'Poppins', sans-serif;
    position: relative;
    background: none; /* Quitamos el fondo del body */
    padding-top: 60px;
}

body.with-bg::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Wallpaper-Maquinas.jpeg') no-repeat center center fixed; /* Ruta a la imagen de fondo */
    background-size: cover;
    z-index: -1; /* Coloca el pseudo-elemento detrás de todo el contenido */
}

body.with-bg::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* Superposición de color con transparencia */
    z-index: -1; /* Coloca el pseudo-elemento detrás de todo el contenido */
}