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

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

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

body {
       /* Background image is defined using programming in index.js  */
       /* background-image: url("../images/pexels-scott-webb-3255761.jpg"); 
       background-image: url("../images/background_torre.png");*/
       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: 14px;    
    }
}
    

/* 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: 12px;    
    }
    
    /* DTAA image width and size on 1300px or less screens */
    #PI_DTAA_Image
    {
      width: 300px;
      height: 120px;
    }

    /* UPRRP image width and size on 1300px or less screens */
    .uprrp_img
    {
      width: 190px;
      height: 53px;
    }
    
    

}


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


/* Desktop / laptop: mover el login hacia la derecha */
@media (min-width: 992px) {

    /* 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;
    }
}


/* --- Vista en CELULAR: solo se debe ver #authenticationwindow, sin background --- */
@media (max-width: 600px) {

    /* Quitar background en móviles (aunque lo pongas desde JS) */
    body {
        background-image: none !important;
        background-color: #f8f9fa; /* puedes cambiar a #ffffff si prefieres blanco puro */
        background-repeat: no-repeat;
        background-size: auto;
    }

    /* Quitar márgenes/paddings generales para que el login ocupe toda la pantalla */
    .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }

    #login_dialog {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* El div de autenticación ocupa todo el ancho y sin bordes redondeados */
    #authenticationwindow {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

     #miupi_login_logo{
        margin-top: 15px;
    }

    #miupi_login_portal_text_title {
        margin-top: 5px;
        font-size: 22px;
        margin-bottom: 5px;
    }

    #miupi_login_provea_text_title {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .fullrightside {
        padding: 0 !important;
        margin: 0 !important;
    }
  
    /* Username */
    #user_account_div {
      margin-left: 10px;
      margin-right: 10px;
      font-size: 14px;
    }

    /* Username password */
    #user_password_div {
      margin-left: 10px;
      margin-right: 10px;
      font-size: 14px;
    }

    #user_password_dontremember_div {
      margin-left: 10px;
      margin-right: 10px;
      font-size: 12px;
    }

    #user_disclaimer_div {
      margin-left: 10px;
      margin-right: 10px;
      font-size: 12px;
    }

    #check_user_login_btn_div {
      margin-left: 10px;
      margin-right: 10px;      
    }

    #check_user_login_btn {      
      font-size: 14px;
    }

    /* Ocultar mensaje de error en móviles para que SOLO se vea la ventana de login */
    #login_dialog_error_message {
        display: none !important;
    }
}