body {
    background-image: url('../img/FONDO.png'); /* Fondo principal */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Decoración con globos y confeti */
.decoration {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Manda la imagen al fondo */
    background-image: url('../img/DECORACION.png'); /* Ruta a la imagen */
    background-repeat: no-repeat;
    background-size: cover; /* Se expande en ancho y alto */
    background-position: center top; /* Asegura que la imagen se vea bien */
    pointer-events: none; /* Evita bloquear interacciones */
    background-attachment: scroll;
}