Update index.html

Author: sierra4817

index.html

@@ -9,9 +9,7 @@
         :root {
             --oro-real: #bf953f; 
             --negro-absoluto: #000000;
-            --gris-premium: #0a0a0a;
             --blanco-nitido: #ffffff;
-            /* ORO LÍQUIDO REALISTA */
             --oro-gradiente: linear-gradient(to bottom, #fcf6ba 0%, #bf953f 25%, #fcf6ba 50%, #bf953f 75%, #aa771c 100%);
         }
 
@@ -43,7 +41,7 @@
             filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
         }
 
-        /* MOCKUP SECTION */
+        /* SECCIÓN DEL MOCKUP CORREGIDA */
         .hero-mockup { margin: 40px auto; max-width: 450px; }
         .hero-mockup img { 
             width: 100%; 
@@ -71,7 +69,6 @@
             border-radius: 4px;
         }
 
-        /* BOTÓN ORO LÍQUIDO */
         .cta-btn { 
             display: inline-block; 
             width: 100%; 
@@ -93,19 +90,16 @@
         .section { padding: 60px 20px; max-width: 900px; margin: 0 auto; }
         .card { background: #050505; padding: 30px; border: 1px solid #1a1a1a; margin-bottom: 20px; }
 
-        /* PROTOCOLO CONTENT */
         .product-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 40px 0; }
         .product-item { 
             background: #0a0a0a; 
+            border: 1px solid #1a1a1a;
             border-left: 4px solid var(--oro-real); 
             padding: 25px; 
             text-align: left; 
-            border: 1px solid #1a1a1a;
-            border-left: 4px solid var(--oro-real);
         }
         .product-item h4 { margin: 0 0 10px 0; color: var(--oro-real); font-family: 'Oswald', sans-serif; font-size: 1.2rem; }
 
-        /* REVIEWS */
         .review { border-bottom: 1px solid #1a1a1a; padding: 30px 0; }
         .stars { color: var(--oro-real); margin-bottom: 10px; font-size: 1.2rem; }
 
@@ -126,7 +120,7 @@ <h1 class="titulo-alfa">CÓDIGO ALFA VIP</h1>
         <p style="letter-spacing: 3px; font-weight: 300; opacity: 0.8;">EL MANIFIESTO DEL 1%: NO COMPITAS, LIDERA</p>
 
         <div class="hero-mockup">
-            <img src="images/mockup.png" alt="Código Alfa VIP Mockup">
+            <img src="images/mockup.png.jpg" alt="Código Alfa VIP Mockup">
         </div>
 
         <div class="optin-container">
@@ -164,21 +158,16 @@ <h4>🦅 Mentalidad de Soberanía</h4>
         <h2 style="margin-top: 80px; letter-spacing: 2px;">Resultados de la Comunidad</h2>
         <div class="review">
             <div class="stars">★★★★★</div>
-            <p style="font-style: italic;">"Este manifiesto cambió mi visión sobre los activos. Es la estructura que nadie te enseña en la universidad. La claridad es absoluta."</p>
-            <span style="color:var(--oro-real); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">- Javier F. • Miembro VIP</span>
-        </div>
-        <div class="review">
-            <div class="stars">★★★★★</div>
-            <p style="font-style: italic;">"El rastreador de flujo por sí solo vale 10 veces el precio. Por fin entiendo por dónde se iba mi dinero y cómo multiplicarlo."</p>
-            <span style="color:var(--oro-real); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">- Sofía G. • Miembro VIP</span>
+            <p style="font-style: italic;">"Este manifiesto cambió mi visión sobre los activos. Es la estructura que nadie te enseña en la universidad."</p>
+            <span style="color:var(--oro-real); font-weight: bold;">- Javier F. • Miembro VIP</span>
         </div>
 
         <div id="comprar">
             <h2 style="margin-top:0; background: var(--oro-gradiente); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">¿QUIERES MÁS?</h2>
             <p>Domina tu mente con los <b>Protocolos de Sabiduría Estoica</b>. El complemento táctico indispensable para el 1%.</p>
             <br>
             <a href="https://go.hotmart.com/R105307128Q" class="cta-btn">Adquirir Protocolo VIP</a>
-            <p style="font-size:0.7rem; margin-top:20px; opacity: 0.5;">Garantía de 7 días • Acceso Inmediato • Pago Seguro</p>
+            <p style="font-size:0.7rem; margin-top:20px; opacity: 0.5;">Garantía de 7 días • Acceso Inmediato</p>
         </div>
     </main>
 
@@ -191,7 +180,6 @@ <h2 style="margin-top:0; background: var(--oro-gradiente); -webkit-background-cl
         form.addEventListener("submit", function(e) {
             e.preventDefault();
             btn.innerHTML = "PROCESANDO ACCESO...";
-            btn.style.opacity = "0.7";
             btn.disabled = true;
 
             const ebookLink = "https://drive.google.com/file/d/1nUlSOzEGNRx9r4S36GyrZRUjasrnn8vK/view?usp=sharing";