<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Biblioteca Digital: 64 Obras Maestras del Cuento por $9.99 | PapitasFritas.com</title>
    <meta name="description" content="Accede a una colección curada de 64 libros de cuentos en PDF por solo $9.99 USD. Clásicos, modernos y joyas de todo el mundo. Descarga instantánea.">
    <!-- Google Fonts (Ejemplo: Lora y Open Sans) -->
    <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=Lora:ital,wght@0,400;0,700;1,400&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
    <!-- Font Awesome para iconos -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Estilos CSS -->
    <style>
        :root {
            --primary-color: #1a2a45; /* Azul marino profundo */
            --secondary-color: #f0e6d2; /* Beige claro / Crema */
            --accent-color: #bda04a; /* Oro viejo / Bronce */
            --dark-text: #333333;
            --light-text: #f8f8f8; /* Texto claro principal */
            --bg-light: #ffffff;
            --bg-medium: #f8f5f0; /* Blanco roto/Beige muy claro */
            --font-title: 'Lora', serif;
            --font-body: 'Open Sans', sans-serif;
            --transition-speed: 0.4s;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-body);
            line-height: 1.7;
            color: var(--dark-text);
            background-color: var(--bg-light);
            font-size: 16px;
        }

        .container {
            max-width: 1200px;
            margin: auto;
            padding: 0 30px;
        }

        /* --- Header --- */
        /* AJUSTE: Fondo oscuro y texto claro para el header, como en la imagen */
        header {
            background: var(--primary-color); /* Fondo azul oscuro */
            padding: 1rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            /* box-shadow: 0 1px 3px rgba(0,0,0,0.1); */ /* Sombra no muy útil en fondo oscuro */
            /* border-bottom: 1px solid #eee; */ /* Borde no visible en fondo oscuro */
        }

        header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-family: var(--font-title);
            font-size: 1.6rem;
            font-weight: 700;
            /* AJUSTE: Color claro para el logo sobre fondo oscuro */
            color: var(--secondary-color); /* Beige claro */
            text-decoration: none;
            letter-spacing: 1px;
        }
         .logo span {
            font-weight: 400;
            font-style: italic;
            color: var(--accent-color); /* Dorado - se mantiene */
            font-size: 0.9em;
         }

        nav a {
            /* AJUSTE: Color claro para los enlaces de navegación */
            color: var(--secondary-color); /* Beige claro */
            text-decoration: none;
            margin-left: 20px;
            transition: color var(--transition-speed) ease;
        }
        nav a:hover {
             /* AJUSTE: Hover más brillante o diferente */
            color: var(--bg-light); /* Blanco al pasar el mouse */
            /* Alternativa: mantener el dorado si se ve bien: color: var(--accent-color); */
        }


        /* --- Hero Section --- */
        .hero {
            background: linear-gradient(rgba(26, 42, 69, 0.85), rgba(26, 42, 69, 0.85)), url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bGlicmFyeXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=800&q=60') no-repeat center center/cover;
            color: var(--light-text);
            padding: 100px 0;
            text-align: center;
            min-height: 60vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .hero h1 {
            font-family: var(--font-title);
            font-size: 3.2rem;
            margin-bottom: 1rem;
            font-weight: 700;
            letter-spacing: 1px;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 1s ease-out forwards;
        }

        .hero p {
            font-size: 1.2rem;
            margin-bottom: 1.5rem; /* Reducido para dar espacio al precio */
            max-width: 750px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.8;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 1s ease-out 0.3s forwards;
        }

        /* NUEVO: Estilo para el párrafo del precio */
        .price-info {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            font-weight: 400;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 1s ease-out 0.5s forwards;
            color: var(--secondary-color); /* Color beige claro */
        }
        .price-info strong {
            color: var(--accent-color); /* Precio en dorado */
            font-weight: 700;
            font-size: 1.4rem;
        }

        .cta-button {
            display: inline-block;
            background: var(--accent-color);
            color: var(--primary-color);
            padding: 14px 35px;
            font-size: 1.1rem;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            letter-spacing: 0.5px;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 1s ease-out 0.7s forwards; /* Retraso ajustado */
        }

        .cta-button:hover {
            background: #a88c3a;
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }

        /* --- General Section Styling --- */
        section {
            padding: 80px 0;
            overflow: hidden;
        }
        section:nth-child(odd) {
             background-color: var(--bg-medium);
        }
         /* La sección #benefits ya tiene fondo oscuro, así que no necesita esto */
         section#benefits {
             background-color: var(--primary-color);
         }


        .section-title {
            font-family: var(--font-title);
            font-size: 2.8rem;
            color: var(--primary-color);
            text-align: center;
            margin-bottom: 60px;
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 70px;
            height: 3px;
            background: var(--accent-color);
        }

        .fade-in-section {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1s ease-out, transform 1s ease-out;
        }
        .fade-in-section.is-visible {
            opacity: 1;
            transform: translateY(0);
        }


        /* --- Product Details --- */
        #product-details .details-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        #product-details img {
            max-width: 100%;
            border-radius: 8px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            border: 5px solid var(--bg-light);
        }

        #product-details .text-content p {
            margin-bottom: 1.5rem;
            font-size: 1.05rem;
            line-height: 1.8;
        }
        #product-details .text-content strong {
             color: var(--primary-color);
        }


        /* --- Book List --- */
        .book-list-container {
            max-height: 450px;
            overflow-y: auto;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 25px;
            background: var(--bg-light);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
        }

        .book-list-container ul {
            list-style: none;
            padding: 0;
             columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
             column-gap: 40px;
        }

        .book-list-container li {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            font-size: 0.95rem;
             page-break-inside: avoid;
            break-inside: avoid-column;
            display: flex;
            justify-content: space-between;
             align-items: baseline;
        }
         .book-list-container li:last-child {
            border-bottom: none;
        }

        .book-list-container .book-title {
             margin-right: 10px;
             flex-grow: 1;
        }

        .book-list-container .file-size {
            font-size: 0.8rem;
            color: #666;
            white-space: nowrap;
            flex-shrink: 0;
        }


        /* --- Benefits --- */
         #benefits {
             background-color: var(--primary-color);
             color: var(--light-text);
         }
         #benefits .section-title {
             color: var(--bg-light);
         }
         #benefits .section-title::after {
             background: var(--accent-color);
         }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 40px;
            text-align: center;
        }

        .benefit-item {
            background: rgba(255, 255, 255, 0.05);
            padding: 35px 25px;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: transform var(--transition-speed) ease, background-color var(--transition-speed) ease;
        }

        .benefit-item:hover {
            transform: translateY(-8px);
            background: rgba(255, 255, 255, 0.1);
        }

        .benefit-item i {
            font-size: 2.8rem;
            color: var(--accent-color);
            margin-bottom: 20px;
            display: block;
        }

        .benefit-item h3 {
            font-family: var(--font-title);
            font-size: 1.6rem;
            margin-bottom: 10px;
            color: var(--bg-light);
        }
         .benefit-item p {
             font-size: 0.95rem;
             line-height: 1.6;
             color: var(--secondary-color);
         }


        /* --- Payment --- */
        #payment {
            text-align: center;
        }

        .payment-intro {
            color: var(--dark-text);
            margin-bottom: 50px;
            font-size: 1.1rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        /* Estilo para resaltar el precio en la intro de pago */
        .payment-intro strong {
             color: var(--primary-color);
             font-weight: 700;
        }


        .payment-options {
            display: flex;
            justify-content: center;
            align-items: stretch;
            gap: 40px;
            flex-wrap: wrap;
        }

        .payment-card {
            background: var(--bg-light);
            padding: 35px;
            border-radius: 8px;
            box-shadow: 0 6px 18px rgba(0,0,0,0.08);
            flex: 1;
            min-width: 300px;
            max-width: 450px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border: 1px solid #eee;
            transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
        }
         .payment-card:hover {
            transform: translateY(-5px);
             box-shadow: 0 10px 25px rgba(0,0,0,0.12);
         }

        .payment-card h3 {
            font-family: var(--font-title);
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: var(--primary-color);
        }
        .payment-card .payment-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            color: var(--primary-color);
        }
         .payment-card p {
            font-size: 1rem;
             margin-bottom: 25px;
             flex-grow: 1;
             color: #555;
         }

        .payment-button {
            display: inline-block;
            background: var(--primary-color);
            color: var(--bg-light);
            padding: 12px 30px;
            font-size: 1rem;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
            margin-top: auto;
            border: none;
            cursor: pointer;
        }

        .payment-button:hover {
            background: #2c3e70;
            transform: scale(1.03);
        }

        .paypal-button i { margin-right: 8px; }


        .bitcoin-address {
            font-family: 'Courier New', Courier, monospace;
            font-size: 1rem;
            word-wrap: break-word;
            background: var(--bg-medium);
            padding: 15px;
            border-radius: 5px;
            margin-top: 15px;
            position: relative;
            border: 1px solid #ddd;
            text-align: left;
            color: #333;
        }

        .copy-button {
            background: var(--accent-color);
            color: var(--primary-color);
            border: none;
            padding: 6px 12px;
            font-size: 0.85rem;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color var(--transition-speed) ease;
            margin-left: 10px;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            font-weight: bold;
        }
        .copy-button:hover {
             background: #a88c3a;
        }
         .copy-button i { margin-right: 5px;}

        .qr-code {
             margin-top: 20px;
        }
        .qr-code img {
            max-width: 160px;
            border: 6px solid var(--bg-light);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            display: block;
             margin-left: auto;
             margin-right: auto;
             /* AJUSTE: Fondo del QR para que coincida con el de la sección */
             background-color: var(--bg-medium); /* O el color que uses para la sección de pago */
        }


        /* --- Post Payment --- */
        #post-payment {
            background-color: var(--bg-medium);
            text-align: center;
        }

        #post-payment p {
            font-size: 1.1rem;
            margin-bottom: 30px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.8;
        }

        .contact-options {
            display: flex;
            justify-content: center;
            gap: 25px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .contact-link {
            display: inline-flex;
            align-items: center;
            background: var(--primary-color);
            color: var(--bg-light);
            padding: 12px 25px;
            font-size: 1rem;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .contact-link i {
            margin-right: 10px;
            font-size: 1.3rem;
        }

        .contact-link.whatsapp { background: #25D366; color: white;}
        .contact-link.gmail { background: #D44638; color: white; }

        .contact-link:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
         .contact-link.whatsapp:hover { background: #1ebe5a; }
         .contact-link.gmail:hover { background: #c23a2c; }

        /* --- Footer --- */
        footer {
            background: var(--primary-color);
            color: var(--secondary-color);
            text-align: center;
            padding: 30px 0;
            margin-top: 60px;
            font-size: 0.9rem;
        }
         footer a {
            color: var(--accent-color);
             text-decoration: none;
         }
         footer a:hover {
             text-decoration: underline;
         }

        /* --- Animations --- */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* --- Responsiveness --- */
        @media (max-width: 992px) {
            .hero h1 { font-size: 2.8rem; }
            .hero p { font-size: 1.1rem; }
            .section-title { font-size: 2.4rem; }
            #product-details .details-content { grid-template-columns: 1fr; gap: 30px; text-align: center;}
             #product-details img { max-width: 80%; margin: 0 auto 20px auto; display: block; }
             .book-list-container ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
        }

        @media (max-width: 768px) {
             body { font-size: 15px; }
             .container { padding: 0 20px; }
             /* AJUSTE: Header responsive con fondo oscuro */
             header .container { flex-direction: column; gap: 15px;} /* Más espacio en móvil */
             nav { margin-top: 5px; } /* Separar nav del logo */
             nav a { margin: 0 10px;}
             .hero { padding: 80px 0; min-height: 50vh;}
             .hero h1 { font-size: 2.4rem; }
             section { padding: 60px 0; }
             .section-title { font-size: 2rem; margin-bottom: 40px;}
             .payment-options { flex-direction: column; align-items: center;}
             .payment-card { width: 90%; max-width: 400px; margin-bottom: 30px;}
        }

        @media (max-width: 480px) {
            .hero h1 { font-size: 2rem; }
            .hero p { font-size: 1rem; }
            .price-info { font-size: 1.1rem; } /* Ajustar tamaño precio en móvil */
             .price-info strong { font-size: 1.2rem; }
            .cta-button { padding: 12px 30px; font-size: 1rem; }
            .contact-options { flex-direction: column; align-items: center; gap: 15px;}
            .contact-link { width: 90%; text-align: center; justify-content: center;}
             .bitcoin-address { font-size: 0.9rem; padding: 10px;}
            .copy-button { position: static; transform: none; margin-top: 10px; width: 100%; display: block; text-align: center;}
            .qr-code img { max-width: 130px;}
        }

    </style>
</head>
<body>

    <header>
        <div class="container">
            <!-- Logo ahora con texto claro (beige) sobre fondo oscuro -->
            <a href="#" class="logo">PapitasFritas<span>.com</span></a>
            <!-- Navegación ahora con texto claro (beige) sobre fondo oscuro -->
            <nav>
                <a href="#product-details">Detalles</a>
                <a href="#book-list">Contenido</a>
                <a href="#payment">Comprar</a>
                <a href="#post-payment">Contacto</a>
            </nav>
        </div>
    </header>

    <section class="hero" id="home">
        <div class="container">
            <h1>Tu Biblioteca Personal de Cuentos Universales</h1>
            <p>Descubre la magia, la sabiduría y la aventura en esta colección exclusiva de 64 libros de cuentos en formato PDF. Autores clásicos y modernos reunidos para ti.</p>
            <!-- PRECIO AÑADIDO AQUÍ -->
            <p class="price-info">Acceso completo por solo: <strong>$9.99 USD</strong></p>
            <a href="#payment" class="cta-button">Adquirir Colección Ahora</a>
        </div>
    </section>

    <section id="product-details" class="fade-in-section">
        <div class="container">
            <h2 class="section-title">Una Joya para Amantes de la Lectura</h2>
            <div class="details-content">
                 <div class="text-content">
                     <p>Sumérgete en un océano de narrativas con este <strong>Pack Premium de 64 Libros de Cuentos</strong>. Hemos reunido una selección diversa y enriquecedora que abarca desde la profundidad filosófica de los cuentos sufíes y la maestría de Chéjov, hasta el misterio de Agatha Christie y la fantasía de los Hermanos Grimm.</p>
                    <p>Cada libro se entrega en formato <strong>PDF de alta calidad</strong>, optimizado para una lectura cómoda en cualquier dispositivo: tu ordenador, tablet o móvil. Lleva contigo siglos de historias y explora nuevas culturas y perspectivas.</p>
                    <p>Esta colección es perfecta para lectores ávidos, estudiantes de literatura, o cualquiera que desee poseer una <strong>biblioteca digital fundamental</strong> de la narrativa breve.</p>
                 </div>
                 <div>
                     <img src="https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8Ym9va3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60" alt="Colección de Libros Clásicos">
                 </div>
            </div>
        </div>
    </section>

    <section id="book-list" class="fade-in-section">
        <div class="container">
            <h2 class="section-title">Contenido Detallado del Pack</h2>
            <div class="book-list-container">
                <ul>
                    <!-- Lista de libros sin cambios -->
                    <li><span class="book-title">150 Cuentos sufies - Maulana Jall alDn Rm</span><span class="file-size">1.0 MB</span></li>
                    <li><span class="book-title">Cuentos - Alfred de Musset</span><span class="file-size">845 KB</span></li>
                    <li><span class="book-title">Cuentos - Ernest Hemingway</span><span class="file-size">1.8 MB</span></li>
                    <li><span class="book-title">Cuentos - ETA Hoffmann</span><span class="file-size">4.1 MB</span></li>
                    <li><span class="book-title">Cuentos - Pedro Antonio de Alarcon</span><span class="file-size">3.2 MB</span></li>
                    <li><span class="book-title">Cuentos 2 - Hermann Hesse</span><span class="file-size">1.5 MB</span></li>
                    <li><span class="book-title">Cuentos breves y extraordinarios - AA VV</span><span class="file-size">1.0 MB</span></li>
                    <li><span class="book-title">Cuentos Chinos</span><span class="file-size">440 KB</span></li>
                    <li><span class="book-title">Cuentos completos - Agatha Christie</span><span class="file-size">9.0 MB</span></li>
                    <li><span class="book-title">Cuentos completos - Anton Chejov</span><span class="file-size">7.6 MB</span></li>
                    <li><span class="book-title">Cuentos completos - Evelyn Waugh</span><span class="file-size">2.2 MB</span></li>
                    <li><span class="book-title">Cuentos completos - Katherine Anne Porter</span><span class="file-size">2.4 MB</span></li>
                    <li><span class="book-title">Cuentos completos - Thomas Hardy</span><span class="file-size">3.9 MB</span></li>
                    <li><span class="book-title">Cuentos completos - Wilhelm Hauff</span><span class="file-size">9.6 MB</span></li>
                    <li><span class="book-title">Cuentos completos 1 - Julio Cortazar</span><span class="file-size">4.2 MB</span></li>
                    <li><span class="book-title">Cuentos completos 2 - Julio Cortazar</span><span class="file-size">4.0 MB</span></li>
                    <li><span class="book-title">Cuentos completos de terror locura y muerte - Guy de Maupassant</span><span class="file-size">3.6 MB</span></li>
                    <li><span class="book-title">Cuentos Completos I - Jack London</span><span class="file-size">19 MB</span></li>
                    <li><span class="book-title">Cuentos Completos II - Jack London</span><span class="file-size">13 MB</span></li>
                    <li><span class="book-title">Cuentos Completos III - Jack London</span><span class="file-size">13 MB</span></li>
                    <li><span class="book-title">Cuentos de Boccacio - Giovanni Boccaccio</span><span class="file-size">828 KB</span></li>
                    <li><span class="book-title">Cuentos de judios - Miguel Angel Moreno</span><span class="file-size">7.8 MB</span></li>
                    <li><span class="book-title">Cuentos de la selva Ilustrador Pablo Jurado - Horacio Quiroga</span><span class="file-size">2.7 MB</span></li>
                    <li><span class="book-title">Cuentos de los Hermanos Grimm ilustrado - Hermanos Grimm</span><span class="file-size">11 MB</span></li>
                    <li><span class="book-title">Cuentos del Lejano Oeste - Bret Harte</span><span class="file-size">1.3 MB</span></li>
                    <li><span class="book-title">Cuentos grotescos - Jose Rafael Pocaterra</span><span class="file-size">1.4 MB</span></li>
                    <li><span class="book-title">Cuentos latinos de la Edad Media - AA VV</span><span class="file-size">1.9 MB</span></li>
                    <li><span class="book-title">Cuentos negros de Cuba - Lydia Cabrera</span><span class="file-size">1.1 MB</span></li>
                    <li><span class="book-title">Cuentos para no tan ninos - Victor Mengual Jimenez</span><span class="file-size">644 KB</span></li>
                    <li><span class="book-title">Cuentos petersburgueses - Nikolai Gogol</span><span class="file-size">971 KB</span></li>
                    <li><span class="book-title">Cuentos populares britanicos - Kevin CrossleyHolland</span><span class="file-size">7.7 MB</span></li>
                    <li><span class="book-title">Cuentos populares de Iberoamerica - Carmen BravoVillasante</span><span class="file-size">5.4 MB</span></li>
                    <li><span class="book-title">Cuentos populares de los bereberes - Uwe Topper</span><span class="file-size">711 KB</span></li>
                    <li><span class="book-title">Cuentos populares italianos Vol I - Italo Calvino</span><span class="file-size">3.6 MB</span></li>
                    <li><span class="book-title">Cuentos populares italianos Vol II - Italo Calvino</span><span class="file-size">3.3 MB</span></li>
                    <li><span class="book-title">Cuentos populares portugueses - Anonimo</span><span class="file-size">1.1 MB</span></li>
                    <li><span class="book-title">Cuentos presuntamente completos - Maria Elvira Bermudez</span><span class="file-size">3.5 MB</span></li>
                    <li><span class="book-title">Cuentos reunidos - Esther Seligson</span><span class="file-size">1.6 MB</span></li>
                    <li><span class="book-title">Cuentos sobrenaturales - Walter Scott</span><span class="file-size">4.7 MB</span></li>
                    <li><span class="book-title">Cuentos ucranios - Nikolai Gogol</span><span class="file-size">842 KB</span></li>
                    <li><span class="book-title">Cuentos venezolanos - AA VV</span><span class="file-size">662 KB</span></li>
                    <li><span class="book-title">Cuentos y cronicas - Ruben Dario</span><span class="file-size">1.8 MB</span></li>
                    <li><span class="book-title">Cuentos y cuentistas - Harold Bloom</span><span class="file-size">1.4 MB</span></li>
                    <li><span class="book-title">Cuentos y leyendas del antiguo Egipto - Brigitte Evano</span><span class="file-size">3.4 MB</span></li>
                    <li><span class="book-title">Cuentos y otras narraciones - Alejo Carpentier</span><span class="file-size">1.5 MB</span></li>
                    <li><span class="book-title">Diccionario de mitos - Carlos Garcia Gual</span><span class="file-size">2.6 MB</span></li>
                    <li><span class="book-title">Fabulas y cuentos - G K Chesterton</span><span class="file-size">892 KB</span></li>
                    <li><span class="book-title">idoc.pub_cuentos-sufies-nasrudin-1pdf</span><span class="file-size">363 KB</span></li>
                    <li><span class="book-title">Leyendas Cuentos escogidos - Gustavo Adolfo Becquer</span><span class="file-size">8.3 MB</span></li>
                    <li><span class="book-title">Leyendas y mitos mayas - Anonimo</span><span class="file-size">502 KB</span></li>
                    <li><span class="book-title">Los celtas y sus mitos - Mariano Fontrodona</span><span class="file-size">3.7 MB</span></li>
                    <li><span class="book-title">Los cuentos de la realidad magica - Arturo Uslar Pietri</span><span class="file-size">1.0 MB</span></li>
                    <li><span class="book-title">Los mitos hebreos - Robert Graves</span><span class="file-size">2.5 MB</span></li>
                    <li><span class="book-title">Maldiciones y mitos - Rick Riordan</span><span class="file-size">2.7 MB</span></li>
                    <li><span class="book-title">Mis cuentos africanos - Nelson Mandela</span><span class="file-size">7.6 MB</span></li>
                    <li><span class="book-title">Mitos eroticos de todo el mundo - Shahrukh Husain</span><span class="file-size">1.1 MB</span></li>
                    <li><span class="book-title">Mitos nordicos - Neil Gaiman</span><span class="file-size">1.1 MB</span></li>
                    <li><span class="book-title">Mitos y leyendas celtas - T W Rolleston</span><span class="file-size">5.5 MB</span></li>
                    <li><span class="book-title">Ochenta y seis cuentos - Quim Monzo</span><span class="file-size">1.8 MB</span></li>
                    <li><span class="book-title">Recopilacion cuentos.rar</span><span class="file-size">195 MB</span></li>
                    <li><span class="book-title">Relatos de los mitos de Cthulhu 1 - H P Lovecraft</span><span class="file-size">1.1 MB</span></li>
                    <li><span class="book-title">Relatos de los mitos de Cthulhu 2 - H P Lovecraft</span><span class="file-size">983 KB</span></li>
                    <li><span class="book-title">Relatos de los mitos de Cthulhu 3 - H P Lovecraft</span><span class="file-size">1.0 MB</span></li>
                    <li><span class="book-title">Un siglo de cuentos rusos - AA VV</span><span class="file-size">?</span></li>
                </ul>
            </div>
             <p style="text-align:center; margin-top:25px; font-style: italic; color: #555;">Una biblioteca digital curada con esmero para tu disfrute.</p>
        </div>
    </section>

     <section id="benefits" class="fade-in-section">
        <div class="container">
            <h2 class="section-title">Ventajas de esta Colección Única</h2>
            <div class="benefits-grid">
                <!-- Beneficios sin cambios -->
                 <div class="benefit-item">
                    <i class="fas fa-globe-americas"></i>
                    <h3>Diversidad Cultural</h3>
                    <p>Explora narrativas de todo el mundo, desde Oriente Medio hasta América Latina, Europa y más.</p>
                </div>
                <div class="benefit-item">
                    <i class="fas fa-graduation-cap"></i>
                    <h3>Valor Educativo</h3>
                    <p>Accede a obras fundamentales de la literatura universal, ideales para estudio y enriquecimiento personal.</p>
                </div>
                <div class="benefit-item">
                    <i class="fas fa-infinity"></i>
                    <h3>Acceso Permanente</h3>
                    <p>Descarga los PDF una vez y consérvalos para siempre. Tu biblioteca digital personal sin suscripciones.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="payment" class="fade-in-section">
        <div class="container">
            <h2 class="section-title">Adquiere tu Tesoro Literario</h2>
            <!-- PRECIO AÑADIDO/MODIFICADO AQUÍ -->
            <p class="payment-intro">Elige el método de pago que prefieras para obtener acceso inmediato a los 64 libros de cuentos por sólo <strong>$9.99 USD</strong>. Un proceso sencillo y seguro.</p>
            <div class="payment-options">
                <!-- PayPal Card -->
                <div class="payment-card">
                    <div>
                        <div class="payment-icon"><i class="fab fa-paypal"></i></div>
                        <h3>Pago Seguro con PayPal</h3>
                        <p>Utiliza tu saldo de PayPal o tus tarjetas vinculadas. La forma rápida y confiable de comprar online por $9.99 USD.</p>
                    </div>
                    <a href="https://www.paypal.com/donate/?hosted_button_id=EUP3JTH3X5VXY" target="_blank" class="payment-button paypal-button">
                       <i class="fab fa-paypal"></i> Pagar Vía PayPal ($9.99)
                    </a>
                </div>

                <!-- Bitcoin Card -->
                <div class="payment-card">
                     <div>
                        <div class="payment-icon"><i class="fab fa-bitcoin"></i></div>
                        <h3>Pagar con Bitcoin (BTC)</h3>
                        <p>Envía el importe equivalente a <strong>$9.99 USD en Bitcoin</strong> a la siguiente dirección. Copia la dirección o escanea el código QR.</p>
                        <div class="bitcoin-address" id="btc-address-display">1Lgek7Mbimxy4c98ZYyyCX9wKq3xyad4d5
                           <button class="copy-button" onclick="copyBitcoinAddress()" title="Copiar Dirección">
                               <i class="fas fa-copy"></i> Copiar
                            </button>
                        </div>
                         <div class="qr-code">
                            <img src="https://api.qrserver.com/v1/create-qr-code/?size=160x160&data=bitcoin:1Lgek7Mbimxy4c98ZYyyCX9wKq3xyad4d5?amount=0.000XYZ" alt="Código QR Bitcoin" title="Escanea para pagar el equivalente a $9.99 USD en BTC">
                             <!-- Nota: El '?amount=' en data=bitcoin: a veces funciona, pero depende mucho del wallet. Es mejor indicarlo en el texto. -->
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

     <section id="post-payment" class="fade-in-section">
        <div class="container">
            <h2 class="section-title">Verificación y Entrega</h2>
            <p>¡Gracias por tu compra! Una vez realizado el pago de <strong>$9.99 USD</strong> (sea por PayPal o Bitcoin), por favor, <strong>ponte en contacto con nosotros</strong> para que podamos verificar tu transacción y enviarte los enlaces de descarga de tu colección.</p>
             <p>Puedes contactarnos fácilmente por:</p>
            <div class="contact-options">
                 <a href="https://wa.me/+573223038282?text=Hola%2C%20realicé%20el%20pago%20de%20%249.99%20por%20el%20Pack%20de%2064%20Libros%20de%20Cuentos%20(PapitasFritas.com)." target="_blank" class="contact-link whatsapp">
                    <i class="fab fa-whatsapp"></i> WhatsApp
                </a>
                <a href="mailto:nkkobb@gmail.com?subject=Verificación%20Pago%20$9.99%20-%20Pack%2064%20Libros%20(PapitasFritas.com)" target="_blank" class="contact-link gmail">
                    <i class="fas fa-envelope"></i> Correo Electrónico (Gmail)
                </a>
            </div>
            <p style="margin-top: 30px; font-size: 0.9rem; color: #666;">* Te recomendamos tener a mano el ID de transacción de PayPal o el Hash de la transacción de Bitcoin para agilizar la verificación.</p>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>© 2025 <a href="https://papitasfritas.com" target="_blank">PapitasFritas.com</a> - Tu portal a un mundo de historias.</p>
        </div>
    </footer>

    <script>
        // --- Función para copiar la dirección Bitcoin ---
        function copyBitcoinAddress() {
            const addressNode = document.getElementById('btc-address-display');
            const addressText = addressNode.childNodes[0].nodeValue.trim();

            navigator.clipboard.writeText(addressText).then(() => {
                // alert('¡Dirección Bitcoin copiada!'); // Puedes quitar el alert si prefieres solo el feedback visual
                const copyBtn = addressNode.querySelector('.copy-button');
                 if(copyBtn) {
                    const originalText = copyBtn.innerHTML;
                    copyBtn.innerHTML = '<i class="fas fa-check"></i> Copiado';
                    copyBtn.style.backgroundColor = '#8fbc8f'; // Verde suave para feedback
                    setTimeout(() => {
                         copyBtn.innerHTML = originalText;
                         copyBtn.style.backgroundColor = ''; // Volver al color original
                    }, 2500);
                 }
            }).catch(err => {
                alert('Error al copiar. Por favor, selecciona y copia manualmente.');
                console.error('Error al copiar BTC Address: ', err);
            });
        }

        // --- Animación de Scroll Reveal Simple ---
         const sections = document.querySelectorAll('.fade-in-section');
         const revealSection = (entries, observer) => {
             entries.forEach(entry => {
                 if (entry.isIntersecting) {
                     entry.target.classList.add('is-visible');
                     // observer.unobserve(entry.target); // Descomenta si solo quieres la animación una vez
                 }
                 // else { // Descomenta si quieres que desaparezca al salir de vista
                 //     entry.target.classList.remove('is-visible');
                 // }
             });
         };
         const options = { root: null, threshold: 0.15, rootMargin: '0px' };
         const observer = new IntersectionObserver(revealSection, options);
         sections.forEach(section => { observer.observe(section); });

    </script>

</body>
</html>