html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Oculta cualquier scroll */
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../pics/wallpaper-thot.gif") no-repeat center center;
    background-size: 100% 100%;  /* Se ajusta a ancho y alto exacto */
    z-index: -1; /* detrás de todo */
}

body {
    background-image: url("../pics/wallpaper-thot.gif");
    background-repeat: no-repeat;          /* Evita que la imagen se repita */
    background-size: cover;                /* Ajusta la imagen para cubrir todo el fondo */
    background-position: center center;    /* Centra la imagen */
      
}

body.welcome-anonymous .card {
    /* Color de fondo para la tarjeta de login */
    background-color: #74747434; /* Transparente */
}

.card-body {
    background-color: #74747434; /* Transparente */
    border: none;
}

@media (max-width: 768px) {
    body {
        background-size: cover;
    }
}