/* Estilos para la pantalla de carga */
#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #222;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background: radial-gradient(circle, rgba(89,141,170,1) 0%, rgba(40,83,116,1) 78%);
}

/* Spinner animado */
#spinner {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
   /*  border: 5px solid #fff;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite; */
    background-image: url(assets/load.gif);
    }
 
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Ocultar contenido hasta que la precarga termine */
.hidden {
    display: none;
}
#anuncio{
    cursor: pointer;
    width: 30%; height: min-content;
    padding: 10px;
    padding-left: 4%;
    background-image: url(assets/logo60x60.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    background-color: orange;
    border-radius: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    box-shadow: 5px 5px  5px -2px #22222277;
    display: none;
}
#ir{
    height: 100%; width: 30%;
    border: #222 1px solid;
    border-radius: 10px;
    display: flex;
    justify-content: center; align-items: center;
}

@media (orientation: portrait){

    #anuncio{
        width: 90%; height: min-content;
        padding: 10px; padding-left: 24vw;
    }
    #ir{
        height: 100%; width: 30%;
    }
}