<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Título de la página -->
    <title>Puffcase</title>

    <!-- Descripción de la página -->
    <meta name="description" content="Descubre las mejores páginas web de gambling para CS2 con promociones exclusivas. Encuentra sitios seguros y confiables para maximizar tus apuestas y ganar grandes premios.">

    <!-- Nombre del autor -->
    <meta name="author" content="Adriango & Puff">

    <!-- Palabras clave para SEO -->
    <meta name="keywords" content="gambling CS2, apuestas CS2, promociones gambling CS2, Puffcase, mejores sitios gambling, CS2 skins gambling, apuestas Counter-Strike 2, promociones exclusivas gambling, gambling Puffcase, sitios seguros gambling CS2, ganar premios CS2 gambling, Puffcase gambling, Puffcase apuestas, skins Puffcase, promociones Puffcase, sitios de apuestas Puffcase">

    <!-- Meta etiqueta de idioma -->
    <meta http-equiv="content-language" content="es">

    <!-- Meta robots para SEO -->
    <meta name="robots" content="index, follow">

    <!-- Favicon o logo de la página (icono que aparece en la pestaña) -->
    <link rel="icon" href="favicon-l.ico" type="image/x-icon">

    <!-- Open Graph para redes sociales -->
    <meta property="og:title" content="Puffcase">
    <meta property="og:description" content="Descubre las mejores páginas web de gambling para CS2 con promociones exclusivas. Encuentra sitios seguros y confiables para maximizar tus apuestas y ganar grandes premios.">
    <meta property="og:image" content="ruta_de_imagen_compartida.jpg">
    <meta property="og:url" content="https://www.puffcase.es">

    <!-- Twitter Cards para redes sociales -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Puffcase">
    <meta name="twitter:description" content="Descubre las mejores páginas web de gambling para CS2 con promociones exclusivas. Encuentra sitios seguros y confiables para maximizar tus apuestas y ganar grandes premios.">
    <meta name="twitter:image" content="ruta_de_imagen_para_twitter.jpg">

    <!-- Enlace al archivo de estilos CSS -->
    <link rel="stylesheet" href="css/style.css">
    
    <!-- Fontawesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <!-- Fuente de letra -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

</head>
<body>
    <!--Popup terminos legales-->
    <div id="popup-content"> 
        <div id="popup">
        <h1>Términos Legales</h1>
        <div class="terms">
            <input type="checkbox" id="ageCheckbox">
            <label for="ageCheckbox">Soy mayor de edad (18 años o más).</label>
        </div>
        <div class="terms">
            <input type="checkbox" id="termsCheckbox">
            <label for="termsCheckbox">He leído y acepto los <a href="legal-terms" target="_blank">Términos Legales</a>.</label>
        </div>
        <div class="terms">
            <input type="checkbox" id="responsibilityCheckbox">
            <label for="responsibilityCheckbox">Entiendo que el acceso a promociones y sitios externos es bajo mi responsabilidad.</label>
        </div>
          <button id="acceptButton" disabled>Aceptar</button>
        </div>
      </div> 

    <div id="blur-overlay">
    <!--Particulas de navidad-->
    <div class="snow"></div>

    <!--Notificacion mensaje de copiar-->
    <div id="custom-notification" class="notification hidden"></div>

    <header>
        <div class="container">
            <!--<img id="l-header" src="images/favicon-l.png"/>-->
            <h1>PUFFCASE</h1>        
        </div>
    </header>
    <div id="promotions">
        <div class="title">
            <p><span>TOP</span> PÁGINAS Y PROMOCIONES <span>ÚNICAS</span></p>
        </div>    
        
        <div class="container">
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/hellcase-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>10% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" id="inputText" class="copy" value="puffcase" readonly disabled>
                            <button id="copyButton" class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                        <button class="boton-link" onclick="window.open('https://hellcase.com/puffcase', '_blank');">HELLCASE</button>
                    </div>
                </div>
            </div>
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/xfun-logo.svg"/>
                    </div>
                    <div class="extra tier-e">
                        <p>0.5$ FREE</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://x.fun/r/puffcase', '_blank');" target="_blank">X.FUN</button>
                    </div>
                </div>
            </div>   
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/keydrop-logo.svg"/>
                    </div>
                    <div class="extra tier-e">
                        <p>0.5$ FREE + 10%</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://key-drop.com/?code=PUFFCASE', '_blank');" target="_blank">KEYDROP</button>
                    </div>
                </div>
            </div>    
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/raingg-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>5% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link" onclick="window.open('https://rain.gg/r/TfDlnoFTNO', '_blank');">RAIN.GG</button>
                    </div>
                </div>
            </div>
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/csgoluck-logo.svg"/>
                    </div>
                    <div class="extra tier-e">
                        <p>3 CAJAS GRATIS</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://csgoluck.com/r/PUFFCASE', '_blank');" target="_blank">CSGOLUCK</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/skinfans-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>CAJA GRATIS + 10%</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link" onclick="window.open('https://skin.fans/r/puffcase', '_blank');" target="_blank">SKINS.FANS</button>
                    </div>
                </div>
            </div>    
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/csgoroll-logo.svg"/>
                    </div>
                    <div class="extra tier-e">
                        <p>3 CAJAS GRATIS + 5%</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://csgoroll.com/r/PUFFCASE', '_blank');" target="_blank">CSGOROLL</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/clashgg-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>5% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>                    
                    <button class="boton-link" onclick="window.open('https://clash.gg/r/PUFFCASE', '_blank');" target="_blank">CLASH.GG</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/csgoempire-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>CAJA GRATIS</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link" onclick="window.open('https://csgoempire.com/r/puffcase', '_blank');" target="_blank">CSGOEMPIRE</button>
                    </div>
                </div>
            </div>
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/casehuge-logo.png"/>
                    </div>
                    <div class="extra tier-e">
                        <p>2 CAJAS GRATIS + 10%</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://casehug.com/r/PUFFCASE', '_blank');" target="_blank">CASEHUG</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/skinrave-logo.png"/>
                    </div>
                    <div class="extra">
                        <p>10% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link" onclick="window.open('https://skinrave.gg/r/puffcase', '_blank');" target="_blank">SKINRAVE</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/daddyskins-logo.png"/>
                    </div>
                    <div class="extra">
                        <p>5% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="puffcase" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link" onclick="window.open('https://daddyskins.com/promo-code/puffcase', '_blank');" target="_blank">DADDYSKINS</button>
                    </div>
                </div>
            </div>
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/skinclub-logo.svg"/>
                    </div>
                    <div class="extra tier-e">
                        <p>7% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://l.skin.club/924PUFFCASES1V', '_blank');" target="_blank">SKINCLUB</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/datdrop-logo.png"/>
                    </div>
                    <div class="extra">
                        <p>5% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="daemon" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link" onclick="window.open('https://datdrop.com/p/daemon', '_blank');" target="_blank">DATDROP</button>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="box n-border">
                    <div class="content-img">
                        <img src="images/csgostake-logo.svg"/>
                    </div>
                    <div class="extra">
                        <p>5% EXTRA</p>
                    </div>
                    <div class="code-button">
                        <p>Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy" value="daemon" readonly disabled>
                            <button class="boton-copiar">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div>                     
                    <button class="boton-link" onclick="window.open('https://csgostake.com/r/daemon', '_blank');" target="_blank">CSGOSTAKE</button>
                    </div>
                </div>
            </div>
            
            <div class="card animated-border-box-glow">
                <div class="box gradient-border">
                    <div class="content-img">
                        <img src="images/csgoskinslogo.png"/>
                    </div>
                    <div class="extra tier-e">
                        <p>0.5$ FREE + 10%</p>
                    </div>
                    <div class="code-button">
                        <p class="tier-e">Codigo</p>
                        <div class="codigo-container">
                            <input type="text" class="copy tierborder-e" value="puffcase" readonly disabled>
                            <button class="boton-copiar tier-e">
                                <i class="fa-solid fa-copy fa-2x1" aria-hidden="true"></i>
                            </button>
                        </div> 
                    <button class="boton-link tierbuttonborder-e" onclick="window.open('https://csgo-skins.com/?ref=PUFFCASE', '_blank');" target="_blank">CSGOSKINS</button>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <h3>Términos Legales</h3>
                <br>
                <p>No asumimos responsabilidad alguna por las pérdidas, daños o inconvenientes que puedan derivarse del uso de los sitios web externos promocionados en nuestra plataforma. Recomendamos que los usuarios evalúen cuidadosamente los riesgos asociados antes de interactuar con cualquier página vinculada. Es responsabilidad del usuario asegurarse de cumplir con las leyes y regulaciones aplicables en su jurisdicción antes de participar en cualquier actividad en línea. El acceso a los sitios web recomendados es bajo su propio riesgo.</p>
                <br>
                <p>Las promociones y ofertas publicadas en nuestro sitio pueden modificarse o cancelarse en cualquier momento. Le sugerimos que verifique directamente en el sitio web del proveedor la validez y condiciones actuales de cada promoción para asegurarse de contar con información precisa y actualizada.</p>
                <br>
                <p><span>&copy; 2024 PuffCase.</span> Todos los derechos reservados.</p>
            </div>
        </div>
    </footer>
    </div>
    <script src="./js/index.js"></script>
    <script src="./js/copy.js"></script>
    <script src="./js/snow.js"></script>
    <script src="./js/popup.js"></script>
</body>
</html>
