/* Estilos para el fondo */
body {
    margin: 0;
    padding: 0;
    background: url('../img/bg.jpg') no-repeat center center fixed;
    background-size: cover;
}

/* Efecto de desenfoque para el fondo completo */
.blur-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* Importante: Para mantener el fondo detrás del contenido */
}

/* Estilo centrado del contenedor */
.content-wrapper {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff; /* Color del texto para destacar sobre la imagen */
}