albúm 1

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Álbum Mundialista para Papá — Edición Día del Padre 2026</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
--navy: #0B1F3A;
--navy-light: #122843;
--celeste: #5AB8E8;
--celeste-mid: #3A9FD6;
--celeste-dim: rgba(90,184,232,0.15);
--gold: #F5B800;
--green: #00875A;
--green-field: #1A7A3C;
--cream: #F4F8FB;
--white: #FFFFFF;
--red: #C0392B;
--text-dark: #0B1F3A;
--text-mid: #4A6680;
--radius: 16px;
}

html { scroll-behavior: smooth; }
body {
font-family: 'Nunito', sans-serif;
background: var(--cream);
color: var(--text-dark);
overflow-x: hidden;
}

/* ─── UTILITIES ─── */
.section { padding: 80px 20px; }
.container { max-width: 960px; margin: 0 auto; }
.tag {
display: inline-block;
background: var(--celeste);
color: var(--white);
font-weight: 800; font-size: 12px;
letter-spacing: 0.12em; text-transform: uppercase;
padding: 6px 18px; border-radius: 100px;
}
.tag-gold { background: var(--gold); color: var(--navy); }
.section-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(36px, 6vw, 60px);
color: var(--navy); line-height: 1; margin-bottom: 14px;
}
.section-title .accent { color: var(--celeste); }
.section-title .accent-gold { color: var(--gold); }
.section-sub {
color: var(--text-mid);
font-size: clamp(15px, 2vw, 18px);
line-height: 1.6; max-width: 620px; margin: 0 auto;
}
.divider {
width: 56px; height: 4px;
background: var(--celeste);
border-radius: 100px; margin: 14px auto 0;
}
.divider-gold { background: var(--gold); }
.btn-primary {
display: inline-block;
background: var(--gold); color: var(--navy);
font-family: 'Bebas Neue', sans-serif;
font-size: 22px; letter-spacing: 0.06em;
padding: 18px 44px; border-radius: 100px;
text-decoration: none; cursor: pointer; border: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 8px 32px rgba(245,184,0,0.35);
}
.btn-primary:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 0 14px 40px rgba(245,184,0,0.45);
}
.btn-outline {
display: inline-block;
background: transparent; color: var(--gold);
font-family: 'Bebas Neue', sans-serif;
font-size: 20px; letter-spacing: 0.06em;
padding: 16px 40px; border-radius: 100px;
text-decoration: none; border: 2px solid var(--gold);
transition: background 0.2s, color 0.2s;
}
.btn-outline:hover { background: var(--gold); color: var(--navy); }

/* ─── STRIPES (bandera ARG) ─── */
.stripe-top {
height: 6px;
background: linear-gradient(90deg, var(--celeste) 33%, var(--white) 33%, var(--white) 67%, var(--celeste) 67%);
}

/* ─── URGENCY BAR ─── */
#urgency-bar {
background: var(--red);
padding: 13px 20px; text-align: center;
}
#urgency-bar p {
color: #fff; font-weight: 800; font-size: 14px; letter-spacing: 0.02em;
}
#urgency-bar span { color: #FFD0CC; font-weight: 600; }
#countdown { display: inline-flex; gap: 3px; margin-left: 10px; vertical-align: middle; }
.cd-block {
background: rgba(0,0,0,0.25); color: #fff;
font-family: 'Bebas Neue', sans-serif; font-size: 19px;
padding: 2px 7px; border-radius: 5px; min-width: 32px; text-align: center;
}
.cd-sep { color: #fff; font-size: 19px; line-height: 1.4; font-weight: 900; }

/* ─── HERO ─── */
#hero {
background: var(--navy);
position: relative; overflow: hidden;
padding: 56px 20px 0;
text-align: center;
}
#hero::before {
content: '';
position: absolute; inset: 0;
background:
radial-gradient(ellipse 140% 50% at 50% -10%, rgba(90,184,232,0.12) 0%, transparent 65%),
radial-gradient(ellipse 60% 60% at 90% 90%, rgba(245,184,0,0.07) 0%, transparent 60%);
pointer-events: none;
}
/* diagonal stripe accent */
#hero::after {
content: '';
position: absolute; bottom: 0; left: 0; right: 0; height: 5px;
background: linear-gradient(90deg, var(--celeste) 33%, var(--white) 33%, var(--white) 67%, var(--celeste) 67%);
}
.confetti-dot {
position: absolute; border-radius: 50%;
opacity: 0.5; animation: floatDot linear infinite;
}
@keyframes floatDot {
0% { transform: translateY(0) rotate(0deg); }
100% { transform: translateY(-120vh) rotate(540deg); opacity: 0; }
}
#hero .eyebrow {
color: var(--celeste);
font-size: 13px; font-weight: 800;
letter-spacing: 0.2em; text-transform: uppercase;
margin-bottom: 18px; position: relative;
}
#hero h1 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(44px, 9vw, 92px);
line-height: 0.93; color: #fff;
position: relative; margin-bottom: 6px;
}
#hero h1 .c { color: var(--celeste); }
#hero h1 .g { color: var(--gold); }
#hero .hero-sub {
color: #8DB8D8;
font-size: clamp(15px, 2vw, 19px);
line-height: 1.65; max-width: 580px;
margin: 20px auto 0; position: relative;
}
#hero .hero-sub strong { color: #fff; }
.hero-badges {
display: flex; flex-wrap: wrap; gap: 10px;
justify-content: center; margin: 28px 0;
position: relative;
}
.hero-badge {
background: rgba(90,184,232,0.1);
border: 1px solid rgba(90,184,232,0.25);
color: #A8D8F0; font-size: 13px; font-weight: 700;
padding: 7px 16px; border-radius: 100px;
display: flex; align-items: center; gap: 6px;
}
/* HERO image — full-width, no margin bottom, flush */
.hero-img-wrap {
position: relative; margin-top: 36px;
max-width: 780px; margin-left: auto; margin-right: auto;
}
.hero-img-wrap img {
width: 100%; display: block;
border-radius: 20px 20px 0 0;
box-shadow: 0 -20px 60px rgba(90,184,232,0.12), 0 40px 80px rgba(0,0,0,0.5);
filter: brightness(1.04);
}

/* ─── SOCIAL PROOF BAND (right after hero) ─── */
#proof-band {
background: var(--celeste-mid);
padding: 14px 20px; text-align: center;
}
#proof-band p {
color: #fff; font-weight: 800; font-size: 14px; letter-spacing: 0.03em;
}
#proof-band span { color: rgba(255,255,255,0.8); font-weight: 600; }

/* ─── EARLY REVIEWS (section 2) ─── */
#early-reviews {
background: var(--white);
padding: 60px 20px;
}
.early-reviews-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px; margin-top: 36px;
}
.early-review-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 6px 28px rgba(0,0,0,0.1);
}
.early-review-card img {
width: 100%; height: 100%;
object-fit: cover; display: block;
}
.early-review-text {
background: var(--navy);
padding: 28px 24px;
display: flex; flex-direction: column;
justify-content: center; gap: 12px;
}
.early-review-text .stars { color: var(--gold); font-size: 16px; letter-spacing: 2px; }
.early-review-text p {
color: #A8C8E0; font-size: 14px; line-height: 1.65; font-style: italic;
}
.early-review-text .author { color: var(--celeste); font-weight: 800; font-size: 13px; }
@media (max-width: 700px) {
.early-reviews-grid { grid-template-columns: 1fr; }
.early-review-card { grid-template-columns: 1fr; }
.early-review-card img { height: 220px; }
}

/* ─── MECHANISM ─── */
#mechanism {
background: var(--navy);
color: #fff; text-align: center;
}
.mechanism-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 20px; margin-top: 50px; text-align: left;
}
.mec-card {
background: rgba(90,184,232,0.06);
border: 1px solid rgba(90,184,232,0.15);
border-radius: var(--radius); padding: 30px;
}
.mec-card .num {
font-family: 'Bebas Neue', sans-serif;
font-size: 56px; color: rgba(90,184,232,0.2);
line-height: 1; margin-bottom: 6px;
}
.mec-card h3 {
font-family: 'Bebas Neue', sans-serif;
font-size: 24px; color: var(--celeste); margin-bottom: 8px;
}
.mec-card p { color: #7AAABF; font-size: 14px; line-height: 1.7; }
@media (max-width: 600px) { .mechanism-grid { grid-template-columns: 1fr; } }

/* ─── INSIDE PREVIEW ─── */
#inside { background: var(--cream); text-align: center; }
.inside-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 16px; margin-top: 36px;
}
.inside-grid img, .inside-grid video {
width: 100%; border-radius: var(--radius); object-fit: cover;
box-shadow: 0 6px 24px rgba(0,0,0,0.1); display: block;
}
.inside-video-full {
margin-top: 16px; border-radius: var(--radius); overflow: hidden;
box-shadow: 0 10px 36px rgba(0,0,0,0.15);
}
.inside-video-full video { width: 100%; display: block; }
@media (max-width: 560px) { .inside-grid { grid-template-columns: 1fr; } }

/* ─── STEPS ─── */
#steps {
background: var(--green-field);
position: relative; overflow: hidden;
}
#steps::before {
content: '';
position: absolute; inset: 0;
background: repeating-linear-gradient(
90deg, rgba(255,255,255,0.025) 0, rgba(255,255,255,0.025) 1px,
transparent 1px, transparent 60px
);
}
.steps-grid {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 24px; margin-top: 48px; position: relative;
}
.steps-grid::before {
content: '';
position: absolute; top: 42px;
left: calc(16.6% + 18px); right: calc(16.6% + 18px);
height: 2px; background: rgba(255,255,255,0.18);
}
.step-card { text-align: center; padding: 0 8px; }
.step-num {
width: 84px; height: 84px;
background: var(--gold); color: var(--navy);
font-family: 'Bebas Neue', sans-serif; font-size: 40px;
border-radius: 50%; display: flex; align-items: center;
justify-content: center; margin: 0 auto 18px;
box-shadow: 0 6px 20px rgba(245,184,0,0.4); position: relative; z-index: 1;
}
.step-card h3 {
font-family: 'Bebas Neue', sans-serif;
font-size: 22px; color: #fff; margin-bottom: 8px;
}
.step-card p { color: rgba(255,255,255,0.72); font-size: 14px; line-height: 1.6; }
@media (max-width: 600px) {
.steps-grid { grid-template-columns: 1fr; }
.steps-grid::before { display: none; }
}

/* ─── INCLUDES ─── */
#includes { background: var(--white); text-align: center; }
.includes-layout {
display: grid; grid-template-columns: 1fr 1fr;
gap: 56px; align-items: center;
margin-top: 44px; text-align: left;
}
.includes-img {
width: 100%; border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}
.includes-list { list-style: none; }
.includes-list li {
display: flex; align-items: flex-start;
gap: 14px; padding: 15px 0;
border-bottom: 1px solid #EBF2F8;
font-size: 15px; line-height: 1.5;
}
.includes-list li:last-child { border-bottom: none; }
.includes-list .check {
flex-shrink: 0; width: 26px; height: 26px;
background: var(--celeste); color: #fff;
border-radius: 50%; display: flex;
align-items: center; justify-content: center;
font-size: 13px; margin-top: 1px;
}
.includes-list strong { color: var(--navy); font-weight: 800; }
.includes-list span { color: var(--text-mid); }
@media (max-width: 660px) {
.includes-layout { grid-template-columns: 1fr; gap: 28px; }
}

/* ─── BONUSES ─── */
#bonuses { background: var(--navy); text-align: center; }
.bonuses-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 18px; margin-top: 36px;
}
.bonus-card {
background: rgba(90,184,232,0.06);
border: 1px solid rgba(90,184,232,0.14);
border-radius: var(--radius); padding: 26px 22px;
text-align: left; position: relative; overflow: hidden;
transition: transform 0.2s, border-color 0.2s;
}
.bonus-card::before {
content: 'BONO';
position: absolute; top: 14px; right: 14px;
font-family: 'Bebas Neue', sans-serif;
font-size: 11px; letter-spacing: 0.14em;
background: var(--gold); color: var(--navy);
padding: 2px 10px; border-radius: 100px;
}
.bonus-card:hover { transform: translateY(-4px); border-color: rgba(90,184,232,0.35); }
.bonus-icon { font-size: 34px; margin-bottom: 12px; display: block; }
.bonus-img {
width: 100%; height: 160px; object-fit: cover;
border-radius: 10px; margin-bottom: 14px; display: block;
}
.bonus-card h3 {
font-family: 'Bebas Neue', sans-serif;
font-size: 19px; color: var(--celeste); margin-bottom: 7px;
}
.bonus-card p { color: #6A8EA8; font-size: 13px; line-height: 1.6; }
.bonus-free {
color: #4CAF7D; font-size: 12px;
font-weight: 800; letter-spacing: 0.08em;
margin-top: 10px; display: block;
}

/* ─── LATE REVIEWS ─── */
#late-reviews { background: var(--cream); text-align: center; }
.late-reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 18px; margin-top: 36px;
}
.review-card {
background: var(--white); border-radius: var(--radius);
overflow: hidden; text-align: left;
box-shadow: 0 3px 16px rgba(0,0,0,0.07);
transition: transform 0.2s;
}
.review-card:hover { transform: translateY(-3px); }
.review-card-img {
width: 100%; height: 180px;
object-fit: cover; display: block;
}
.review-card-body { padding: 22px 22px 22px; }
.stars { color: var(--gold); font-size: 17px; margin-bottom: 10px; letter-spacing: 2px; }
.review-text {
color: var(--text-dark); font-size: 14px;
line-height: 1.7; margin-bottom: 14px; font-style: italic;
}
.review-author { display: flex; align-items: center; gap: 10px; }
.review-avatar-pl {
width: 40px; height: 40px; border-radius: 50%;
background: var(--navy); display: flex;
align-items: center; justify-content: center;
color: var(--celeste); font-family: 'Bebas Neue', sans-serif;
font-size: 18px; flex-shrink: 0;
}
.review-name { font-weight: 800; font-size: 13px; color: var(--text-dark); }
.review-loc { font-size: 12px; color: var(--text-mid); }

/* ─── GUARANTEE ─── */
#guarantee { background: var(--white); }
.guarantee-wrap {
background: linear-gradient(135deg, var(--navy) 55%, #0D2A4A);
border-radius: 24px; padding: 48px 48px;
display: grid; grid-template-columns: auto 1fr;
gap: 40px; align-items: center;
color: #fff; position: relative; overflow: hidden;
}
.guarantee-wrap::after {
content: '';
position: absolute; bottom: -30px; right: -30px;
width: 160px; height: 160px; border-radius: 50%;
background: rgba(90,184,232,0.07);
}
.g-badge {
width: 116px; height: 116px;
background: var(--gold); border-radius: 50%;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
flex-shrink: 0;
box-shadow: 0 0 0 12px rgba(245,184,0,0.15);
}
.g-badge .gn { font-family: 'Bebas Neue', sans-serif; font-size: 34px; color: var(--navy); line-height: 1; }
.g-badge .gt { font-size: 10px; font-weight: 800; color: var(--navy); text-align: center; line-height: 1.2; letter-spacing: 0.05em; }
.guarantee-content h2 {
font-family: 'Bebas Neue', sans-serif; font-size: 34px;
color: var(--gold); margin-bottom: 10px;
}
.guarantee-content p { color: #7AAABF; font-size: 15px; line-height: 1.7; max-width: 540px; }
@media (max-width: 560px) {
.guarantee-wrap { grid-template-columns: 1fr; text-align: center; padding: 32px 24px; }
.g-badge { margin: 0 auto; }
}

/* ─── FAQ ─── */
#faq { background: var(--cream); }
.faq-list { margin-top: 36px; max-width: 700px; margin-left: auto; margin-right: auto; }
.faq-item {
background: var(--white); border-radius: var(--radius);
margin-bottom: 10px; overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.faq-q {
width: 100%; background: none; border: none;
padding: 20px 26px; text-align: left;
font-family: 'Nunito', sans-serif; font-size: 15px;
font-weight: 800; color: var(--text-dark);
cursor: pointer; display: flex;
justify-content: space-between; align-items: center; gap: 14px;
}
.faq-q .arr {
flex-shrink: 0; width: 26px; height: 26px;
background: var(--navy); color: var(--celeste);
border-radius: 50%; display: flex;
align-items: center; justify-content: center;
font-size: 13px; transition: transform 0.25s;
}
.faq-item.open .arr { transform: rotate(180deg); }
.faq-a {
max-height: 0; overflow: hidden;
transition: max-height 0.3s, padding 0.3s;
padding: 0 26px;
color: var(--text-mid); font-size: 14px; line-height: 1.7;
}
.faq-item.open .faq-a { max-height: 280px; padding: 0 26px 22px; }

/* ─── CTA FINAL ─── */
#cta-final {
background: var(--navy);
text-align: center; position: relative; overflow: hidden;
padding: 100px 20px;
}
#cta-final::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(90,184,232,0.07) 0%, transparent 70%);
}
/* ARG stripes top/bottom */
#cta-final::after {
content: '';
position: absolute; bottom: 0; left: 0; right: 0; height: 5px;
background: linear-gradient(90deg, var(--celeste) 33%, var(--white) 33%, var(--white) 67%, var(--celeste) 67%);
}
#cta-final h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(38px, 7vw, 76px);
color: #fff; line-height: 0.95; position: relative;
}
#cta-final h2 .c { color: var(--celeste); }
#cta-final h2 .g { color: var(--gold); }
.price-block { margin: 30px 0; position: relative; }
.price-orig { color: #3A6080; font-size: 17px; text-decoration: line-through; display: block; margin-bottom: 4px; }
.price-curr { font-family: 'Bebas Neue', sans-serif; font-size: clamp(56px,10vw,96px); color: var(--gold); line-height: 1; display: block; }
.price-sub { color: #5A8AAA; font-size: 13px; margin-top: 6px; }
.cta-trust { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 26px; }
.cta-trust-item { color: #5A8AAA; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 5px; }

/* ─── FOOTER NOTE ─── */
#footer-note {
background: var(--navy-light, #0D2035);
padding: 28px 20px; text-align: center;
}
#footer-note p { color: #2A4860; font-size: 13px; }
#footer-note a { color: #4A7090; }

/* ─── STICKY CTA ─── */
#sticky-cta {
position: fixed; bottom: 0; left: 0; right: 0;
background: var(--navy);
border-top: 2px solid var(--celeste);
padding: 13px 20px;
display: flex; align-items: center;
justify-content: space-between; gap: 14px;
z-index: 999;
transform: translateY(100%);
transition: transform 0.35s ease;
}
#sticky-cta.visible { transform: translateY(0); }
#sticky-cta p { color: #fff; font-weight: 800; font-size: 14px; }
#sticky-cta p span { color: var(--celeste); }
@media (max-width: 480px) {
#sticky-cta { flex-direction: column; text-align: center; padding: 14px; }
}
</style>
</head>
<body>

<div class="stripe-top"></div>

<div id="urgency-bar">
<p>
⏰ <strong>Día del Padre: domingo 21 de junio.</strong>
<span>Descarga inmediata — lo tenés hoy.</span>
<span id="countdown">
<span class="cd-block" id="cd-d">00</span><span class="cd-sep">:</span>
<span class="cd-block" id="cd-h">00</span><span class="cd-sep">:</span>
<span class="cd-block" id="cd-m">00</span><span class="cd-sep">:</span>
<span class="cd-block" id="cd-s">00</span>
</span>
</p>
</div>

<section id="hero">
<div id="confetti-container"></div>
<div class="container" style="position:relative;">

<p class="eyebrow">🏆 Álbum Mundialista · Edición Día del Padre 2026 · Argentina</p>

<h1>
Dale a papá<br>
<span class="c">el regalo que</span><br>
<span class="g">no tiene precio</span>
</h1>

<p class="hero-sub">
Un álbum mundialista editable donde <strong>las figuritas son tu familia</strong>.<br>
Lo armás en 15 minutos, lo imprimís hoy — y papá lo guarda toda la vida.
</p>

<div class="hero-badges">
<span class="hero-badge">⚡ Descarga inmediata</span>
<span class="hero-badge">✏️ Editable en Canva gratis</span>
<span class="hero-badge">🖨️ Imprimible en casa o gráfica</span>
<span class="hero-badge">📦 Material digital · Sin envíos</span>
</div>

<div class="hero-img-wrap">
<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/inspo_HERO.webp?v=1780633064"
alt="Álbum Mundialista para Papá — Kit completo edición Día del Padre 2026"
loading="eager"
/>
</div>

</div>
</section>

<div id="proof-band">
<p>⭐⭐⭐⭐⭐   <strong>Más de 100 familias</strong> ya regalaron este álbum  ·  <span>Descarga inmediata · Sin envíos · Editable en Canva gratis</span></p>
</div>

<section id="early-reviews" class="section" style="padding-top:56px; padding-bottom:56px;">
<div class="container">
<div style="text-align:center;">
<span class="tag">Compradores reales</span>
<h2 class="section-title" style="margin-top:14px;">
Así quedó en <span class="accent">sus manos</span>
</h2>
<div class="divider"></div>
</div>

<div class="early-review-card">

<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/resena_comprador_2.webp?v=1780633181"
alt="Foto real del álbum mundialista impreso por un comprador"
/>
<div class="early-review-text">
<div class="stars">★★★★★</div>
<p>Me encantó el diseño, muy bonito y muy fácil de armar, y lo mejor de todo es la atención al cliente, muy amable y resolvió mi duda super rápido, lo recomiendo 100%</p>
<span class="author">— Micaela R., Buenos Aires</span>
</div>
</div>

<div class="early-review-card">

<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/resena_comprador_2.webp?v=1780633181"
alt="Foto del álbum mundialista personalizado — reseña real"
/>
<div class="early-review-text">
<div class="stars">★★★★★</div>
<p>Todos los elementos son editables, lo que facilita la personalización. Excelente servicio, muy atentos y amables.</p>
<span class="author">— Sofía G., Córdoba</span>
</div>
</div>

</div>
</div>
</section>

<section id="inside" class="section">
<div class="container">
<div style="text-align:center;">
<span class="tag tag-gold">Mirá cómo queda</span>
<h2 class="section-title" style="margin-top:14px;">
Tu familia,<br><span class="accent-gold" style="color:var(--gold);">como figuritas del Mundial</span>
</h2>
<div class="divider divider-gold"></div>
<p class="section-sub" style="margin-top:14px;">
Cada página está diseñada para que papá se encuentre a sí mismo y a su familia
convertidos en las figuritas que coleccionó toda la vida.
</p>
</div>
<div class="inside-grid">
<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/muestra_por_dentro.webp?v=1780633135"
alt="Interior del álbum mundialista para papá"
loading="lazy"
/>
<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/como_se_accede_al_material.webp?v=1780633135"
alt="Cómo acceder y editar el álbum en Canva"
loading="lazy"
/>
</div>
<div class="inside-video-full" style="margin-top:16px;">
<iframe
src="https://www.youtube.com/embed/Ot3lRP_4Y_Q?rel=0&modestbranding=1"
width="100%" height="480"
frameborder="0"
allow="encrypted-media; fullscreen"
allowfullscreen
style="display:block; border-radius:16px;"
></iframe>
</div>
</div>
</section>

<section id="steps" class="section">
<div class="container" style="text-align:center;">
<span class="tag" style="background:rgba(255,255,255,0.15); color:#fff; border:1px solid rgba(255,255,255,0.2);">Simple como abrir un sobre de figuritas</span>
<h2 class="section-title" style="color:#fff; margin-top:16px;">
Tres pasos y lo tenés <span style="color:var(--gold);">listo hoy</span>
</h2>
<div class="divider divider-gold"></div>
<p class="section-sub" style="color:rgba(255,255,255,0.65); margin-top:14px;">
Si sabés mandar un WhatsApp, sabés hacerlo.
</p>
<div class="steps-grid">
<div class="step-card">
<div class="step-num">1</div>
<h3>Comprá — acceso inmediato</h3>
<p>Después de pagar recibís el link por email al instante. Sin esperas, sin envíos.</p>
</div>
<div class="step-card">
<div class="step-num">2</div>
<h3>Editá en Canva gratis</h3>
<p>Abrís la plantilla, cambiás fotos y nombres a tu gusto. Editás los textos del interior como quieras. No necesitás Canva Pro ni ser diseñador.</p>
</div>
<div class="step-card">
<div class="step-num">3</div>
<h3>Imprimí y regalá</h3>
<p>Descargás el PDF y lo imprimís en casa o en cualquier gráfica o kiosco. Te enviamos las indicaciones de impresión para que quede perfecto.</p>
</div>
</div>
</div>
</section>

<section id="includes" class="section">
<div class="container">
<div style="text-align:center;">
<span class="tag">El kit completo</span>
<h2 class="section-title" style="margin-top:14px;">
Todo lo que recibís<br><span class="accent">el mismo día</span>
</h2>
<div class="divider"></div>
</div>
<div class="includes-layout">
<img
src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/inspo_mockup.webp?v=1780633100"
alt="Mockup del álbum mundialista para papá"
class="includes-img"
loading="lazy"
/>
<ul class="includes-list">
<li>
<span class="check">✓</span>
<div><strong>Álbum completo editable en Canva</strong><br>
<span>Todas las páginas del álbum con espacios para tus fotos. Estética mundialista 100% original.</span></div>
</li>
<li>
<span class="check">✓</span>
<div><strong>Figuritas personalizables de la familia</strong><br>
<span>Hojas de figuritas con los protagonistas de tu familia — recortables para pegar en el álbum.</span></div>
</li>
<li>
<span class="check">✓</span>
<div><strong>Portada con el nombre de papá</strong><br>
<span>Personalizada con su nombre y el año. Imprimible en tapa dura o cartón ilustración.</span></div>
</li>
<li>
<span class="check">✓</span>
<div><strong>Archivos en alta resolución</strong><br>
<span>Listos para imprimir. Quedan nítidos y premium en papel fotográfico 135g.</span></div>
</li>
<li>
<span class="check">✓</span>
<div><strong>Diseño 100% original · Sin marcas registradas</strong><br>
<span>Sin FIFA ni Panini. Cero riesgo de derechos de autor. Imprimilo con total tranquilidad.</span></div>
</li>
<li>
<span class="check">✓</span>
<div><strong>Acceso inmediato · Para siempre</strong><br>
<span>Recibís el link a Canva el mismo día. Acceso permanente — podés editar cuando quieras.</span></div>
</li>
</ul>
</div>
</div>
</section>

<section id="bonuses" class="section">
<div class="container" style="text-align:center;">
<span class="tag">Incluido sin costo extra</span>
<h2 class="section-title" style="color:#fff; margin-top:16px;">
5 bonos que se suman<br><span style="color:var(--gold);">de regalo</span>
</h2>
<div class="divider"></div>
<p class="section-sub" style="color:#5A8AAA; margin-top:14px;">
Comprás uno, recibís seis. Porque papá se merece más de una sorpresa.
</p>
<div class="bonuses-grid" style="margin-top:36px;">
<div class="bonus-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/bono_album.webp?v=1780633205" alt="Álbum Oficial Completo" class="bonus-img" loading="lazy">
<h3>Álbum Oficial Completo con Figuritas</h3>
<p>El álbum del Mundial 2026 completo para llenar junto a papá. El ritual de siempre, ahora con la familia.</p>
<span class="bonus-free">✓ INCLUIDO GRATIS</span>
</div>
<div class="bonus-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/bono_enamorados.jpg?v=1780633205" alt="Álbum de Enamorados" class="bonus-img" loading="lazy">
<h3>Álbum de Enamorados</h3>
<p>Versión romántica para parejas. Ideal para regalar en aniversarios, San Valentín o cuando quieras.</p>
<span class="bonus-free">✓ INCLUIDO GRATIS</span>
</div>
<div class="bonus-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/bono_cumple9.png?v=1780633209" alt="Álbum Edición Cumpleaños" class="bonus-img" loading="lazy">
<h3>Álbum Edición Cumpleaños</h3>
<p>Un álbum de figuritas para celebrar cumpleaños. Versátil para regalar durante todo el año.</p>
<span class="bonus-free">✓ INCLUIDO GRATIS</span>
</div>
<div class="bonus-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/bono_fixture.jpg?v=1780633206" alt="Tracker del Mundial 2026" class="bonus-img" loading="lazy">
<h3>Tracker del Mundial 2026</h3>
<p>Tabla de seguimiento de partidos, grupos y llaves. Para llenar juntos mientras ven los partidos.</p>
<span class="bonus-free">✓ INCLUIDO GRATIS</span>
</div>
<div class="bonus-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/bono_stickers.jpg?v=1780633205" alt="Pack de Stickers" class="bonus-img" loading="lazy">
<h3>Pack de Stickers de Regalo</h3>
<p>Stickers mundialistas para decorar el álbum, los sobres y el packaging del regalo.</p>
<span class="bonus-free">✓ INCLUIDO GRATIS</span>
</div>
</div>
<div style="margin-top:48px;">
<a href="#comprar" class="btn-primary" style="font-size:22px;">
🏆 SÍ, QUIERO TODO EL KIT
</a>
</div>
</div>
</section>

<section id="late-reviews" class="section">
<div class="container" style="text-align:center;">
<span class="tag">Lo que dicen quienes ya lo regalaron</span>
<h2 class="section-title" style="margin-top:14px;">
Papás reales.<br><span class="accent">Reacciones reales.</span>
</h2>
<div class="divider"></div>
<div class="late-reviews-grid">
<div class="review-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/resena.webp?v=1780633227" alt="Reseña comprador" class="review-card-img" loading="lazy">
<div class="review-card-body">
<div class="stars">★★★★★</div>
<p class="review-text">"En 20 minutos lo tenía listo para llevar a imprimir. Mi viejo no lo podía creer cuando vio las fotos de nosotros como figus. Fue un momento hermoso."</p>
<div class="review-author">
<div class="review-avatar-pl">L</div>
<div><p class="review-name">Lucas F.</p><p class="review-loc">Rosario, Argentina</p></div>
</div>
</div>
</div>
<div class="review-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/resena_new_2.jpg?v=1780633241" alt="Reseña comprador" class="review-card-img" loading="lazy">
<div class="review-card-body">
<div class="stars">★★★★★</div>
<p class="review-text">"Para las que no saben diseñar nada: yo tampoco sabía y me quedó espectacular. Lo imprimí en la gráfica de la esquina en papel fotográfico. El envío inmediato es clave."</p>

<div class="review-author">
<div class="review-avatar-pl">V</div>
<div><p class="review-name">Valentina P.</p><p class="review-loc">Mendoza, Argentina</p></div>
</div>
</div>
</div>
<div class="review-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/WhatsApp-Image-2026-05-27-at-17.20.36.jpg?v=1780633269" alt="Reseña comprador" class="review-card-img" loading="lazy">
<div class="review-card-body">
<div class="stars">★★★★★</div>
<p class="review-text">"Pensé que iba a ser complicado editarlo pero fue re fácil. Cambié las fotos, puse los nombres y listo. Quedó mejor de lo que esperaba. Papá lo tiene colgado en su cuarto."</p>
<div class="review-author">
<div class="review-avatar-pl">C</div>
<div><p class="review-name">Camila T.</p><p class="review-loc">Tucumán, Argentina</p></div>
</div>
</div>
</div>
<div class="review-card">
<img src="https://cdn.shopify.com/s/files/1/0698/6989/5798/files/resena.webp?v=1780633227" alt="Reseña comprador" class="review-card-img" loading="lazy">
<div class="review-card-body">
<div class="stars">★★★★★</div>
<p class="review-text">"Compré para mi suegro y mi papá. Con los bonos también regalé el tracker para que lo llenen juntos viendo los partidos del Mundial. Un hit total. 100% recomendado."</p>
<div class="review-author">
<div class="review-avatar-pl">M</div>
<div><p class="review-name">Marcos A.</p><p class="review-loc">CABA, Argentina</p></div>
</div>
</div>
</div>
</div>
</div>
</section>

<section id="guarantee" class="section">
<div class="container">
<div class="guarantee-wrap">
<div class="g-badge">
<svg width="52" height="56" viewBox="0 0 52 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26 2L4 12V28C4 40.5 13.6 52.1 26 55C38.4 52.1 48 40.5 48 28V12L26 2Z" fill="#0B1F3A" stroke="#0B1F3A" stroke-width="2"/>
<path d="M26 6L7 15V28C7 39.2 15.4 49.5 26 52C36.6 49.5 45 39.2 45 28V15L26 6Z" fill="#F5B800"/>
<path d="M17 28L23 34L35 22" stroke="#0B1F3A" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="gt" style="margin-top:6px;">COMPRA<br>SEGURA</span>
</div>
<div class="guarantee-content">
<h2>Tu satisfacción es nuestra prioridad</h2>
<p>
Queremos que disfrutes tu compra desde el primer momento. Si tenés algún inconveniente
para acceder, descargar o editar el material, nuestro equipo te ayudará hasta que puedas
usarlo correctamente. Tu satisfacción es nuestra prioridad.
</p>
<div style="margin-top:22px;">
<a href="#comprar" class="btn-outline">QUIERO EL ÁLBUM →</a>
</div>
</div>
</div>
</div>
</section>

<section id="faq" class="section">
<div class="container">
<div style="text-align:center; margin-bottom:8px;">
<span class="tag">Preguntas frecuentes</span>
<h2 class="section-title" style="margin-top:14px;">
Todo lo que necesitás<br><span class="accent">saber antes de comprar</span>
</h2>
<div class="divider"></div>
</div>
<ul class="faq-list">
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
¿Necesito tener Canva Pro para editarlo?
<span class="arr">▼</span>
</button>
<div class="faq-a">
No. Está diseñado para editarse con la versión <strong>gratuita de Canva</strong>. Sin suscripciones, sin costo extra. Si sabés mandar un mensaje por WhatsApp, sabés usarlo.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
No tengo impresora. ¿Cómo lo imprimo?
<span class="arr">▼</span>
</button>
<div class="faq-a">
En cualquier <strong>kiosco con impresión, gráfica o copistería</strong>. Pedilo en papel fotográfico 135g para que quede premium. El costo es mínimo y el resultado es espectacular.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
¿Llega a tiempo para el Día del Padre?
<span class="arr">▼</span>
</button>
<div class="faq-a">
Sí, 100%. Es un producto digital — recibís el acceso <strong>inmediatamente</strong> por email después de la compra. No hay envíos físicos, no hay demoras. Lo editás hoy, lo imprimís hoy.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
¿Va a quedar de calidad o trucho?
<span class="arr">▼</span>
</button>
<div class="faq-a">
Los archivos están en <strong>alta resolución</strong> para impresión profesional. En papel fotográfico queda indistinguible de un producto de tienda. Mirá las fotos de los compradores en la sección de reseñas.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
¿Puedo editarlo desde el celular?
<span class="arr">▼</span>
</button>
<div class="faq-a">
Sí, podés editarlo desde el <strong>celular, computadora, notebook o tablet</strong>. Canva funciona en cualquier dispositivo con internet, tanto desde la app como desde el navegador.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
Soy muy mala/malo para el diseño. ¿Puedo hacerlo igual?
<span class="arr">▼</span>
</button>
<div class="faq-a">
Sí, sin dudas. La plantilla ya está diseñada — vos solo <strong>cambiás las fotos y los nombres</strong>. Es como completar un formulario. Los compradores que dejaron reseñas tampoco sabían diseñar.
</div>
</li>
<li class="faq-item">
<button class="faq-q" onclick="toggleFaq(this)">
¿Qué recibo exactamente?
<span class="arr">▼</span>
</button>
<div class="faq-a">
Recibís acceso a <strong>plantillas editables en Canva</strong> con el álbum completo, hojas de figuritas personalizables, portada con el nombre de papá, y los 5 bonos adicionales. Todo digital, todo tuyo, para imprimir las veces que quieras.
</div>
</li>
</ul>
</div>
</section>

<section id="cta-final">
<div class="stripe-top" style="position:absolute; top:0; left:0; right:0;"></div>
<div class="container" style="position:relative; padding-top:8px;">
<span class="tag tag-gold">🏆 Oferta Día del Padre · 21 de junio 2026</span>

<h2 style="margin-top:22px;">
El regalo que papá<br>
<span class="c">va a guardar</span><br>
<span class="g">para siempre</span>
</h2>

<div class="price-block" id="comprar">
<span class="price-orig">Valor total del kit completo</span>
<span class="price-curr">$X.XXX</span>
<span class="price-sub">Pago único · Acceso inmediato · Para siempre · 5 bonos incluidos</span>
</div>

<a href="#" class="btn-primary" style="font-size:24px; padding:20px 60px; position:relative;">
🏆 COMPRAR AHORA — DESCARGA INMEDIATA
</a>

<div class="cta-trust">
<span class="cta-trust-item">✓ 30 días de garantía</span>
<span class="cta-trust-item">✓ Pago seguro</span>
<span class="cta-trust-item">✓ Acceso al instante</span>
<span class="cta-trust-item">✓ Canva gratis</span>
<span class="cta-trust-item">✓ 5 bonos incluidos</span>
</div>

<p style="margin-top:36px; color:#2A4860; font-size:13px; position:relative;">
📅 Día del Padre Argentina: domingo 21 de junio de 2026 · Sin fin de semana largo — lo armás hoy.
</p>
</div>
</section>

<div id="footer-note">
<p>
Producto digital editable · Descarga inmediata · Diseño 100% original sin marcas registradas ·
Compatible con Canva gratuito · Alta resolución para impresión ·
<a href="#">Política de devoluciones</a>
</p>
</div>

<div id="sticky-cta">
<p>🏆 Álbum Mundialista para Papá · <span>Descarga inmediata</span></p>
<a href="#comprar" class="btn-primary" style="font-size:16px; padding:11px 26px; white-space:nowrap;">
COMPRAR AHORA
</a>
</div>

<script>
/* Confetti */
(function(){
var colors = ['#5AB8E8','#FFFFFF','#F5B800','#3A9FD6','#A8D8F0'];
var c = document.getElementById('confetti-container');
for(var i=0;i<24;i++){
var el=document.createElement('div');
el.className='confetti-dot';
var size = 5+Math.random()*7;
el.style.cssText=[
'left:'+Math.random()*100+'%',
'bottom:'+Math.random()*60+'%',
'width:'+size+'px','height:'+size+'px',
'background:'+colors[Math.floor(Math.random()*colors.length)],
'animation-duration:'+(6+Math.random()*9)+'s',
'animation-delay:'+(Math.random()*7)+'s'
].join(';');
c.appendChild(el);
}
})();

/* Countdown to June 21 2026 00:00 ART */
(function(){
var target=new Date('2026-06-21T00:00:00-03:00').getTime();
function upd(){
var diff=target-Date.now();
if(diff<=0){
document.getElementById('countdown').innerHTML='<span style="color:#FFD0CC;font-size:13px;">¡Hoy es el día!</span>';
return;
}
var pad=function(n){return n<10?'0'+n:n;};
document.getElementById('cd-d').textContent=pad(Math.floor(diff/86400000));
document.getElementById('cd-h').textContent=pad(Math.floor((diff%86400000)/3600000));
document.getElementById('cd-m').textContent=pad(Math.floor((diff%3600000)/60000));
document.getElementById('cd-s').textContent=pad(Math.floor((diff%60000)/1000));
}
upd(); setInterval(upd,1000);
})();

/* FAQ accordion */
function toggleFaq(btn){
var item=btn.closest('.faq-item');
var isOpen=item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(function(el){el.classList.remove('open');});
if(!isOpen) item.classList.add('open');
}

/* Sticky CTA */
(function(){
var s=document.getElementById('sticky-cta');
window.addEventListener('scroll',function(){
s.classList.toggle('visible',window.scrollY>500);
},{passive:true});
})();
</script>
</body>
</html>