<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="../Site.xsl"?>
<?xml-stylesheet type="text/css" href="../RenderFail.css"?>

<RDWAPage 
    helpurl="http://go.microsoft.com/fwlink/?LinkId=141038" 
    workspacename="Work&#32;Resources" 
    baseurl="https://cloud.universaldatasoft.com/RDWeb/Pages/es-ES/"
    privacyurl=""
    >
  <RenderFailureMessage>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title>Error: Acceso web de RD no se puede mostrar</title>
        </head>
        <body>
            <h1>Error: Acceso web de RD no se puede mostrar</h1>
            <p>Error inesperado que impide que esta página se muestre correctamente.</p>
            <p>Este error puede surgir al visualizar la página en Internet Explorer con la configuración de seguridad mejorada habilitada.</p>
            <p>Pruebe a cargar la página con la configuración de seguridad mejorada deshabilitada. Si el error persiste, póngase en contacto con el administrador.</p>
        </body>
    </html> 
  </RenderFailureMessage>
  <BodyAttr 
    onload="onLoginPageLoad(event)" 
    onunload="onPageUnload(event)"/>
  <HTMLMainContent>

      <style type="text/css">
        :root {
            --bg-login-button-color: #1785d6;
            --button-hover-color: #4096ff;
            --login-button-text-color: #ffffff;
        }

        /* OCULTAR CABECERA Y PIE DE SITE.XSL */
        table.pageBorder > tbody > tr:nth-child(1),
        table.pageBorder > tbody > tr:nth-child(2),
        table.pageBorder > tbody > tr:nth-child(3),
        table.pageBorder > tbody > tr:nth-child(4),
        table.pageBorder > tbody > tr:nth-child(5),
        table.pageBorder > tbody > tr:nth-child(6),
        table.pageBorder > tbody > tr:nth-child(8),
        .headingCompanyName,
        .headingApplicationName,
        .cellSecondaryNavigationBar,
        .cellMSLogo,
        img[src*="banner"],
        img[src*="bar_03"],
        img[src*="WS_h_c"],
        img[src*="mslogo"],
        a[href*="help"] {
            display: none !important;
            visibility: hidden !important;
            height: 0px !important;
        }

        table, tr, td, .pageBorder {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        html, body {
            margin: 0 !important;
            padding: 0 !important;
            height: 100vh !important;
            width: 100vw !important;
            background: #010a17 url('images/tech-bg.jpeg') no-repeat center center fixed !important;
            background-size: cover !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
            overflow: hidden !important;
            color: #ffffff !important;
        }

        #FrmLogin {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            display: flex !important;
            justify-content: flex-end !important;
            align-items: center !important;
            padding-right: 8% !important;
            box-sizing: border-box !important;
            background: transparent !important;
            z-index: 999999 !important;
        }

        /* CONTENEDOR 720px */
        #tableLoginForm {
            width: 720px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            margin: 0 !important;
            background: transparent !important;
        }

        #tableLoginForm::before {
            display: none !important;
        }

        #tableLoginForm table {
            width: 100% !important;
            background: transparent !important;
        }

        #tableLoginForm td {
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            padding: 0 !important;
            background: transparent !important;
        }

        /* INPUTS ESTILIZADOS */
        .textInputField {
            width: 100% !important;
            padding: 18px 20px 18px 52px !important;
            background-color: #243345 !important;
            border: 1px solid #33465b !important;
            border-radius: 10px !important;
            font-size: 18px !important;
            color: #ffffff !important;
            box-sizing: border-box !important;
            outline: none !important;
            margin-bottom: 20px !important;
            background-repeat: no-repeat !important;
            background-position: 18px center !important;
            background-size: 24px 24px !important;
        }

        #DomainUserName {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a9ba8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") !important;
        }

        #UserPass {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a9ba8'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") !important;
        }

        .textInputField:focus {
            border-color: #1785d6 !important;
            box-shadow: 0 0 0 3px rgba(23, 133, 214, 0.25) !important;
            background-color: #2c3e54 !important;
        }

        /* BOTÓN LOG IN */
        .formButton, #btnSignIn {
            width: 100% !important;
            background-color: var(--bg-login-button-color) !important;
            color: var(--login-button-text-color) !important;
            border: none !important;
            padding: 16px !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            border-radius: 10px !important;
            cursor: pointer !important;
            margin-top: 10px !important;
            transition: background-color 0.2s ease !important;
        }

        .formButton:hover, #btnSignIn:hover {
            background-color: var(--button-hover-color) !important;
        }

        .wrng {
            color: #ff7777 !important;
            font-size: 15px !important;
        }

        @media (max-width: 900px) {
            #FrmLogin {
                justify-content: center !important;
                padding-right: 0 !important;
            }
            #tableLoginForm {
                width: 90% !important;
            }
        }
      </style>
  
      <form id="FrmLogin" name="FrmLogin" action="login.aspx" method="post" onsubmit="return onLoginFormSubmit()">

        <input type="hidden" name="WorkSpaceID" value="cloud.universaldatasoft.com"/>
        <input type="hidden" name="RDPCertificates" value="EC3E88837B0334CDE312CE18D522C36D67B810AA"/>
        <input type="hidden" name="PublicModeTimeout" value="20"/>
        <input type="hidden" name="PrivateModeTimeout" value="240"/>
        <input type="hidden" name="WorkspaceFriendlyName" value="Work%20Resources"/>
        <input type="hidden" name="EventLogUploadAddress" value=""/>
        <input type="hidden" name="RedirectorName" value="cloud.universaldatasoft.com"/>
        <input type="hidden" name="ClaimsHint" value=""/>
        <input type="hidden" name="ClaimsToken" value=""/>

        <input name="isUtf8" type="hidden" value="1"/>
        <input type="hidden" name="flags" value="0"/>
        <input id="rdoPrvt" type="radio" name="MachineType" value="private" style="display:none" checked="checked" />

        <table id="tableLoginDisabled" width="300" border="0" align="center" cellpadding="0" cellspacing="0" style="display:none">
            <tr id="trWrongAxVersion" style="display:none"><td><span class="wrng">No tiene la versión correcta de Conexión a Escritorio remoto para usar Acceso web de RD.</span></td></tr>
            <tr id="trUnsupportedBrowser" style="display:none"><td><span class="wrng">El explorador web no es compatible con el servicio Microsoft RemoteApp. Use un explorador compatible.</span></td></tr> 
            <tr id="trSupportedBrowserAxLoadError" style="display:none"><td><span class="wrng">El explorador tiene los controles ActiveX desactivados. Vaya a la configuración del explorador para activarlos.</span></td></tr> 
            <tr id="trCookiesDisabled" style="display:none"><td><span class="wrng">El explorador tiene las cookies desactivadas. Vaya a la configuración del explorador para activarlas.</span></td></tr> 
        </table>

        <!-- ESTRUCTURA TABLA DE 720px -->
        <table id="tableLoginForm" width="720" border="0" align="center" cellpadding="0" cellspacing="0" style="display:block">
            
            <!-- FILA DEL LOGO CON SALTO DE ESPACIO DE 80px -->
            <tr>
<td align="center" style="padding-bottom: 70px; border-bottom: 50px solid transparent !important;">
    <img src="images/logo.png" style="max-width: 380px; height: auto; display: block; margin: 0 auto;" />
</td>
            </tr>

            <!-- CAMPO USUARIO -->
            <tr>
            <td>
                <input name="DomainUserName" type="text" id="DomainUserName" class="textInputField" placeholder="Dominio\nombreDeUsuario" autocomplete="off" />
            </td>
            </tr>

            <!-- CAMPO CONTRASEÑA -->
            <tr>
            <td>
                <input name="UserPass" type="password" id="UserPass" class="textInputField" placeholder="Contraseña" autocomplete="off" />
            </td>
            </tr>

            <!-- CASILLA RECORDAR USUARIO -->
            <tr>
            <td>
                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-left: 5px;">
                    <input type="checkbox" id="chkRemember" style="width: 18px; height: 18px; cursor: pointer; accent-color: #1785d6;" />
                    <label for="chkRemember" style="color: #8a9ba8; font-size: 15px; cursor: pointer; user-select: none;">Recordar</label>
                </div>
            </td>
            </tr>

    
            <tr id="trPasswordExpiredNoChange" style="display:none" >
            <td><span class="wrng">Su contraseña expiró. Póngase en contacto con el administrador para obtener ayuda.</span></td>
            </tr>
               
    
            <tr id="trPasswordExpired" style="display:none" >
            <td><span class="wrng">Su contraseña expiró. Haga clic <a id="passwordchangelink" href="password.aspx">aquí</a> para cambiarla.</span></td>
            </tr>

    
            <tr id="trErrorWorkSpaceInUse" style="display:none" >
            <td><span class="wrng">Otro usuario del equipo está usando actualmente esta conexión. Este usuario debe desconectarse para que usted pueda iniciar sesión.</span></td>
            </tr>

    
            <tr id="trErrorWorkSpaceDisconnected" style="display:none" >
            <td><span class="wrng">Otro usuario del equipo se desconectó de esta conexión. Escriba de nuevo su nombre de usuario y contraseña.</span></td>
            </tr>

    
            <tr id="trErrorIncorrectCredentials" style="display:none" >
            <td><span class="wrng">El nombre de usuario o la contraseña que especificó no son válidos. Pruebe a escribirlos de nuevo.</span></td>
            </tr>

            <tr id="trErrorDomainNameMissing" style="display:none" >
            <td><span class="wrng">Debe especificar un nombre de dominio válido.</span></td>
            </tr> 

    
            <tr id="trErrorUnauthorizedAccess" style="display:none" >
            <td><span class="wrng">No está autorizado a iniciar sesión en esta conexión. Póngase en contacto con el administrador del sistema para que le autorice.</span></td>
            </tr>

    
            <tr id="trErrorServerConfigChanged" style="display:none" >
            <td><span class="wrng">Su sesión de Acceso web de RD expiró debido a algunos cambios en la configuración del equipo remoto. Inicie sesión de nuevo.</span></td>
            </tr>

            <tr id="trErrorGenericClaimsAuthFailure" style="display:none" >
            <td><span class="wrng">No puede iniciar sesión ahora mismo, Inténtelo más tarde.</span></td>
            </tr> 

            <tr>
            <td align="right">
                <input type="submit" class="formButton" id="btnSignIn" value="Iniciar Sesión" />
            </td>
            </tr>
        </table>

      </form>

      <!-- SCRIPT PARA GUARDAR Y LEER EL USUARIO EN COOKIE -->
      <script type="text/javascript">
        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/; SameSite=Lax";
        }

        function getCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i &lt; ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        }

        window.addEventListener('DOMContentLoaded', function() {
            var userInput = document.getElementById('DomainUserName');
            var rememberChk = document.getElementById('chkRemember');
            var savedUser = getCookie('rdweb_remember_user');

            if (savedUser &amp;&amp; userInput) {
                userInput.value = savedUser;
                if (rememberChk) rememberChk.checked = true;
            }

            var loginForm = document.getElementById('FrmLogin');
            if (loginForm) {
                loginForm.addEventListener('submit', function() {
                    if (rememberChk &amp;&amp; rememberChk.checked &amp;&amp; userInput.value.trim() !== '') {
                        setCookie('rdweb_remember_user', userInput.value.trim(), 30);
                    } else {
                        setCookie('rdweb_remember_user', '', -1);
                    }
                });
            }
        });
      </script>

  
  </HTMLMainContent>
</RDWAPage>