/*******************/
/* UI ESTILO MACOS */
/*******************/

@media (min-width: 800px) {
    /* Comportamiento de la barra superior de interacción */
    #macos-ui header {
        display: flex;
        gap: 0px;
        background-color: var(--color-aclarado);
        padding: 3px;
        backdrop-filter: blur(var(--pixeles-blur));
        -webkit-backdrop-filter: blur(var(--pixeles-blur));
    }
    
    /* Control de los botones de la barra superior */
    #macos-ui header button {
        background-color: rgba(0, 0, 0, 0);
        padding: 3px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: var(--radio-bordes);
        display: grid;
        place-content: center;
    }
    #macos-ui header button:hover {
        background-color: var(--color-aclarado);
    }
    
    #macos-ui header button #apple-logo {
        height: 17px;
    }
    #macos-ui header button #icono-wifi {
        height: 15px;
    }
    #macos-ui header button #icono-bateria {
        height: 12px;
    }
    #macos-ui header button #icono-switch {
        height: 17px;
    }
    #macos-ui header button #icono-lupa {
        height: 17px;
    }
    
    #macos-ui header #btn-wifi{
        margin-left: auto;
    }
}

/*****************/
/* UI ESTILO iOS */
/*****************/

@media (max-width: 799px) {
    #ios-ui header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #ios-ui header #hora-movil {
        font-size: 20px;
        font-weight: 600;
    }
    #ios-ui header img {
        height: 17px;
    }
    #ios-ui header #icono-datos-moviles {
        margin-left: auto;
    }
}