@charset "utf-8";
/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
}

/* MiUPI logo size */
#miupi_login_logo
{
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Footer logo size */
#footer_login
{
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Para quitar solo la barra horizontal (recomendado) */

body {
       /* Background image is defined using programming in index.js  */       
       background-image: url("../images/background_tower_3a.jpg");
       background-repeat: no-repeat;
       background-size: 100% 100%;
       overflow: hidden;
     }


/* Settings for screens with a min width of 1600px. */
@media (min-width: 1601px)
{
     /* default values for all objects on 1600px or less screens */ 
    :root 
    {
      font-size: 16px;    
    }
}
    

/* Settings for screens with a max width of 1300px. */
@media (max-width: 1600px)
{
    /* default values for all objects on 1300px or less screens */ 
    :root 
    {
      font-size: 14px;    
    }
          
}


/* Desktop  */
@media (min-width: 992px) {

    /* default values for all objects on 1300px or less screens */ 
    :root 
    {
      font-size: 14px;    
    }

    /* Alinear el contenedor flex hacia la derecha (refuerza la clase de Bootstrap) */
    #login_dialog {
        justify-content: flex-end !important;
    }

    /* Separar el cuadro del borde derecho (ajusta 20vw a tu gusto: 15vw, 25vw, etc.) */
    #authenticationwindow {
        margin-right: 10vw;
    }
}



@media (max-width: 600px)
{
   /* default values for all objects on 1300px or less screens */ 
    :root 
    {
      font-size: 12px;    
    }
}