@font-face {
    font-family: sansSemiBold;
    src: url(/fonts/NotoSans-SemiBold.ttf);
}
body {
    margin: 0;
    padding: 0;
    background: url('https://imagedelivery.net/NUiIP66VpPz374h46kC-PA/721d6fbd-44db-42f3-5c7a-929cd7930300/public') no-repeat center center fixed; 
    background-size: cover; 
}
#contenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    /* margin-top: -5; */
}
#sortear{
    margin-top: 15px;
    width: 15vw;
    height: 15vh;
    text-align: center;
    border-radius: 10px; 
    font-size: 4vw;
    background: #FF0000;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    color: #ffff;
    backdrop-filter: blur( 14.5px );
    -webkit-backdrop-filter: blur( 14.5px );
    border-color: transparent;
    cursor: pointer;
}
#sortear:hover{
    -webkit-box-shadow: 6px 0px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 0px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    color: rgb(197, 197, 197);
    
}
#ganador{
    padding: 25px 20px 20px 20px;
    border-radius: 40px; 
    width: 40vw;
    height: auto;
    background-color: #ffff;
    font-size: 15vw;
    text-align: inherit;
    background-color:  #FF0000;
    background-size: cover; 
   font-family: sansSemiBold;
  
}

#logos{
    margin-top: -7%;
    /* background-image: url(logos.png); */
    max-width: 100%;
    height: auto;
}
#contenedor{
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    max-width: 100%;
    height: auto;
   
}
#imgLogo{
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    #contenedor {
        max-width: 100%;
        height: 70vh;
    }
    #ganador{
        padding: 25px 20px 20px 20px;
        border-radius: 20px; 
        width: 60vw;
        height: 20vh;
        background-color: #ffff;
        font-size: 35vw;
        text-align: inherit;
        background-color:  #FF0000;
        background-size: cover; 
        animation-play-state: paused;
      
    }
    #sortear{
       
        width: 45vw;
     
       
    }
}