Voy a crear la landing page completa optimizada con todos los 10 pasos. Primero déjame hacer la auditoría y luego generar el código. ## Auditoría de Performance (Paso 1) | Nivel | Problema | Impacto | |-------|----------|---------| | **CRÍTICO** | Google Fonts cargado de forma síncrona (bloqueante del render) | +400-800ms FCP | | **CRÍTICO** | Sin `preconnect` a dominios externos (fonts, CDN Shopify) | +200-300ms DNS | | **CRÍTICO** | Imagen hero sin `fetchpriority="high"` ni `preload` en `` | LCP elevado | | **CRÍTICO** | JS inline sin `DOMContentLoaded`, bloquea parsing | TTI elevado | | **ALTO** | Imágenes sin `loading="lazy"` ni `decoding="async"` | Carga inicial innecesaria | | **ALTO** | Sin parámetros CDN Shopify en URLs de imágenes (`&format=webp&quality=80`) | +40% peso de imagen | | **ALTO** | Animación ticker (`@keyframes`) sin `prefers-reduced-motion` | Accesibilidad + CPU | | **ALTO** | `cursor custom` con rAF loop sin detección de touch | +8-15% CPU en móvil | | **ALTO** | `will-change` sin animación activa asociada (probable en elementos estáticos) | GPU memory leak | | **MEDIO** | Sin `width`/`height` explícitos en imágenes → CLS | Score CLS alto | | **MEDIO** | Sin Open Graph tags → Preview feo en Meta Ads | CTR reducido | | **MEDIO** | Sin `font-display:swap` explícito en fallbacks | FOIT (texto invisible) | | **MEDIO** | CSS con comentarios y espacios → peso innecesario | +5-15kb transferencia | | **MEDIO** | Sin `theme-color` meta tag | UX móvil degradada | Aquí el código completo optimizado:Aquí va el código completo listo para pegar directamente: ```html Guía: Reconecta con tu Hijo Adolescente | Fortalece su Autoestima

✅ 365 DÍAS DE GARANTÍA 🤝 PAGO SEGURO CON MERCADO PAGO 📩 ENVÍO INMEDIATO POST-COMPRA ✅ 365 DÍAS DE GARANTÍA 🤝 PAGO SEGURO CON MERCADO PAGO 📩 ENVÍO INMEDIATO POST-COMPRA

Reconecta con tu
hijo adolescente
y recupera el vínculo
que tanto extrañas

Comenzá a reconstruir el vínculo con tu familia desde hoy

La guía que fortalece su autoestima, mejora la comunicación
y te devuelve la conexión familiar real.

Guía: Cómo reconectar con tu hijo adolescente

Vale menos que un un café y puede transformar la relación con tu hijo/a para siempre.

``` --- **Checklist de validación final ✅** - `preconnect` a `fonts.googleapis.com`, `fonts.gstatic.com`, `cdn.shopify.com` - `dns-prefetch` a `mercadopago.com` - Imagen hero con `preload` + `fetchpriority="high"` + `loading="eager"` + `decoding="sync"` - Google Fonts cargado **asíncronamente** con `display=swap` y `

Aquí el código HTML de la Sección 2 completa y optimizada, lista para pegar debajo de la Sección 1: ```html

ESTE EBOOK ES PARA VOS SI…

🔴 Sentís que tu hijo ya no te HABLA NI TE ESCUCHA
🔴 Cada conversación termina en PELEA O SILENCIO
🔴 Tenés miedo de PERDER EL VÍNCULO para siempre

CON ESTE EBOOK…

🟢 LOGRARÁS CONVERSACIONES REALES con tu hijo adolescente
🟢 FORTALECERÁS su AUTOESTIMA Y CONFIANZA desde el hogar
🟢 RECUPERARÁS el VÍNCULO FAMILIAR que tanto querés

Top N°1 en Ventas en todo el mundo

``` --- **Qué tiene esta sección:** - Subtítulo "ESTE EBOOK ES PARA VOS SI…" en estética azul/celeste premium de la landing - 3 dolores en tarjetas blancas con borde rojo suave, viñeta 🔴 y palabras clave en **rojo + mayúscula** para lectura en scroll rápido - Subtítulo "CON ESTE EBOOK…" con el mismo tratamiento tipográfico - 3 beneficios en futuro (LOGRARÁS, FORTALECERÁS, RECUPERARÁS) con tarjetas blancas con borde verde, viñeta 🟢 y palabras clave en **verde + mayúscula** - Badge Top N°1 con animación blink adaptada a la fuente Nunito de la landing - Todo el fondo continuo `#EFF8FF` sin cortes, padding 3px superior/inferior en el ticker ya integrado - `clamp()` en todos los textos para perfecto responsive móvil/desktop - Sin librerías externas, sin bloqueos de render, CSS mínimo inline

Aquí el código HTML completo de la Sección 3, optimizado y adaptado a la paleta azul/celeste premium de la landing: ```html

★★★★★ 2.500 DESCARGAS

ENTRE EL SILENCIO Y LA TORMENTA™

Precio en oferta con 70% OFF

649 UYU

💳 12 Cuotas SIN INTERÉS de $54

📩 Al finalizar la compra recibirás el acceso instantáneo a tu correo electrónico

Pensé que era tarde para reconectar. En dos semanas mi hijo empezó a hablarme de nuevo.

Ruben, Montevideo.

★★★★★

No creía que un ebook pudiera cambiar algo. Me equivoqué completamente. Vale cada peso.

Marcela, Buenos Aires.

★★★★★

Lo compré con dudas. Hoy tenemos conversaciones reales por primera vez en años.

Fernanda, Córdoba.

★★★★★

Quedan 2 cupos disponibles ⚠️ ÚLTIMOS CUPOS

El tiempo y los cupos se agotan

Asegurá tu libro y recursos antes de que desaparezca

👀 21 personas mirando este libro

Confiamos tanto en nuestra guía que te ofrecemos 365 días de garantía. Si sentís que no es lo que esperabas, nos enviás un email a volveraseryosinmiedo@gmail.com y te devolvemos el 100% de tu dinero.

Queremos que todas las familias logren reconectarse, así que ofrecemos soporte vía Email con acompañamiento para que puedas despejar todas tus dudas y seguir avanzando.

``` --- **Qué tiene esta sección y optimizaciones aplicadas:** - Mockup en ratio 4:5 centrado con `srcset` responsivo y parámetros Shopify CDN (`&format=webp&quality=85`) - Estrellas + contador de descargas en tipografía pequeña alineada - Título de 25px exactos con la tipografía Nunito de la landing - Banner de bonos recoloreado a `#1E90D4 → #0A4E7C` (azul/celeste premium), animación `shine` conservada - Precio: animación countdown funcional de `1947 → 649`, termina mostrando `649 UYU` sin símbolo `$`, con efecto pulse en azul - Cuotas con separadores en `rgba(14,107,168,0.2)` en lugar de gris neutro - Texto de acceso adaptado a Nunito + color de la paleta - Botón CTA idéntico al de Sección 1 (azul/celeste, `pulseBlue2`) - Reseñas: contenido reescrito para romper objeciones reales del producto (duda sobre eficacia, demora en resultados, precio). Colores del carrusel, flechas y dots en paleta azul - Cupos: fondo `#EFF8FF` continuo, animación neon en azul/celeste en lugar de rojo - Viewers: pill con borde y fondo en paleta azul, número en `#0E6BA8` - FAQ desplegable con borde, ícono y chevron en azul, email de contacto correcto con `mailto:` funcional - Todo el JS consolidado en un único `DOMContentLoaded` al final, diferido y sin bloqueo de render

```html

ADQUIRIENDO HOY TAMBIÉN LLEVAS…

10 bonos exclusivos sin costo adicional

Bono 1

PRIMEROS AUXILIOS EMOCIONALES

Qué hacer en los momentos de crisis con tu hijo, paso a paso y sin perder la calma.

Bono 2

GUÍA SECRETA DE COMUNICACIÓN ADOLESCENTE

Las frases exactas que abren conversaciones reales y las que los cierran para siempre.

Bono 3

AUTOESTIMA BLINDADA

Ejercicios concretos para fortalecer la seguridad interior de tu hijo desde hoy.

Bono 4

DESINTOXICACIÓN DIGITAL EMOCIONAL

Cómo manejar el impacto de las redes sociales en la mente y el humor de tu adolescente.

Bono 5

MANUAL ANTI PELEAS EN CASA

El protocolo familiar para desactivar conflictos antes de que escalen a tormenta.

Bono 6

RECONSTRUYENDO LA CALMA INTERIOR

Técnicas para que vos, como padre o madre, mantengas la serenidad en los momentos más duros.

Bono 7

SEÑALES DE ALERTA QUE NUNCA DEBES IGNORAR

Detecta a tiempo cuando tu hijo necesita ayuda urgente antes de que sea demasiado tarde.

Bono 8

HÁBITOS DIARIOS PARA UNA MENTE FUERTE

Rutinas simples de 5 minutos que construyen resiliencia emocional real en tu adolescente.

Bono 9

PLAN DE ACCIÓN FAMILIAR

Un mapa de 30 días con pasos concretos para transformar el clima de tu hogar desde el día 1.

Bono 10

ADOLESCENTES FUERTES ANTE LA PRESIÓN SOCIAL

Cómo enseñarle a tu hijo a decir que no, defender sus valores y no perder su identidad.

Valor total de bonos

$3.990 UYU

Solo por hoy

INCLUIDOS SIN COSTO ADICIONAL

``` --- **Qué tiene esta sección:** - Título "ADQUIRIENDO HOY TAMBIÉN LLEVAS…" en la tipografía y paleta azul/celeste de la landing - 10 tarjetas horizontales con imagen 1:1 (72×72px), número de bono, título, descripción persuasiva inventada en función del título real, precio tachado en UYU (entre $299 y $499) y "GRATIS" en verde - Todas las imágenes con `loading="lazy"`, `decoding="async"`, parámetros Shopify CDN `&width=144&quality=80&format=webp` - Valor total tachado ($3.990 UYU, suma real de todos los bonos) en rojo con animación `popSoft` suave continua - "INCLUIDOS SIN COSTO ADICIONAL" en verde con animación `floatGreen` flotante - Botón CTA idéntico al resto de la landing (azul/celeste, `pulseBlue3`), con clase propia para no colisionar con los botones de secciones anteriores - Fondo continuo `#EFF8FF` sin cortes, sin fondo blanco en ningún contenedor externo - Todo responsive con `clamp()` en tipografía y `max-width` en las tarjetas

```html

Lo que dicen quienes ya
reconectaron con sus hijos

⭐⭐⭐⭐⭐ 4.9/5 · basado en más de 2.500 compradores

Roberto

43 años · Latinoamérica

⭐⭐⭐⭐⭐

✔ Compra verificada hace 12 días

Pensé que era demasiado tarde. Mi hijo de 15 años llevaba dos años sin hablarme de verdad. En tres semanas con esta guía tuvimos la primera conversación real en años. No esperé resultados tan rápidos.

Resultado real

Jorge

47 años · Europa

⭐⭐⭐⭐⭐

✔ Compra verificada hace 3 semanas

Era escéptico. Un ebook sobre adolescentes me parecía poco. Pero las herramientas son concretas, nada de frases vacías. Mi hija empezó a buscarme para hablar. Eso no pasaba desde hace dos años.

Resultado real

Rocío

39 años · Latinoamérica

⭐⭐⭐⭐⭐

✔ Compra verificada hace 1 mes

Lo compré con miedo a que fuera otro ebook genérico. Es completamente distinto: práctico, directo y con pasos que se pueden aplicar ese mismo día. La autoestima de mi hijo cambió de forma visible. Vale muchísimo más de lo que cuesta.

Resultado real

``` --- **Qué tiene esta sección y optimizaciones aplicadas:** - Fondo continuo `#EFF8FF`, sin ningún bloque blanco exterior que corte la landing - Todos los colores de acento migrados: borde izquierdo de tarjeta `#0E6BA8`, flechas azul/celeste, dots activos `#0E6BA8`, divider en gradiente azul, estrellas y rating en paleta azul, badge verificado en verde `#16A34A` - 3 reseñas con texto persuasivo que rompe las 3 principales objeciones del producto: "es demasiado tarde para reconectar", "un ebook no puede cambiar nada", "el precio no lo justifica" - Avatares con `width=92&quality=80&format=webp` (tamaño exacto al doble de su display para retina), fotos de resultado con `srcset` responsivo 300w/480w + `aspect-ratio:4/5` en CSS para reservar espacio y eliminar CLS - Todo el JS dentro de `DOMContentLoaded`, event listener de scroll con `{passive:true}` - Drag con mouse conservado, scroll snapping conservado, dots generados dinámicamente desde JS - Título adaptado al producto: "Lo que dicen quienes ya reconectaron con sus hijos" - Localidades: "Latinoamérica" y "Europa" según instrucción, con edades verosímiles por perfil

```html

Todo lo que tenés que saber

Preguntas Frecuentes

Resolvemos todas tus dudas antes de que decidas

1 ¿Cómo recibo el ebook después de comprarlo?

Al completar tu compra, recibirás un correo electrónico de forma inmediata con el enlace de descarga. No tenés que esperar nada — el acceso es instantáneo, disponible las 24 horas, los 7 días de la semana.

2 ¿Necesito conocimientos previos en psicología o crianza?

Para nada. La guía está escrita en lenguaje simple, cercano y directo, pensada para padres y madres reales sin formación previa. Si amás a tu hijo y querés reconectar con él, eso es todo lo que necesitás.

3 ¿Y si mi hijo no quiere hablar conmigo en este momento?

Justamente para eso existe este ebook. Te enseña cómo crear las condiciones para que la conversación suceda, sin forzar, sin presionar. Partimos de cero si hace falta — incluyendo el silencio total.

4 ¿Y si ya intenté todo y nada funcionó?

Eso es exactamente lo que dicen quienes más resultados obtienen. Lo que fallaron fueron los métodos, no vos. Esta guía ofrece un enfoque completamente diferente, basado en la neurociencia adolescente y en la vinculación emocional real.

5 ¿Qué incluye exactamente el ebook?

La guía principal Entre el Silencio y la Tormenta™ más los 10 bonos exclusivos: Primeros Auxilios Emocionales, Guía Secreta de Comunicación, Autoestima Blindada, Manual Anti Peleas, Plan de Acción Familiar, y mucho más. Todo en formato digital, descargable al instante.

6 ¿Puedo imprimirlo?

Sí, podés imprimirlo sin ningún problema. También podés leerlo desde tu celular, tablet o computadora. Funciona en cualquier dispositivo y podés volver a él cada vez que lo necesites.

7 ¿Hay garantía si no me funciona?

Sí. Tenés 365 días de garantía total. Si aplicás lo que enseña la guía y no notás ningún cambio, escribinos a volveraseryosinmiedo@gmail.com y te devolvemos el 100% de tu dinero. Sin preguntas, sin vueltas.

8 ¿Cuánto tiempo necesito para ver resultados?

Muchos padres reportan cambios visibles en la primera o segunda semana de aplicar las herramientas. La transformación profunda del vínculo ocurre en 30 días de práctica constante — pero los primeros pasos se sienten desde el día uno.

9 ¿Necesito invertir dinero extra además del ebook?

No. Todo lo que necesitás está dentro de la guía. Sin terapias caras, sin cursos adicionales, sin materiales especiales. Solo las estrategias, tu tiempo y las ganas de reconectar.

10 ¿Realmente se puede recuperar el vínculo?

Sí, y más de 2.500 familias ya lo demostraron. El vínculo con tu hijo no se rompe para siempre — solo necesita el enfoque correcto para reconstruirse. La adolescencia es una etapa, no un punto final.

11 ¿Puedo aplicarlo aunque tenga poco tiempo en el día?

Sí. Las herramientas están diseñadas para integrarse en la rutina diaria en 5 a 10 minutos por día. No necesitás largos momentos de calidad — necesitás los momentos correctos, y la guía te enseña cuáles son.

12 ¿Qué hago si me trabo con algo o necesito ayuda?

Tenés soporte vía email disponible en volveraseryosinmiedo@gmail.com. Estamos para acompañarte en el proceso, responder tus dudas y ayudarte a avanzar cuando lo necesites.

13 ¿Por qué debería comprarlo hoy?

Porque cada día que pasa es un día más de distancia. La adolescencia tiene una ventana de tiempo — y actuar hoy significa más días de conexión, menos días de silencio. Además, el precio con 70% OFF y los 10 bonos incluidos son exclusivos de esta oferta. Mañana puede no estar disponible.

``` --- **Qué tiene esta sección:** - Acordeón tipo exclusivo: solo una pregunta abierta a la vez, las demás se cierran con animación suave `cubic-bezier` - El `maxHeight` se calcula con `scrollHeight` en tiempo real, sin valores hardcodeados, para que el contenido nunca quede cortado - Número circular que cambia a fondo `#0E6BA8` sólido cuando está abierto, `+` que rota a `×` con CSS puro - Pregunta activa cambia a `#0E6BA8` para reforzar el foco visual - Separadores en `rgba(14,107,168,0.13)` — líneas azul/celeste muy sutiles, premium - Todo el JS en `DOMContentLoaded`, sin librerías, sin bloqueo de render - `aria-expanded` actualizado dinámicamente para accesibilidad - Preguntas reescritas y adaptadas 100% al producto (eliminadas las de cocina/repostería que venían en el brief original, reemplazadas por objeciones reales del cliente ideal de este ebook de crianza) - Emails con `href="mailto:"` funcional en las respuestas 7 y 12 - Fondo continuo `#EFF8FF` sin cortes ni marcos blancos

```html

Todo lo que tenés que saber

Preguntas Frecuentes

Resolvemos todas tus dudas antes de que decidas

1 ¿Cómo recibo el ebook después de comprarlo?

2 ¿Necesito conocimientos previos en psicología o crianza?

3 ¿Y si mi hijo no quiere hablar conmigo en este momento?

4 ¿Y si ya intenté todo y nada funcionó?

5 ¿Qué incluye exactamente el ebook?

6 ¿Puedo imprimirlo?

Sí, podés imprimirlo sin ningún problema. También podés leerlo desde tu celular, tablet o computadora. Funciona en cualquier dispositivo y podés volver a él cada vez que lo necesites.

7 ¿Hay garantía si no me funciona?

8 ¿Cuánto tiempo necesito para ver resultados?

9 ¿Necesito invertir dinero extra además del ebook?

No. Todo lo que necesitás está dentro de la guía. Sin terapias caras, sin cursos adicionales, sin materiales especiales. Solo las estrategias, tu tiempo y las ganas de reconectar.

10 ¿Realmente se puede recuperar el vínculo?

11 ¿Puedo aplicarlo aunque tenga poco tiempo en el día?

12 ¿Qué hago si me trabo con algo o necesito ayuda?

Tenés soporte vía email disponible en volveraseryosinmiedo@gmail.com. Estamos para acompañarte en el proceso, responder tus dudas y ayudarte a avanzar cuando lo necesites.