Skip to content

Commit 3999dc2

Browse files
sierra4817sierra4817
authored
Update index.html
1 parent 413fad1 commit 3999dc2

1 file changed

Lines changed: 80 additions & 79 deletions

File tree

‎index.html‎

Lines changed: 80 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,17 @@
77
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
88
<style>
99
:root {
10-
--oro-puro: #FFD700;
11-
--oro-metalico: #C5A059;
12-
--oro-blanco: #FFFACD;
13-
--oro-sombra: #967B45;
10+
/* PALETA DE ORO PURO Y NITIDEZ */
11+
--oro-celestial: #fcf6ba; /* Brillo máximo */
12+
--oro-real: #bf953f; /* Tono medio metálico */
13+
--oro-profundo: #aa771c; /* Sombra de oro */
1414
--negro-absoluto: #000000;
15-
--gris-oscuro: #0a0a0a;
16-
--blanco: #ffffff;
17-
--texto: #f5f5f5; /* Texto ligeramente más blanco para mayor nitidez */
15+
--gris-premium: #0a0a0a;
16+
--blanco-nitido: #ffffff;
17+
--texto-claro: #f0f0f0;
1818

19-
--gradient-oro: linear-gradient(135deg, #bf953f 0%, #fcf6ba 20%, #b38728 40%, #fcf6ba 60%, #bf953f 80%, #aa771c 100%);
19+
/* DEGRADADOS METÁLICOS NIVEL DIOS */
20+
--gradient-oro-text: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 50%, #fcf6ba 55%, #aa771c 100%);
2021
--gradient-oro-btn: linear-gradient(45deg, #aa771c 0%, #fcf6ba 50%, #aa771c 100%);
2122
}
2223

@@ -25,174 +26,175 @@
2526
body {
2627
font-family: 'Roboto', sans-serif;
2728
background-color: var(--negro-absoluto);
28-
color: var(--texto);
29+
color: var(--texto-claro);
2930
margin: 0;
3031
line-height: 1.7;
31-
/* Suavizado de fuente para máxima nitidez */
32-
-webkit-font-smoothing: antialiased;
33-
-moz-osx-font-smoothing: grayscale;
32+
-webkit-font-smoothing: antialiased; /* Nitidez máxima en fuentes */
3433
}
3534

3635
h1, h2, h3 {
3736
font-family: 'Oswald', sans-serif;
3837
text-transform: uppercase;
39-
letter-spacing: 1.5px;
40-
color: var(--blanco);
41-
text-wrap: balance;
42-
/* Sombra reducida para evitar el efecto de borde difuminado */
43-
text-shadow: 0 1px 2px rgba(0,0,0,0.8);
38+
letter-spacing: 2px;
39+
color: var(--blanco-nitido);
40+
text-shadow: 0 2px 10px rgba(0,0,0,0.9);
4441
}
4542

43+
/* HERO - IMPACTO TOTAL */
4644
.hero {
4745
padding: 140px 20px;
4846
text-align: center;
49-
background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.95)),
47+
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.95)),
5048
url('https://images.unsplash.com/photo-1554469384-e58fac16e23a?q=80&w=1974&auto=format&fit=crop');
5149
background-size: cover;
5250
background-position: center;
53-
border-bottom: 3px solid var(--oro-metalico);
54-
box-shadow: 0 10px 40px rgba(0,0,0,0.5);
51+
border-bottom: 3px solid transparent;
52+
border-image: var(--gradient-oro-text) 1;
53+
box-shadow: 0 10px 50px rgba(191, 149, 63, 0.3);
5554
}
5655

57-
/* Dorado con degradado, pero con filtro de nitidez */
56+
/* TEXTO DORADO DEFINIDO (SIN DIFUMINADO) */
5857
.gold {
59-
background: var(--gradient-oro);
58+
background: var(--gradient-oro-text);
6059
-webkit-background-clip: text;
6160
-webkit-text-fill-color: transparent;
6261
background-clip: text;
6362
font-weight: 700;
64-
/* Eliminamos drop-shadow difuminado en textos pequeños */
65-
filter: brightness(1.1);
63+
filter: brightness(1.2) contrast(1.1); /* Realza el metal sin nublarlo */
6664
}
6765

6866
.headline {
6967
font-size: clamp(2.5rem, 8vw, 4.5rem);
7068
margin: 0;
7169
line-height: 1.1;
72-
font-weight: 700;
73-
letter-spacing: -0.5px;
7470
}
7571

7672
.subheadline {
77-
font-size: 1.4rem;
73+
font-size: 1.5rem;
7874
max-width: 900px;
7975
margin: 25px auto 45px;
80-
font-weight: 400; /* Un poco más de peso para lectura clara */
81-
color: #ffffff;
76+
font-weight: 300;
77+
color: var(--blanco-nitido);
8278
}
8379

80+
/* BOTÓN NIVEL DIOS CON REFLEJO DINÁMICO */
8481
.cta-btn {
8582
display: inline-block;
8683
background: var(--gradient-oro-btn);
87-
color: #000000;
88-
padding: 22px 55px;
84+
color: #000;
85+
padding: 22px 60px;
8986
text-decoration: none;
9087
font-weight: 700;
9188
font-family: 'Oswald', sans-serif;
92-
font-size: 1.3rem;
93-
transition: all 0.3s ease;
89+
font-size: 1.4rem;
90+
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
9491
border-radius: 2px;
95-
box-shadow: 0 5px 20px rgba(197, 160, 89, 0.4);
92+
box-shadow: 0 0 30px rgba(191, 149, 63, 0.5);
9693
text-transform: uppercase;
97-
border: 1px solid rgba(255, 255, 255, 0.3);
94+
border: 1px solid var(--oro-celestial);
9895
position: relative;
96+
overflow: hidden;
9997
}
10098

10199
.cta-btn:hover {
102-
transform: translateY(-3px);
103-
box-shadow: 0 10px 30px rgba(197, 160, 89, 0.6);
104-
filter: brightness(1.1);
100+
transform: scale(1.05) translateY(-5px);
101+
box-shadow: 0 20px 60px rgba(191, 149, 63, 0.8);
102+
filter: brightness(1.2);
105103
}
106104

105+
/* SECCIONES Y CONTENIDOS */
107106
.section {
108107
padding: 100px 20px;
109108
max-width: 1000px;
110109
margin: 0 auto;
111110
}
112111

113112
.quote-box {
114-
background: var(--gris-oscuro);
113+
background: var(--gris-premium);
115114
padding: 50px;
116-
border-left: 5px solid var(--oro-metalico);
115+
border-left: 6px solid transparent;
116+
border-image: linear-gradient(to bottom, var(--oro-celestial), var(--oro-profundo)) 1;
117117
font-style: italic;
118-
font-size: 1.5rem;
118+
font-size: 1.6rem;
119119
margin-bottom: 80px;
120-
color: #ffffff;
121-
/* Sombra sólida para no ensuciar el texto */
122-
box-shadow: 20px 20px 0px rgba(197, 160, 89, 0.05);
120+
color: var(--blanco-nitido);
121+
box-shadow: 15px 15px 50px rgba(0,0,0,0.8);
123122
}
124123

125124
.grid {
126125
display: grid;
127126
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
128-
gap: 35px;
127+
gap: 40px;
129128
}
130129

131130
.card {
132-
background: #080808;
131+
background: #050505;
133132
padding: 45px;
134-
border: 1px solid #222;
135-
transition: all 0.3s ease;
133+
border: 1px solid #1a1a1a;
134+
transition: 0.4s;
135+
position: relative;
136136
}
137137

138138
.card:hover {
139-
border-color: var(--oro-metalico);
140-
background: #111;
139+
border-color: var(--oro-real);
140+
transform: translateY(-10px);
141+
background: #0a0a0a;
142+
box-shadow: 0 15px 40px rgba(191, 149, 63, 0.2);
141143
}
142144

143145
.card h3 {
144146
color: var(--oro-puro);
147+
font-size: 1.6rem;
145148
margin-top: 0;
146-
font-size: 1.5rem;
147-
letter-spacing: 1px;
148-
}
149-
150-
.card p {
151-
font-size: 1.05rem;
152-
color: #d1d1d1;
149+
text-shadow: none; /* Nitidez absoluta */
153150
}
154151

155152
.feature-list {
156153
list-style: none;
157154
padding: 0;
158-
margin: 40px 0;
155+
margin: 50px 0;
159156
}
160157

161158
.feature-list li {
162-
padding: 18px 0;
159+
padding: 20px 0;
163160
border-bottom: 1px solid #1a1a1a;
164161
display: flex;
165162
align-items: flex-start;
166-
font-size: 1.15rem;
167-
color: #ffffff;
163+
font-size: 1.2rem;
164+
color: var(--blanco-nitido);
168165
}
169166

170167
.feature-list li::before {
171168
content: "✓";
172169
color: var(--oro-puro);
173-
margin-right: 20px;
170+
margin-right: 25px;
174171
font-weight: 900;
172+
text-shadow: 0 0 10px var(--oro-real);
175173
}
176174

175+
/* CAJA DE COMPRA FINAL */
177176
.final-buy-box {
178177
text-align: center;
179-
margin-top: 80px;
180-
padding: 70px 30px;
181-
background: #050505;
182-
border: 2px solid var(--oro-metalico);
183-
box-shadow: 0 0 40px rgba(0,0,0,1);
178+
margin-top: 100px;
179+
padding: 80px 40px;
180+
background: #000;
181+
border: 2px solid transparent;
182+
border-image: var(--gradient-oro-text) 1;
183+
box-shadow: 0 0 60px rgba(191, 149, 63, 0.2);
184184
}
185185

186186
footer {
187187
padding: 80px 20px;
188188
text-align: center;
189-
border-top: 1px solid #222;
189+
border-top: 1px solid #1a1a1a;
190190
font-size: 0.9rem;
191-
color: #888;
191+
color: #555;
192+
background: #050505;
192193
}
193194

194195
@media (max-width: 600px) {
195-
.section { padding: 60px 20px; }
196+
.headline { font-size: 2.2rem; }
197+
.subheadline { font-size: 1.1rem; }
196198
.quote-box { padding: 30px; font-size: 1.2rem; }
197199
}
198200
</style>
@@ -210,7 +212,7 @@ <h1 class="headline">CÓDIGO <span class="gold">ALFA VIP</span></h1>
210212
"Al hombre moderno se le ha vendido una mentira: que debe disculparse por su ambición... La mayoría vive en silencio, compitiendo por las sobras."
211213
</div>
212214

213-
<h2 style="text-align: center; margin-bottom: 50px;">La Hoja de Ruta Táctica</h2>
215+
<h2 style="text-align: center; margin-bottom: 60px;">La Hoja de Ruta Táctica</h2>
214216

215217
<div class="grid">
216218
<div class="card">
@@ -231,20 +233,19 @@ <h3>Capítulo 4: Presencia</h3>
231233
</div>
232234
</div>
233235

234-
<h2 style="margin-top: 100px; text-align: center;">Lo que vas a dominar</h2>
236+
<h2 style="margin-top: 120px; text-align: center;">Lo que vas a dominar</h2>
235237
<ul class="feature-list">
236-
<li><strong>Monopolio Personal:</strong> Deja de ser una mercancía intercambiable y haz que la competencia sea irrelevante.</li>
237-
<li><strong>Autoimagen de Élite:</strong> Ajusta tu termostato mental para que el éxito sea el resultado inevitable de tu identidad.</li>
238-
<li><strong>Silencio Estratégico:</strong> Aprende a ocupar espacio en la mente ajena sin decir una sola palabra.</li>
239-
<li><strong>Quemar las Naves:</strong> Elimina mentalmente la opción del fracaso y comprométete con tu victoria absoluta.</li>
238+
<li><span><strong>Monopolio Personal:</strong> Deja de ser una mercancía intercambiable y haz que la competencia sea irrelevante.</span></li>
239+
<li><span><strong>Autoimagen de Élite:</strong> Ajusta tu termostato mental para que el éxito sea el resultado inevitable de tu identidad.</span></li>
240+
<li><span><strong>Silencio Estratégico:</strong> Aprende a ocupar espacio en la mente ajena sin decir una sola palabra.</span></li>
241+
<li><span><strong>Quemar las Naves:</strong> Elimina mentalmente la opción del fracaso y comprométete con tu victoria absoluta.</span></li>
240242
</ul>
241243

242244
<div class="final-buy-box" id="comprar">
243245
<h2 class="gold">¿ESTÁS LISTO PARA EL SIGUIENTE NIVEL?</h2>
244-
<p style="font-size: 1.3rem; color: #fff;">El 1% no busca superar a la competencia; busca hacerla irrelevante.</p>
245-
<br>
246+
<p style="font-size: 1.4rem; color: #fff; margin-bottom: 40px;">El 1% no busca superar a la competencia; busca hacerla irrelevante.</p>
246247
<a href="TU_LINK_HOTMART" class="cta-btn">Descargar Código Alfa VIP</a>
247-
<p style="margin-top: 25px; font-size: 0.9rem; color: #777;">Acceso inmediato tras la compra. Garantía de 7 días.</p>
248+
<p style="margin-top: 30px; font-size: 0.9rem; color: #555;">Acceso inmediato tras la compra. Garantía de 7 días sin preguntas.</p>
248249
</div>
249250
</main>
250251

0 commit comments

Comments
 (0)