<!DOCTYPE html>
<html>
<head lang="es" xml:lang="es">

<title>Dashboard Digital de Reportes AMX - Inicio de Sesión</title>

<head>


		<!-- Google Tag Manager -->
		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-TJDN39CG');</script>
		<!-- End Google Tag Manager -->
	

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style"
	content="black-translucent">

<link rel="shortcut icon" href="/img/favicon.png">

<link rel="stylesheet"
	href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&amp;display=swap">

<link rel="stylesheet" href="/css/font-icons.css" type="text/css">
<link rel="stylesheet" href="/css/login.css" type="text/css">
<link rel="stylesheet" href="/css/ddigital.css" type="text/css">

<script src="/libs/jquery/js/jquery3.6.0.min.js"></script>
<script src="/libs/lodash/lodash.4.17.15.js"></script>
<script src="/libs/moment/2.27.0/moment-with-locales.js"></script>

<script>
	const authenticationAPI = "https://api-dashboard-digital.prod.clarodigital.net/DD-AuthenticationManagement/api/amx/";
	const identityAPI = "https://api-dashboard-digital.prod.clarodigital.net/DD-IdentityManagement/api/amx/";
	const reportAPI = "https://api-dashboard-digital.prod.clarodigital.net/DD-ReportManagement/api/amx/";
	const powerBIAPI = "https://api-dashboard-digital.prod.clarodigital.net/PowerBiManagement/api/amx/";
	const contentAPI = "https://api-dashboard-digital.prod.clarodigital.net/DD-ContentManagement/api/amx/";
</script>

<script src="/js/helpers/loading.js"></script>
<script src="/js/helpers/utils.js"></script>
<script src="/js/config.js"></script>

</head>

</head>
<body>	

	
	    <!-- Google Tag Manager -->
	    <noscript>
	        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
	                height="0" width="0"
	                style="display:none;visibility:hidden"></iframe>
	    </noscript>
	    <!-- End Google Tag Manager -->
	
	
	<main class="loginWrap simple">
		<img src="/img/bg-login.jpg" width="1440" height="900" class="bgImg"><img
			src="/img/logo-amx.svg" width="130" height="40" class="logoAMX">
		<div class="container">
			<div class="loginBox">
				<div class="loginBoxLeft">
					<img src="/img/logo-dashboard.svg" width="328" height="88"
						alt="Dashboard Digital de Reportes AMX" class="loginLogo">
				</div>
				<div class="loginBoxRight">
					<div class="loginBoxRightWrap">
						<div class="loginFormTitle">
							<h1 class="h3">Bienvenido</h1>
							<p>Coloca tu correo y contraseña para ingresar.</p>
						</div>
						
						<form id="frForma" action="/login" method="post">
							<input type="hidden" name="pwdType" id="pwdType" />
						</form>

						<form action="#" method="POST" class="genForm">
							<fieldset>
								<label>Correo Electrónico</label> <input type="email"
									name="username" placeholder="Ingresa tu correo corporativo"
									value="" class="formValid" autocomplete="off"> <span
									class="errorMess clError">El correo electrónico es
									obligatorio.</span>
							</fieldset>
							<fieldset>
								<label>Contraseña</label> <input type="password" name="password"
									placeholder="Ingresa tu contraseña" autocomplete="off">
								<span class="errorMess clError">La contraseña es
									obligatoria.</span>
							</fieldset>


							<div class="actionElements">
								<span class="errorMess clError clErrorLogin"></span>

							</div>
							<div class="btnCont">
								<button type="submit" class="btn btnPrimary btnLogin">
									<span>Ingresar</span>
								</button>

							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</main>

	<script src="/js/login.js"></script>

</body>
</html>