.vote-btn:hover {
    background: linear-gradient(to left, #38BDF8 0%, #F87171 100%);
}

/* Nubes SOLO en la zona azul */
body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    /* background-image: url("/images/clouds.png"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; /* Ensures horizontal centering */
    background-position-x: center;

    /* Difuminar hacia el blanco */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    mask-repeat: no-repeat;
    mask-size: cover;

    z-index: 0;
}

body::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40vh;
    /* background-image: url("/images/fire.png"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-position-x: center;

    /* Fade fire into red */
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    mask-repeat: no-repeat;
    mask-size: cover;

    z-index: 0;
}