<!DOCTYPE html>
<html data-rtl="false" lang="es"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    



    
    
    
    
    
    
    

<link rel="stylesheet" href="signin_data/fonts.css" type="text/css">



    
  
  
    
      
      
        
          
          
            <link rel="stylesheet" type="text/css" media="screen" href="signin_data/app.css">

          
        
      
    
  

    
        
        
            <script type="text/javascript" src="signin_data/common-header.js"></script>

        
    
    
<style type="text/css"></style></head>

<body class="tk-body ">
<div style="font-family:&quot;SF Pro Icons&quot;; width: 0px; height: 0px; color: transparent;">.</div>
<div style="font-family:&quot;SF Pro Display&quot;; width: 0px; height: 0px; color: transparent;">.</div>
<div class="si-body si-container container-fluid" id="content" data-theme="dark"><apple-auth app-loading-defaults="{appLoadingDefaults}" pmrpc-hook="{pmrpcHook}">
<div class="widget-container fade-in  restrict-max-wh  fade-in " data-mode="embed" data-isiebutnotedge="false">

    <div id="step" class="si-step ">
            <logo {hide-app-logo}="hideAppLogo" {show-fade-in}="showFadeIn">    <div class="logo   signin-label  fade-in ">
        
            <img class="cnsmr-app-image " src="data:image/png;base64, " srcset="" style="width: 100px;" alt="Logo de la aplicación">
    </div>


        
  </logo>
        <div id="stepEl" class="   "><sign-in suppress-iforgot="{suppressIforgot}" {on-test-idp}="@_onTestIdp">
    
        
          <div class="signin fade-in" id="signin">
              <h1 tabindex="-1" class="si-container-title tk-intro ">                Iniciar sesión en iCloud
              </h1>            
            <div class="container si-field-container  password-second-step     ">
                
    
          
          
          
          
          
          <div id="sign_in_form" class="signin-form
  
   
   
   
   fed-auth 
    
    
    
     hide-password  
  ">
  <div class="si-field-container container">
    <div class="form-table">
      <div class="ax-vo-border      firefox"></div>
      <div class="account-name form-row    ">
        <label class="sr-only form-cell form-label" for="account_name_text_field">Iniciar sesión en iCloud Apple ID</label>
        <div class="form-cell">
          <div class="form-cell-wrapper">
            <input type="text" class="form-textbox form-textbox-text" id="account_name_text_field" can-field="accountName" autocomplete="off" autocorrect="off" autocapitalize="off" aria-required="true" required="required" aria-describedby="apple_id_field_label" spellcheck="false" ($focus)="appleIdFocusHandler()" ($keyup)="appleIdKeyupHandler()" ($blur)="appleIdBlurHandler()" placeholder="Apple ID" autofocus="">
            <span id="apple_id_field_label" aria-hidden="true" class=" form-label-flyout">
              Apple ID
            </span>
          </div>
        </div>
      </div>
      <div class="field-separator   "></div>
      <div class="password form-row     " aria-hidden="true">
        <label class="sr-only form-cell form-label" for="password_text_field">Contraseña</label>
        <div class="form-cell">
          <div class="form-cell-wrapper">
            <input type="password" class="form-textbox form-textbox-text" id="password_text_field" ($keyup)="passwordKeyUpHandler()" ($focus)="pwdFocusHandler()" ($blur)="pwdBlurHandler()" aria-required="true" required="required" can-field="password" autocomplete="off" placeholder="Contraseña" tabindex="-1">
            <span id="password_field_label" aria-hidden="true" class=" form-label-flyout">              Contraseña 
            </span>
            <span class="sr-only form-label-flyout" id="invalid_user_name_pwd_err_msg" aria-hidden="true">
              
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
        
                

              
                <div class="si-remember-password">
                  <input type="checkbox" id="remember-me" class="form-choice form-choice-checkbox" {($checked)}="isRememberMeChecked">
                  <label id="remember-me-label" class="form-label" for="remember-me">
                    <span class="form-choice-indicator"></span>                    Mantener sesión abierta
                  </label>
                </div>
              <div class="spinner-container auth  hide "></div>
              <button id="sign-in" ($click)="_verify($element)" tabindex="0" class="si-button btn  fed-ui   fed-ui-animation-show   disable   remember-me   link " aria-label="Continuar              " aria-disabled="true" disabled="disabled">
                <i class="icon icon_sign_in"></i>
                <span class="text feat-split">
                    
                      Continuar                  
                </span>
                </button>
                <button id="sign-in-cancel" ($click)="_signInCancel($element)" aria-label="Cerrar" aria-disabled="false" tabindex="0" class="si-button btn secondary feat-split  remember-me   link ">
                  <span class="text">
                    Cerrar</span>
                </button>
            </div>
            <div class="si-container-footer">
                <div class="separator "></div>
                <div class="links tk-subbody">
                    <div class="si-forgot-password">
                        <a id="iforgot-link" class="si-link ax-outline lite-theme-override" ($click)="iforgotLinkClickHandler($element)" href="https://iforgot.apple.com/password/verify/appleid" target="_blank">
                          ¿Olvidaste tu Apple ID o la contraseña?
                        </a>
                      
                    </div>
                  
                  
                  
                </div>
              
              
            </div>
          </div>
          
          
    

<error-modal {(show-error-modal)}="showErrorModal" {error-modal-title}="errorModalTitle" {on-done}="@actionClickErrorModalHandler" {error-modal-code}="errorModalCode"><idms-modal {(show)}="showErrorModal" auto-close="false" wrap-class="error-modal-wrapper "> 
</idms-modal></error-modal>


        
  </sign-in></div>
    </div>
    <div id="stocking" style="display:none !important;"></div>
    

    
    
    
</div>

        
  </apple-auth></div>


    
    
    
    
    

    
  <script type="text/stache" id="jstache_1054453544">
    
          
          
          
          
          
          <div class="apple-id-logo" id="apple-id-logo">
    <i aria-hidden="true" class="icon icon_apple"></i>
</div>

        
  </script>
  
  <script type="text/stache" id="jstache_707066207">
    
          
          
          
          
          
          
    <idms-modal type="dialog" theme="{{theme}}" role="alertdialog" {(show)}=show {auto-close}=false wrap-class="dialog fade-in {{classes}} {{#is authUIMode 'inline'}}ui-mode-inline{{/is}}"
        attributes="aria-labelledby='alertInfo' tabindex='-1'">
        <div class="app-dialog">
            <div class="head {{^heading}}no-title{{/heading}}">
                {{#showAppleLogo}}
                <appleid-logo></appleid-logo>
                {{/showAppleLogo}}
                {{#if isShowDialogLogo}}
                <div id="dialog-logo" class="dialog-logo">
                    <i class="icon {{dialogLogoClass}}"></i>
                </div>
                {{/if}}
                {{#heading}}
                <div class="title" title-align="{{titleAlign}}">
                    <h2 id="alertInfo" class="tk-subsection-headline">{{heading}}</h2>
                </div>
                {{/heading}}
            </div>
            <div class="body" body-align="{{bodyAlign}}">
                <content/>
            </div>
            {{#if showFooter}}
            <div class="footer">
                {{#buttons}}
                <div class="button-bar" btn-direction="{{buttons.direction}}">
                    <div class="dialog-spinner-container" id="dialog-btn-spinner"></div>
                    {{#each btns}}
                    <button class="button click-handle {{classes}} {{#if floatDirection}} float-{{floatDirection}} {{/if}}{{#unless isPrimaryButton}} button-secondary{{/unless}}"
                        {{#if isDisabled}} disabled {{else}}($click)="dialogClick(id,'idms-modal')" {{/if}} ax-outline tabindex="0"
                        id="{{id}}">{{text}}</button> {{/each}}
                </div>
                {{/buttons}}
            </div>
            {{/if}}
        </div>
    </idms-modal>
        
  </script>
  
  <script type="text/stache" id="jstache_409700048">
    
          
          
          
          
          
          <div class="trust-browser" id="trustBrowser">
    <app-dialog heading="{dialog.title}" show-apple-logo="{dialog.showAppleLogo}" theme="{dialog.theme}" title-align="{dialog.titleAlign}" body-align="{dialog.bodyAlign}" btn-opts="{dialog.btnOpts}" {dialog-click}="@dialogClick" classes=" trust-browser">
        <div class="information">
            <div class="thin">
                {{#isSA}}
                    Si eliges confiar en este navegador, no se te pedirá que contestes las preguntas de seguridad la próxima vez que inicies sesión.
                {{/isSA}}
                {{^isSA}}
                Si eliges confiar en este navegador, no se te pedirá un código de verificación la próxima vez que inicies sesión.
                {{/isSA}}
            </div>
            <button id="{{notNowButtonId}}"
                class="button button-link not-now-link"
                ($click)="dialogClick(notNowButtonId,'idms-modal')">
                Ahora no</button>
        </div>
    </app-dialog>
</div>
{{#if showSpinner}}
    <div class="spinner-#container trust" id="trust"></div>
{{/if}}

        
  </script>
  
  <script type="text/stache" id="jstache_1363884483">
    
          
          
          
          
          
          

{{#logoImage}}
    <div class="logo {{#if hideAppLogo}} hide{{/if}} {{#if isSignInLabel}} signin-label {{/if}} {{#if showFadeIn}}fade-in{{/if}} {{#if isProfileData}}logo-profile{{/if}}">
        {{#logoUrl}}
            <a href="{{logoUrl}}" target="blank" tabindex="0" class="ax-outline">
                <img class="cnsmr-app-image" src="{{logoImage}}" srcset="{{logoSrcset}}" style="width:{{logoWidth}}; " alt="{{logoAltText}}"/>
            </a>
        {{/logoUrl}}
        {{^logoUrl}}
            <img class="cnsmr-app-image {{#if isProfileData}}profile-app-logo{{/if}}" src="{{logoImage}}" srcset="{{logoSrcset}}" style="width:{{logoWidth}}; " alt="{{logoAltText}}"/>
        {{/logoUrl}}
    </div>
{{/logoImage}}
{{#logoText}}
    <div class="logo {{#if hideAppLogo}} hide{{/if}}">
       <div class="cnsmr-app-name">{{logoText}}</div>
    </div>
{{/logoText}}

        
  </script>
  
  <script type="text/stache" id="jstache_1468996144">
    
          
          
          
          
          
          {{#is _context "TEST_IDP"}}
  <button id="test_idp" ($click)="_testIdp()" class="button" style=" {{testIdpButtonStyle}} "> {{testIdpButtonText}}
  </button>
  {{else}}
    {{#is _context "MICROSOFT_OBO"}}
      <button id="microsoft_obo" ($click)="_beginOBOFlowForMS()" class="button" style=" {{testIdpButtonStyle}} ">
        {{testIdpButtonText}} </button>
      {{else}}
        {{^or didClickIForgot isResetSecurityQuestionsDialog isResetSecurityQuestionsFailureDialog}}
          <div class="signin fade-in" id="signin">
            {{#if signInLabel}}
              <h1 class="si-container-title {{#if isDeviceTypePhone}}tk-subsection-subhead{{else}}tk-intro{{/if}} {{#if appName}}{{#unless isLogoAvailable}}no-logo-available{{/unless}}{{/if}}"
                tabindex="-1">
                {{signInLabel}}
              </h1>
            {{else}}
              {{#if appName}}
                <h1 class="si-container-title {{#if isDeviceTypePhone}}tk-subsection-subhead{{else}}tk-intro{{/if}}"
                  tabindex="-1">
                  Iniciar sesión en {{appName}}
                </h1>
              {{/if}}
            {{/if}}
            <div class="container si-field-container {{#if isPasswordSecondStep}} password-second-step {{#if showPassword}} password-on {{/if}} {{/if}} {{#errorMessage}} has-error {{/errorMessage}} {{#if invalidShake}}shake{{/if}} {{#if isPasswordOnlySignIn}}password-only-signin{{/if}}">
              {{#if isPasswordSecondStep}}
                {{> _signInFormTemplateID}}
              {{else}}
                <div class="no-gutter si-field apple-id">
                  <div class="col-xs-12">
                    <span class="sr-only" id="appleIdFieldLabel" aria-hidden="true">
                      {{signInLabel}}
                      Apple ID
                    </span>
                    <div class="ax-border apple-id {{#if isAppleIdFocus}} appleid-focus{{/if}}">
                      <input class="si-text-field form-textbox {{#if spinnerFor.auth}}disable{{/if}}" id="appleId" type="text"
                        placeholder="{{appleIdPlaceholder}}" can-field="accountName" autocomplete="off" autocorrect="off"
                        autocapitalize="off" aria-required="true" required="required" aria-labelledby="appleIdFieldLabel"
                        spellcheck="false" autofocus {{#if isAccountNameReadonly}} readonly{{/if}} ($focus)="appleIdFocusHandler()"
                        ($keyup)="appleIdKeyupHandler()" ($blur)="appleIdBlurHandler()">
                    </div>
                  </div>
                </div>
                <div class="field-separator {{#or isPwdFocus isAppleIdFocus}} focus {{/or}}"></div>
                <div class="no-gutter si-field pwd">
                  <div class="col-xs-12">
                    <label for="pwd" class="sr-only" aria-hidden="true">
                      Contraseña
                    </label>
                    <div class="ax-border pwd {{#if isPwdFocus}} pwd-focus{{/if}}">
                      <input class="si-password si-text-field {{#if spinnerFor.auth}}disable{{/if}} {{#unless isPwdFieldEmpty}}dots{{/unless}} form-textbox"
                        id="pwd" ($keyup)="passwordKeyUpHandler()" ($focus)="pwdFocusHandler()" ($blur)="pwdBlurHandler()"
                        type="password" aria-required="true" required="required" placeholder="{{passwordPlaceholder}}"
                        can-field="password" {{#errorMessage}} aria-invalid="true" aria-describedby="invalidUserNamePwdErrMsg"
                        {{/errorMessage}} autocomplete="off">
                    </div>
                    <p class="sr-only" id="invalidUserNamePwdErrMsg" role="tooltip">
                      {{{errorMessage}}}
                    </p>
                  </div>
                </div>
              {{/if}}

              {{#if errorMessage}}
                <div class="pop-container error signin-error" ($click)="errorClickHandler()">
                  <div class="error pop-bottom tk-subbody-headline" ($click)="errorClickHandler()">
                    <p class="fat" id="errMsg">
                      {{{errorMessage}}}
                    </p>
                    {{#if is401}}
                      {{^suppressIforgot}}
                        <a href="{{iForgotUrl}}" target="{{appleIdLinkTarget}}" class="si-link ax-outline thin tk-subbody">
                          ¿Has olvidado tu contraseña?
                        </a>
                        {{/suppressIforgot}}
                        {{#if suppressIforgot}}
                          <span class="si-link ax-outline thin suppressIforgot  tk-subbody" role="link" ($click)="suppressIforgotClickHandler()">
                            ¿Has olvidado tu contraseña?
                          </span>
                        {{/if}}
                    {{/if}}
                    {{#if isUseAppleConnect}}
                      <a target='_parent' id='appleConnectUrl' class='si-link ax-outline thin ' href='{{acClientURL}}'>Continuar para iniciar sesión</a> con AppleConnect.
                    {{/if}}
                  </div>
                </div>
              {{/if}}
              {{#if showRememberMe}}
                <div class="si-remember-password">
                  <input type="checkbox" id="remember-me" class="form-choice form-choice-checkbox" {($checked)}="isRememberMeChecked">
                  <label id="remember-me-label" class="form-label" for="remember-me">
                    <span class="form-choice-indicator"></span>
                    {{rememberMeText}}
                  </label>
                </div>
              {{/if}}
              <div class="spinner-container auth {{#if spinnerFor.auth}} show {{else}} hide {{/if}}"></div>
              <button id="sign-in" ($click)="_verify($element)" class="si-button btn {{#if isPasswordSecondStep}} fed-ui {{#if showPassword}} moved {{/if}} {{#if hideForFedAuthUIAnimation}} fed-ui-animation-hide {{else}} fed-ui-animation-show {{/if}} {{/if}} {{#unless allowAuth}}disable{{/unless}} {{#if spinnerFor.auth}} v-hide {{/if}} {{#if showRememberMe}} remember-me {{/if}} {{#or showCreateLink showiForgotLink}} link {{/or}}"
                aria-label="{{#if isPasswordSecondStep}}{{#if showPassword}}Inicia sesión
                  {{else}}Continuar{{/if}}
              {{else}}
                Inicia sesión{{/if}}"
                aria-disabled="{{#unless allowAuth}}true{{/unless}}{{#if allowAuth}}false{{/if}}"
                {{#unless allowAuth}} disabled="disabled"{{/unless}}
                tabindex="0">
                <i class="icon icon_sign_in"></i>
                <span class="text feat-split">
                  {{#if isPasswordSecondStep}}
                    {{#if showPassword}}
                      Inicia sesión
                    {{else}}
                      Continuar{{/if}}
                  {{else}}
                    Inicia sesión
                  {{/if}}
                </span>
                </button>
                <button id="sign-in-cancel" ($click)="_signInCancel($element)" class="si-button btn secondary feat-split {{#if showRememberMe}} remember-me {{/if}} {{#or showCreateLink showiForgotLink}} link {{/or}}"
                  aria-label="Cerrar" aria-disabled="false" tabindex="0">
                  <span class="text">
                    Cerrar</span>
                </button>
            </div>
            <div class="si-container-footer">
              {{#or showCreateLink showiForgotLink showPrivacy showLearnMoreLink}}
                <div class="separator {{^showRememberMe}}no-remember-me{{/showRememberMe}}"></div>
                <div class="links tk-subbody">
                  {{#if showiForgotLink}}
                    <div class="si-forgot-password">
                      {{#unless suppressIforgot}}
                        <a href="{{iForgotUrl}}" id="iforgot-link" class="si-link ax-outline lite-theme-override"
                          target="{{appleIdLinkTarget}}" ($click)="iforgotLinkClickHandler($element)">
                          ¿Olvidaste tu Apple ID o la contraseña?
                        </a>
                      {{/unless}}
                      {{#if suppressIforgot}}
                        <span class="si-link ax-outline suppressIforgot" role="link" ($click)="suppressIforgotClickHandler()">
                          ¿Olvidaste tu Apple ID o la contraseña?
                        </span>
                      {{/if}}
                    </div>
                  {{/if}}
                  {{#if showCreateLink}}
                    <div>
                      <span class="fat">
                        ¿No tienes un Apple ID?</span>
                      <a href="{{createAppleIDUrl}}" id="create-link" class="si-forgot-password si-link ax-outline lite-theme-override"
                        target="{{appleIdLinkTarget}}" ($click)="createLinkClickHandler($element)">
                        {{#if createLinkText}}
                          {{createLinkText}}
                        {{else}}
                          Crea el tuyo ahora.
                        {{/if}}
                      </a>
                    </div>
                  {{/if}}
                  {{#if showLearnMoreLink}}
                    <div>
                      {{{learnMoreLink}}}
                    </div>
                  {{/if}}
                  {{#if showPrivacy}}
                   <div  class="label-small text-centered centered tk-caption privacy-wrapper">
                          <div class="privacy-icon"></div>
                          {{{privacyText}}} 
                    </div>
                  {{/if}}
                </div>
              {{/or}}
              {{#if showFooter}}
                <div class="si-footer">
                  <span class="copyright-text">
                    Copyright &#169; {{currentYear}} Apple Inc. Todos los derechos reservados.</span>
                  <a class="terms-of-use ax-outline lite-theme-override" target="_blank" href="http://www.apple.com/legal/terms/site.html">
                    Condiciones de uso
                  </a>
                  <a class="privacy ax-outline lite-theme-override" target="_blank" href="http://www.apple.com/legal/privacy/">
                    Política de privacidad
                  </a>
                </div>
              {{/if}}
              {{#if canShowAppleConnectLink}}
                <div class="ac-client-link-container">
                  <div class="separator"></div>
                  <div class="links">
                    <a class="ax-outline lite-theme-override" target="_blank" href="{{acClientURL}}">
                      Inicia sesión con tu cuenta de AppleConnect
                    </a>
                  </div>
                </div>
              {{/if}}
            </div>
          </div>
          {{/or}}
          {{#if suppressIforgot}}
            {{#if didClickIForgot}}
              <app-dialog heading="{dialog.suppressIforgot.title}" show-apple-logo="{dialog.suppressIforgot.showAppleLogo}"
                theme="{dialog.suppressIforgot.theme}" title-align="{dialog.suppressIforgot.titleAlign}" body-align="{dialog.suppressIforgot.bodyAlign}"
                btn-opts="{dialog.suppressIforgot.btnOpts}" {dialog-click}="@dialogClick">
                <div class="suppress" id="suppressIforgotDialog">
                  <div class="dialog-body">
                    <div class="dialog-info">
                      <div class="thin">
                        Comunícate con el administrador o gerente de la institución y solicítale que restablezca la contraseña de tu Apple ID administrado.
                      </div>
                    </div>
                  </div>
                </div>
              </app-dialog>
            {{/if}}
          {{/if}}
          {{#if isResetSecurityQuestionsDialog}}
            <app-dialog heading="Demasiados intentos de verificación incorrectos" {theme}="dialog.resetSecurityQuestions.theme"
              {title-align}="dialog.resetSecurityQuestions.titleAlign" {dialog-closed}="@dialogClosed" {body-align}="dialog.resetSecurityQuestions.bodyAlign"
              classes="too-many-verification-attempts" show-footer="false" {(show)}="showDialog">
              <div class="dialog-info">
                <div class="thin end-text">
                  Realizaste demasiados intentos de responder a tus preguntas de seguridad. Inténtalo más tarde.
                </div>
                <div class="footer">
                  <div class="button-bar">
                    <button ($click)="@dialogClosed" class="button button-secondary">
                      Cancelar</button>
                    <a class="reset-sec-question button" role="button" ($click)="resetQuestionClickHandler(%event)"
                      href="{{resetQuestionDialog.url}}" target="{{resetQuestionDialog.target}}">
                      Restablecer preguntas de seguridad
                    </a>
                  </div>
                </div>
              </div>
            </app-dialog>
          {{/if}}
          {{#if isResetSecurityQuestionsFailureDialog}}
            <app-dialog heading="{dialog.couldNotGenerateResetQuestionURL.title}" theme="{dialog.couldNotGenerateResetQuestionURL.theme}"
              title-align="{dialog.titleAlign}" body-align="{dialog.bodyAlign}" {dialog-click}="@dialogClick"
              {dialog-closed}="@dialogClosed" btn-opts="{dialog.couldNotGenerateResetQuestionURL.btnOpts}" classes="reset-security-questions-falure"
              {(show)}="showDialog" {(show-spinner)}="showSpinner">
              <p class="form-text">
                Tu solicitud no se pudo completar debido a un error.
              </p>
              <p class="form-text end-text">
                Inténtalo más tarde.
              </p>
            </app-dialog>
          {{/if}}
    {{/is}}
{{/is}}

<error-modal
  {(show-error-modal)}= "showErrorModal"
  {error-modal-title}="errorModalTitle"
  {on-done}="@actionClickErrorModalHandler"
  {error-modal-code}="errorModalCode"
>
  {{{errorModalContent}}}
</error-modal>


        
  </script>
  
  <script type="text/stache" id="jstache_509983833">
    
          
          
          
          
          
          <div class="signin-form
  {{#and _isEyebrowTextboxEnabled useEyebrowTextbox}} eyebrow {{/and}}
  {{#or isPwdFocus isAppleIdFocus}} has-focus {{/or}} 
  {{#if isPwdFocus}} has-password-focus {{/if}} 
  {{#if accountName}} account-name-entered {{/if}} 
  {{#if isPasswordSecondStep}} fed-auth 
    {{#if isAnimating}} animating {{/if}}
    {{#if showPassword}} show-password {{/if}}
    {{#if password}} password-entered {{/if}}
    {{#unless showPassword}} hide-password {{/unless}} 
  {{/if}}" 
  id="sign_in_form">
  <div class="si-field-container container">
    <div class="form-table">
      <div class="ax-vo-border {{#if hidePassword}} hide-password {{/if}} {{#if showPassword}} show-password {{/if}} {{#if isAppleIdFocus}}apple-id-focus{{/if}} {{#if isPwdFocus}}password-focus{{/if}} {{#if showSeparator}}show-separator{{/if}} {{#if isFirefoxBrowser}}firefox{{/if}}"></div>
      <div class="account-name form-row {{#if isAppleIdFocus}}apple-id-focus{{/if}} {{#if isPwdFocus}}password-focus{{/if}} {{#if hidePassword}} hide-password {{/if}} {{#if showPassword}} show-password {{/if}}">
        <label class="sr-only form-cell form-label" for="account_name_text_field">{{signInLabel}} Apple ID</label>
        <div class="form-cell">
          <div class="form-cell-wrapper">
            <input 
              class="form-textbox form-textbox-text" 
              id="account_name_text_field" 
              type="text"
              {{^and _isEyebrowTextboxEnabled useEyebrowTextbox}}
                placeholder="{{appleIdPlaceholder}}"
              {{/and}}              
              can-field="accountName"
              autocomplete="off"
              autocorrect="off"
              autocapitalize="off"
              aria-required="true"
              required="required"
              aria-describedby="apple_id_field_label"
              spellcheck="false"
              {{#if isAutofocusAccountName}}autofocus{{/if}}
              {{#if isAccountNameReadonly}}readonly{{/if}}
              ($focus)="appleIdFocusHandler()"
              ($keyup)="appleIdKeyupHandler()"
              ($blur)="appleIdBlurHandler()"
            />
            <span class="{{#and _isEyebrowTextboxEnabled useEyebrowTextbox}} form-label {{/and}} form-label-flyout" id="apple_id_field_label" aria-hidden="true">
              Apple ID
            </span>
          </div>
        </div>
      </div>
      <div class="field-separator {{#if showSeparator}}show-separator{{/if}} {{#if isAppleIdFocus}}apple-id-focus{{/if}} {{#if isPwdFocus}}password-focus{{/if}}"></div>
      <div class="password form-row  {{#if hidePassword}} hide-password hide-placeholder {{/if}} {{#if showPassword}} show-password show-placeholder {{/if}} {{#if isAppleIdFocus}}apple-id-focus{{/if}} {{#if isPwdFocus}}password-focus{{/if}}"
        {{#if isPasswordSecondStep}}{{#unless showPassword}}aria-hidden="true"{{/unless}}{{/if}}
      >
        <label class="sr-only form-cell form-label" for="password_text_field">Contraseña</label>
        <div class="form-cell">
          <div class="form-cell-wrapper">
            <input class="form-textbox form-textbox-text"
              id="password_text_field"
              ($keyup)="passwordKeyUpHandler()"
              ($focus)="pwdFocusHandler()"
              ($blur)="pwdBlurHandler()"
              type="password"
              {{^and _isEyebrowTextboxEnabled useEyebrowTextbox}}
                placeholder="{{passwordPlaceholder}}"
              {{/and}}
              aria-required="true"
              required="required"
              can-field="password"
              {{#errorMessage}} 
                aria-invalid="true" 
                aria-describedby="invalid_user_name_pwd_err_msg"
              {{/errorMessage}}
              autocomplete="off"
              {{#unless showPassword}} 
                tabindex="-1"
              {{/unless}} 
            />
            <span class="{{#and _isEyebrowTextboxEnabled useEyebrowTextbox}} form-label {{/and}} form-label-flyout" id="password_field_label" aria-hidden="true">
              {{passwordPlaceholder}} 
            </span>
            <span class="sr-only form-label-flyout" id="invalid_user_name_pwd_err_msg" aria-hidden="true">
              {{{errorMessage}}}
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
        
  </script>
  
  <script type="text/stache" id="jstache_813181226">
    
          
          
          
          
          
          <div class="spinner-container redirect-spinner {{#spinnerFor.redirect}}v-show{{/spinnerFor.redirect}}{{^spinnerFor.redirect}}v-hide{{/spinnerFor.redirect}}"
     id="redirect-spinner-container"></div>
<a href="#" class="si-link" id="redirectPrefetch">{{text}}</a>
<a href="{{redirectUrl}}" target="_blank" id="redirect"></a>
        
  </script>
  
  <script type="text/stache" id="jstache_2063897521">
    
          
          
          
          
          
          {{#if isShowAppleLogo}}
    <appleid-logo mode="{mode}"></appleid-logo>
{{/if}}
<div class="widget-container fade-in {{#isSafari}}safari-browser{{/isSafari}}{{#showAcccountLockedDialog}}show-dialog{{/showAcccountLockedDialog}} {{^isRepairRequired}}{{^isShowOnlyIDPButton}}restrict-max-wh{{/isShowOnlyIDPButton}}{{/isRepairRequired}} {{#showRepairWidget}}fade-out{{/showRepairWidget}} {{^showRepairWidget}}fade-in{{/showRepairWidget}} {{#if isRepairWidgetOnMobile}}repair-widget-mobile{{/if}}"
     data-mode="{{mode}}" data-isiebutnotedge="{{isIEButNotEdge}}">
    {{#showExpiredPwdRepair}}
        {{^isRepairUIModeInline}}
            <div id="pop-change-pwd" class="change-password-pop"></div>
        {{/isRepairUIModeInline}}
        {{#isRepairUIModeInline}}
            <div id="inline-change-pwd" class="change-password-inline"></div>
        {{/isRepairUIModeInline}}
    {{/showExpiredPwdRepair}}

    <div id="step" class="si-step {{#fadeIn}}fade-in{{/fadeIn}}">
        {{^showExpiredPwdRepair}}
            <logo {hide-app-logo}="hideAppLogo" {show-fade-in}="showFadeIn"></logo>
        {{/showExpiredPwdRepair}}
        <div id="stepEl"
             class="{{#showExpiredPwdRepair}}hide{{/showExpiredPwdRepair}} {{#hideStepElement}}hide{{/hideStepElement}} {{#dialog.resetCRToken.message}}hide{{/dialog.resetCRToken.message}} {{#if showIntermediaryFedAuthPage}} hide {{/if}}" >
        </div>
    </div>
    <div id="stocking" style="display:none !important;"></div>
    {{#showAcccountLockedDialog}}
        <app-dialog heading="{dialog.acccountLocked.title}"
                    show-apple-logo="{dialog.acccountLocked.showAppleLogo}"
                    theme="{dialog.acccountLocked.theme}"
                    title-align="{dialog.acccountLocked.titleAlign}"
                    body-align="{dialog.acccountLocked.bodyAlign}"
                    btn-opts="{dialog.acccountLocked.btnOpts}"
                    {dialog-click}="@dialogClick"
                    >
            <div class="acc-locked" id="acc-locked">
                <div class="dialog-body">
                    <div class="dialog-info">
                        <div class="thin">
                            Debes desbloquear tu cuenta antes de iniciar sesión.
                        </div>
                    </div>
                </div>
            </div>
        </app-dialog>
    {{/showAcccountLockedDialog}}
    {{#if showIntermediaryFedAuthPage}}
        <app-dialog heading="{dialog.intermediaryFedAuthPage.title}"
                    show-apple-logo="{dialog.intermediaryFedAuthPage.showAppleLogo}"
                    theme="{dialog.intermediaryFedAuthPage.theme}"
                    title-align="{dialog.intermediaryFedAuthPage.titleAlign}"
                    body-align="{dialog.intermediaryFedAuthPage.bodyAlign}"
                    btn-opts="{dialog.intermediaryFedAuthPage.btnOpts}"
                    {dialog-click}="@dialogClick"
                    is-show-dialog-logo="{showFedAuthDialogLogo}"
                    dialog-logo-class="{{#is federatedData.federatedAuthIntro.orgType 'EDUCATION' }} education-logo {{/is}} 
                                       {{#is federatedData.federatedAuthIntro.orgType 'ENTERPRISE' }} enterprise-logo {{/is}}"
                    >
            <div class="intermediary-page" id="intermediaryFedAuthPage">
                <div class="dialog-body">
                    <div class="dialog-info">
                        <div class="thin">
                            Continúa en {{federatedData.federatedAuthIntro.idpName}} para iniciar sesión en tu cuenta de  {{federatedData.federatedAuthIntro.orgName}}.
                        </div>
                    </div>
                </div>
            </div>
        </app-dialog>
    {{/if}}

    {{#show8HoursAccountLockedDialog}}
        <app-dialog heading="{dialog.acccountLocked.title}"
                    show-apple-logo="{dialog._8HoursAccountLocked.showAppleLogo}"
                    theme="{dialog._8HoursAccountLocked.theme}"
                    title-align="{dialog._8HoursAccountLocked.titleAlign}"
                    body-align="{dialog._8HoursAccountLocked.bodyAlign}"
                    btn-opts="{dialog._8HoursAccountLocked.btnOpts}"
                    {dialog-click}="@dialogClick"
                    >
            <div class="acc-locked" id="acc-locked">
                <div class="dialog-body">
                    <div class="dialog-info">
                        <div class="thin">
                            Has intentado verificar tu identidad demasiadas veces. Debes desbloquear tu cuenta para continuar.
                        </div>
                    </div>
                </div>
            </div>
        </app-dialog>
    {{/show8HoursAccountLockedDialog}}
    {{#showNoDevicesNoRKDialog}}
        <app-dialog heading="{dialog.noDevicesNoRKDialog.title}"
                    show-apple-logo="{dialog.noDevicesNoRKDialog.showAppleLogo}"
                    theme="{dialog.noDevicesNoRKDialog.theme}"
                    title-align="{dialog.noDevicesNoRKDialog.titleAlign}"
                    body-align="{dialog.noDevicesNoRKDialog.bodyAlign}"
                    btn-opts="{dialog.noDevicesNoRKDialog.btnOpts}"
                    {dialog-click}="@dialogClick"
                    >
            <div class="acc-locked" id="acc-locked">
                <div class="dialog-body">
                    <div class="dialog-info">
                        <div class="thin">
                            No puedes iniciar sesión porque no tienes registrado ningún dispositivo de confianza en tu cuenta. Visita la página de Apple ID y utiliza tu Clave de recuperación para agregar dispositivos de confianza.
                        </div>
                    </div>
                </div>
            </div>
        </app-dialog>
    {{/showNoDevicesNoRKDialog}}
    {{#dialog.resetCRToken.message}}
        <app-dialog heading="{dialog.resetCRToken.title}"
                    show-apple-logo="{dialog.resetCRToken.showAppleLogo}"
                    theme="{dialog.resetCRToken.theme}"
                    title-align="{dialog.resetCRToken.titleAlign}"
                    body-align="{dialog.resetCRToken.bodyAlign}"
                    btn-opts="{dialog.resetCRToken.btnOpts}"
                    {dialog-click}="@dialogClick"
                    >
            <div class="reset-cr-token" id="resetCRToken">
                <div class="dialog-body">
                    <div class="dialog-info">
                        <div class="thin">
                            {{dialog.resetCRToken.message}}
                        </div>
                    </div>
                </div>
            </div>
        </app-dialog>
    {{/dialog.resetCRToken.message}}
    {{#isRepairRequired}}
        <div class="repair-widget {{#showRepairWidget}}lower-stack fade-in{{/showRepairWidget}} {{^showRepairWidget}}fade-out{{/showRepairWidget}}"
             id="repairWidget"></div>
    {{/isRepairRequired}}
</div>

        
  </script>
  
  
<script type="application/json" id="app_config">
    {
        "i18n": 
    
    
    {"web.button.text.back":"Regresar","web.text.ok":"Aceptar","web.auth.external.profile.error.required.2.factor.learn.more.button":"Más información","web.auth.external.profile.button.done":"Aceptar","web.auth.external.profile.error.required.2.factor.description":"“Iniciar sesión con Apple” requiere la autenticación de dos factores. Puedes activar la autenticación de dos factores para tu Apple ID desde un dispositivo iOS o una Mac.","web.auth.external.profile.error.required.2.factor.description.ios.title":"Consulta las instrucciones para un dispositivo iOS","web.auth.external.profile.error.required.2.factor.description.ios.instruction.v10.3.title":"Si utilizas iOS 10.3 o posterior:","web.auth.external.profile.error.required.2.factor.description.ios.instruction.v10.3.text1":"Ve a Configuración \u003E [tu nombre] \u003E \"Contraseña y seguridad\".","web.auth.external.profile.error.required.2.factor.description.ios.instruction.v10.3.text2":"Toca \"Activar autenticación de dos factores\".","web.auth.external.profile.error.required.2.factor.description.ios.instruction.v10.3.text3":"Toca Continuar.","web.auth.external.profile.error.required.2.factor.description.ios.instruction.below.v10.3.link":"\u003Ca target=\"_blank\" href=\"https:\/\/support.apple.com\/es-mx\/HT204915\"\u003EObtén instrucciones para iOS 10.2 o anterior \u003E\u003C\/a\u003E","web.auth.external.profile.error.required.2.factor.description.mac.title":"Consulta las instrucciones para una Mac","web.auth.external.profile.error.required.2.factor.description.mac.instruction.capitan.title":"Sigue estos pasos en tu Mac con OS X El Capitan o posterior:","web.auth.external.profile.error.required.2.factor.description.mac.instruction.capitan.text1":"Ve a Apple ( \u003Ci aria-hidden=\"true\" style=\"font-size: 12px;\" class=\"icon icon_apple\"\u003E\u003C\/i\u003E ) \u003E \"Preferencias del Sistema\" \u003E iCloud \u003E \"Detalles de la cuenta\".","web.auth.external.profile.error.required.2.factor.description.mac.instruction.capitan.text2":"Haz clic en Seguridad.","web.auth.external.profile.error.required.2.factor.description.mac.instruction.capitan.text3":"Haz clic en \"Activar la autenticación de dos factores\".","web.auth.external.profile.error.u13.title":"Inicio de sesión con Apple no compatible","web.auth.external.profile.error.required.2.factor.title":"Se requiere Autenticación de dos factores"}
  
    }
</script>
  




<script>
(function(){
    
    //TODO: move bootData to app_config json tag
    window.idms = window.idms || {};
    window.idms.app_config = window.idms.app_config || {};

    var urlContext = '/appleauth/';
    if (urlContext.substr(-1) === '/') {
      urlContext = urlContext.substr(0, urlContext.length - 1);
    }

    var bootData = {};
    bootData.urlContext = urlContext;
    
      
        bootData.destinationDomain = decodeURIComponent('https://www.icloud.com');
      
      
    
    
      bootData.appleOAuth = {
        requestor : {
          
          id: decodeURIComponent("d39ba9916b7251055b22c7f910e2ea796ee65e98b2ddecea8f5dde8d9d1a815d"),
          
          
          
          
          responseType: decodeURIComponent("code"),
          
          
          responseMode: decodeURIComponent("web_message"),
          
          
          frameId: decodeURIComponent("234261ad-fad9-4c74-a7b4-27b2e06b1a5e"),
          
          
          
          type: decodeURIComponent("firstPartyAuth"),
          
          redirectURI: decodeURIComponent("https://www.icloud.com")
        }
      }
     
    
    
    

    window.idms.app_config.bootData = bootData;

    //legacy loc strings, we should add the loc strings manually anymore.
    //should use locMessages helpers instead
    var locMessageStrings = [];
    var locManager = { addString: function(key, value, escape) {
        if(typeof escape !== 'boolean') escape = true;
        locMessageStrings.push({key: key, value: value, escape: escape});
    }};
    var module = { default:locManager };
    var localizationManager = module.default;
localizationManager.addString('signInFallbackError', 'Tu Apple ID o la contraseña que ingresaste son incorrectos.');
localizationManager.addString('fallback', 'No se pudo verificar tu identidad. Vuelve a intentarlo.');
localizationManager.addString('exampleEmail', 'nombre@example.com');
localizationManager.addString('appleId', 'Apple ID');
localizationManager.addString('password', 'Contraseña');
localizationManager.addString('rememberMe', 'Recuérdame ');
localizationManager.addString('keepMeSignedIn', 'Mantener sesión abierta');
localizationManager.addString('defaultSignInLabel', 'Inicia sesión con tu Apple ID');
localizationManager.addString('cancelText', ' Cancelar');
localizationManager.addString('resetAccText', ' Desbloquear la cuenta');
localizationManager.addString('gotoAppleIdText', ' Ir a Apple ID');
localizationManager.addString('addTrustedDeviceText', ' Agrega un dispositivo de confianza');
localizationManager.addString('iframeTitle', ' Inicia sesión con tu Apple ID');
localizationManager.addString('acccountLockedTitle', ' El Apple ID se bloqueó por motivos de seguridad. ');
localizationManager.addString('noDevicesNoRKDialogTitle', ' No se puede verificar la identidad');
localizationManager.addString('suppressIforgotTitle', ' ¿Necesitas restablecer la contraseña?');
localizationManager.addString('resetCRTokenTitle', ' Este enlace ya no es válido.');
localizationManager.addString('logoAltText', 'Logo de la aplicación');
localizationManager.addString('saChallenge.button.resetSecurityQuestions.text', 'Restablecer preguntas de seguridad');
localizationManager.addString('titleCouldNotGenerateResetQuestionURL', 'No se restablecieron las preguntas de seguridad');
localizationManager.addString('okText', 'Aceptar');
localizationManager.addString('accountUnlockButton', 'Desbloquear la cuenta');
localizationManager.addString('btnTextGoBack', 'Atrás');
localizationManager.addString('btnTextContinue', 'Continuar');
localizationManager.addString('notNowTrustMyBrowser', 'Ahora no');
localizationManager.addString('intermediaryIntroPageTitle', 'Apple ID para {0}');
localizationManager.addString('intermediaryIntroPageDefaultTitle', 'Apple ID para tu institución');

    window.idms.app_config.i18n_legacy = locMessageStrings;
})();
</script>
            

<script>
(function(){
    var bootData = window.idms.app_config.bootData;
    bootData.accountName = "";
    bootData.resetCRToken = '';
    bootData.isRtl = 'false';
    bootData.acUrl = 'https://idmsa.apple.com/IDMSWebAuth/acsignin';
    
    
    bootData.scnt = 'null';
    bootData.isFederatedAuthEnabled = true;
    bootData.isPasswordSecondStep = true;
    bootData.isInterstitialFedAuthPageEnabled = true;
    bootData.shouldSuppressIForgotLink = false;
    bootData.refererUrl = 'https://www.icloud.com/';
    bootData.domainId = 3;
    bootData.urlBag = {
  "passwordReset" : "https://iforgot.apple.com/password/verify/appleid",
  "createAppleID" : "https://appleid.apple.com/account",
  "appleId" : "https://appleid.apple.com",
  "verificationCodeHelp" : "https://support.apple.com/kb/HT204974",
  "accountRecoveryHelp" : "https://support.apple.com/kb/HT204921",
  "crResetUrl" : "https://iforgot.apple.com/request/questions/reset"
};
    bootData.meta = {};
    bootData.iframeId = '234261ad-fad9-4c74-a7b4-27b2e06b1a5e';
    bootData.meta.futureReservedAuthUIModes = ['popped-window', 'dialog', 'tabbed'];
    bootData.meta.supportedAuthUIModes = ['window', 'embed', 'inline'];
    bootData.meta.FEConfiguration = {
      pmrpcRetryCount: '5',
      pmrpcTimeout: '1000',
      appLoadDelay: '500',
      jsLogLevel: 'ERROR',
      isEyebrowTextboxEnabled: (''.toUpperCase() === 'TRUE')
    }
})()
</script>



    
    
        
            
            
                <script type="text/javascript" src="signin_data/app.js"></script>

            
        
    
 



  </body></html>