<style>.main-page-title,.page-title,.page__title,.shopify-page-title,.title--page,h1.page-title,#MainContent .page-width>h1:first-child,.template-page main h1:first-of-type{display:none!important;}</style>
<div style="position:relative;width:100vw;max-width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;">
<iframe id="ed-landing-frame" title="Landing" scrolling="no" style="width:100%;border:0;display:block;min-height:600px;" srcdoc="<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>El Poder de los Cristales - Guía Práctica de Piedras Energéticas | SecretosUniversales.OK</title>
<meta name="description" content="Aprende a usar cristales y piedras energéticas para conectar con tu bienestar. Guía práctica con rituales, técnicas de limpieza y meditación. 7 días de garantía.">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Google Fonts -->
<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=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style data-ed-design>
:root {
--marca-principal: #D8C4E8;
--marca-claro: #E8D9F0;
--marca-oscuro: #B8A0D0;
--dorado: #D4AF37;
--dorado-claro: #F4D03F;
--dorado-oscuro: #B8860B;
--negro: #111827;
--negro-claro: #1F2937;
--peligro: #EF4444;
--exito: #10B981;
--blanco: #FFFFFF;
--crema: #F5F0FA;
--gris: #6B7280;
--gris-oscuro: #374151;
--sombra: 0 4px 12px rgba(0,0,0,0.08);
--sombra-suave: 0 2px 8px rgba(0,0,0,0.05);
--sombra-media: 0 6px 15px rgba(0,0,0,0.08);
--sombra-fuerte: 0 8px 25px rgba(0,0,0,0.12);
--transicion: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 1.5;
color: var(--gris-oscuro);
background-color: var(--crema);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* --- INICIO: ESTILOS BARRA SUPERIOR AJUSTADA --- */
.top-flash-sale-bar {
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
padding: 12px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
text-align: center;
font-family: 'Montserrat', sans-serif;
position: sticky;
top: 0;
z-index: 1001;
width: 100%;
}
.top-bar-line-1 {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.top-flash-sale-bar .sale-title {
font-weight: 700;
font-size: 12px;
flex: 1;
text-align: left;
}
.top-flash-sale-bar #flash-sale-countdown {
font-size: 11px;
font-weight: 800;
color: var(--rosa);
background-color: var(--blanco);
padding: 4px 10px;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.top-flash-sale-bar .shop-now-btn {
width: 100%;
background-color: var(--blanco);
color: var(--rosa);
padding: 10px 0;
text-decoration: none;
font-weight: 900;
border-radius: 4px;
font-size: 12px;
transition: var(--transicion);
text-transform: uppercase;
letter-spacing: 0.5px;
border: 2px solid var(--dorado);
}
.top-flash-sale-bar .shop-now-btn:active {
transform: scale(.97);
}
/* --- FIN --- */
/* --- INICIO: ESTILOS PARA CARRUSEL PRINCIPAL MEJORADO PARA MÓVIL --- */
.main-carousel-container {
position: relative;
width: 100%;
margin: 0 auto 20px;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 0 15px rgba(255, 105, 180, 0.5), 0 5px 15px rgba(0,0,0,0.15);
border: 2px solid var(--dorado);
touch-action: pan-y;
}
.main-carousel-slides {
display: flex;
transition: transform 0.5s ease-in-out;
width: 800%;
min-height: 300px;
}
.main-carousel-slide {
width: 12.5%;
position: relative;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-carousel-slide img {
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: contain;
background: rgba(0,0,0,0.04);
display: block;
}
.main-carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--rosa);
color: white;
border: none;
cursor: pointer;
padding: 12px 16px;
border-radius: 50%;
z-index: 10;
font-size: 18px;
border: 2px solid var(--dorado);
transition: var(--transicion);
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
}
.main-carousel-btn:active {
background-color: var(--rosa-oscuro);
transform: translateY(-50%) scale(1.1);
}
.main-carousel-btn.prev {
left: 10px;
}
.main-carousel-btn.next {
right: 10px;
}
.main-carousel-dots {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
text-align: center;
z-index: 10;
display: flex;
justify-content: center;
gap: 8px;
padding: 0 10px;
}
.main-carousel-dot {
cursor: pointer;
height: 10px;
width: 10px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: inline-block;
transition: background-color 0.3s ease;
border: 1px solid var(--dorado);
flex-shrink: 0;
}
.main-carousel-dot.active {
background-color: var(--rosa);
transform: scale(1.2);
}
.slide-number {
position: absolute;
bottom: 10px;
right: 10px;
background-color: rgba(255, 105, 180, 0.8);
color: var(--blanco);
padding: 4px 8px;
border-radius: 15px;
font-size: 10px;
font-weight: bold;
z-index: 10;
border: 1px solid var(--dorado);
}
/* Mejoras para touch en móvil */
.main-carousel-slides {
cursor: grab;
}
.main-carousel-slides:active {
cursor: grabbing;
}
/* --- FIN CARRUSEL PRINCIPAL --- */
/* --- INICIO: ESTILOS PARA SLIDER 'MODELOS DISPONIBLES' --- */
.bikinis-section-slider {
padding: 20px 0;
}
.bikinis-slider-container {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 15px;
padding: 10px 15px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
touch-action: pan-x;
}
.bikinis-slider-container::-webkit-scrollbar {
display: none;
}
.bikinis-slider-container .bikini-card {
flex: 0 0 85%;
max-width: 85%;
scroll-snap-align: start;
}
/* --- FIN: ESTILOS SLIDER --- */
section {
padding: 20px 12px;
position: relative;
}
#elige-tu-plan {
scroll-margin-top: 35px;
}
.container {
max-width: 100%;
margin: 0 auto;
padding: 0 12px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: var(--negro);
line-height: 1.2;
}
h1 {
font-size: 20px;
letter-spacing: -0.3px;
}
h2 {
font-size: 18px;
text-align: center;
margin-bottom: 15px;
}
h2::after {
content: '';
display: block;
width: 50px;
height: 3px;
background: linear-gradient(to right, var(--rosa), var(--dorado));
margin: 8px auto 0;
border-radius: 2px;
}
.hero-image {
margin: 15px auto;
overflow: hidden;
box-shadow: var(--sombra-media);
border-radius: 8px;
position: relative;
max-width: 100%;
}
.hero-image img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.offer-box {
background: linear-gradient(135deg, var(--rosa-oscuro), var(--rosa));
border-radius: 8px;
padding: 15px;
margin: 15px auto;
border: 2px solid var(--dorado);
max-width: 100%;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
animation: brillo-sutil 2.5s infinite alternate ease-in-out;
}
@keyframes brillo-sutil {
from {
box-shadow: 0 0 10px rgba(255, 105, 180, 0.2), 0 4px 15px rgba(0,0,0,0.15);
}
to {
box-shadow: 0 0 20px rgba(255, 105, 180, 0.4), 0 6px 20px rgba(0,0,0,0.2);
}
}
.price-comparison {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
line-height: 1;
}
.price-old {
font-family: 'Poppins', sans-serif;
font-size: 14px;
text-decoration: line-through;
color: var(--dorado);
}
.price-new {
font-size: 28px;
color: var(--dorado-claro);
font-weight: 800;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.savings {
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
padding: 5px 12px;
border-radius: 50px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
margin-top: 8px;
border: 1px solid var(--dorado-oscuro);
}
.trust-signals {
display: flex;
justify-content: space-around;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--dorado);
color: var(--blanco);
font-size: 10px;
font-weight: 600;
}
.trust-signal-item {
display: flex;
align-items: center;
gap: 5px;
}
.trust-signal-item i {
color: var(--dorado-claro);
}
.cta-button {
font-family: 'Montserrat', sans-serif;
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
border: none;
padding: 14px;
font-size: 15px;
font-weight: 700;
border-radius: 50px;
cursor: pointer;
transition: var(--transicion);
box-shadow: 0 6px 15px rgba(255, 105, 180, 0.3);
display: block;
margin: 10px auto;
width: 100%;
text-decoration: none;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
animation: pulso-grande 1.5s infinite;
border: 2px solid var(--dorado-oscuro);
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.cta-button.green {
background: linear-gradient(135deg, var(--exito), #16a34a);
color: var(--blanco);
box-shadow: 0 6px 15px rgba(16, 185, 129, 0.3);
}
.cta-button:active {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 8px 20px rgba(255, 105, 180, 0.5);
animation: none;
}
@keyframes pulso-grande {
0% { transform: scale(1); }
50% { transform: scale(1.03); }
100% { transform: scale(1); }
}
.guarantee-box {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(135deg, var(--rosa-claro), var(--blanco));
border-radius: 8px;
padding: 10px;
margin: 15px auto;
box-shadow: var(--sombra-suave);
max-width: 100%;
border: 1px solid var(--dorado);
}
.guarantee-img {
width: 40px;
height: auto;
}
.guarantee-text h3 {
font-size: 13px;
color: var(--rosa-oscuro);
margin-bottom: 3px;
}
.guarantee-text p {
font-size: 10px;
color: var(--gris-oscuro);
margin: 0;
}
.payment-methods {
text-align: center;
}
.payment-methods img {
max-width: 100%;
width: 180px;
height: auto;
}
.benefit-card {
background: var(--blanco);
border: 1px solid var(--dorado);
border-radius: 10px;
margin-bottom: 20px;
box-shadow: var(--sombra-suave);
overflow: hidden;
}
.benefit-header {
padding: 12px;
border-bottom: 1px solid var(--dorado);
background: linear-gradient(135deg, var(--rosa-claro), var(--blanco));
}
.benefit-header h3 {
font-size: 16px;
margin: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.benefit-header h3::after {
display: none;
}
.benefit-header h3 i {
font-size: 16px;
}
.pain-card .benefit-header h3 i {
color: var(--rosa);
}
.gain-card .benefit-header h3 i {
color: var(--dorado);
}
.benefit-list {
padding: 15px;
text-align: left;
}
.benefit-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
font-size: 13px;
line-height: 1.4;
}
.benefit-item i {
font-size: 16px;
margin-top: 2px;
}
.pain-card .benefit-item i {
color: var(--rosa);
}
.gain-card .benefit-item i {
color: var(--dorado);
}
.transformation-divider {
text-align: center;
padding: 15px 0;
}
.transformation-divider i {
font-size: 18px;
color: var(--rosa);
opacity: 0;
animation: cascada-desvanecida 1.8s infinite ease-out;
}
.transformation-divider i:nth-child(2) {
animation-delay: 0.2s;
}
.transformation-divider i:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes cascada-desvanecida {
0% {
transform: translateY(-10px);
opacity: 0;
}
50% {
transform: translateY(0px);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
}
.carousel-container {
position: relative;
width: 100%;
margin: 0 auto 20px auto;
overflow: hidden;
border-radius: 8px;
box-shadow: var(--sombra-suave);
border: 2px solid var(--dorado);
}
.carousel-slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-slide {
min-width: 100%;
flex-shrink: 0;
}
.carousel-slide img {
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: contain;
background: rgba(0,0,0,0.04);
display: block;
}
.carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--rosa);
color: white;
border: none;
cursor: pointer;
padding: 8px 12px;
border-radius: 50%;
z-index: 10;
font-size: 14px;
border: 2px solid var(--dorado);
transition: var(--transicion);
}
.carousel-btn:active {
background-color: var(--rosa-oscuro);
transform: translateY(-50%) scale(1.1);
}
.carousel-btn.prev {
left: 10px;
}
.carousel-btn.next {
right: 10px;
}
.carousel-dots {
text-align: center;
padding-top: 8px;
}
.dot {
cursor: pointer;
height: 8px;
width: 8px;
margin: 0 3px;
background-color: #FFB6C1;
border-radius: 50%;
display: inline-block;
transition: background-color 0.3s ease;
}
.dot.active {
background-color: var(--rosa);
}
.urgency-badges-container {
max-width: 100%;
margin: 15px auto 10px;
display: flex;
flex-direction: column;
gap: 10px;
}
.viewers-badge, .stock-badge {
color: var(--blanco);
font-weight: 700;
padding: 10px;
border-radius: 8px;
font-size: 13px;
text-align: center;
box-shadow: var(--sombra-suave);
}
.viewers-badge {
background: linear-gradient(135deg, var(--rosa), var(--rosa-oscuro));
box-shadow: 0 0 10px rgba(0,0,0,0.4), inset 0 0 5px rgba(255,255,255,0.1);
border: 1px solid var(--dorado);
}
.stock-badge {
background: linear-gradient(135deg, var(--rosa-oscuro), #be123c);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 0 15px rgba(219, 112, 147, 0.4), inset 0 0 10px rgba(219, 112, 147,0.3);
border: 1px solid var(--dorado);
}
.stock-badge .pulse-dot {
width: 8px;
height: 8px;
background-color: var(--dorado-claro);
border-radius: 50%;
animation: pulso-rosa 1.5s infinite;
}
@keyframes pulso-rosa {
0% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(212, 175, 55, 0);
}
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
}
}
.offer-warning-enhanced {
background: linear-gradient(135deg, var(--rosa-oscuro), var(--rosa));
border: 2px solid var(--dorado);
backdrop-filter: blur(5px);
border-radius: 10px;
padding: 15px;
margin: 15px auto;
text-align: center;
box-shadow: 0 0 15px rgba(255, 105, 180,0.4);
position: relative;
overflow: hidden;
}
.offer-warning-enhanced h3 {
font-size: 16px;
color: var(--dorado-claro);
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-shadow: 0 0 8px rgba(212, 175, 55, 0.3);
}
.offer-warning-enhanced p {
font-size: 12px;
color: rgba(255,255,255,0.9);
line-height: 1.4;
margin-bottom: 12px;
}
.countdown-label-text {
font-size: 11px;
color: rgba(255,255,255,0.9);
margin-bottom: 5px;
}
.countdown-timer-enhanced {
display: flex;
justify-content: center;
gap: 6px;
text-align: center;
margin-bottom: 12px;
}
.countdown-segment {
background: rgba(255,255,255,0.2);
padding: 8px;
border-radius: 6px;
min-width: 45px;
border: 1px solid var(--dorado);
}
.countdown-number {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--dorado-claro);
line-height: 1;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.countdown-label {
font-size: 8px;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
margin-top: 4px;
letter-spacing: 0.5px;
}
.final-savings {
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
padding: 6px 12px;
border-radius: 50px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
display: inline-block;
box-shadow: 0 4px 10px rgba(255, 105, 180,0.25);
border: 1px solid var(--dorado-oscuro);
}
.bikinis-section {
background: var(--crema);
}
.bikini-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
margin: 15px 0;
}
.bikini-card {
background: var(--blanco);
border-radius: 8px;
overflow: hidden;
box-shadow: var(--sombra-suave);
transition: var(--transicion);
border: 1px solid var(--dorado);
}
.bikini-card:active {
transform: translateY(-3px);
box-shadow: var(--sombra-media);
}
.bikini-card .bikini-image {
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: contain;
background: rgba(0,0,0,0.04);
}
.bikini-card .bikini-content {
padding: 12px;
text-align: left;
}
.bikini-card .bikini-number {
display: inline-block;
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
padding: 3px 10px;
border-radius: 50px;
font-size: 10px;
font-weight: bold;
margin-bottom: 6px;
border: 1px solid var(--dorado-oscuro);
}
.bikini-card .bikini-title {
font-size: 15px;
}
.bikini-content ul {
padding-left: 15px;
margin: 6px 0;
list-style-type: none;
}
.bikini-content li {
position: relative;
padding-left: 15px;
margin-bottom: 5px;
font-size: 11px;
}
.bikini-content li::before {
content: '•';
color: var(--rosa);
font-size: 12px;
position: absolute;
left: 0;
top: 0px;
}
.bikini-content p {
text-align: left;
font-size: 12px;
margin-top: 8px;
}
.bonus-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 20px auto 0;
max-width: 100%;
}
.bonus-card-item {
background: linear-gradient(135deg, var(--blanco), var(--rosa-claro));
border: 2px solid var(--dorado);
border-radius: 8px;
padding: 8px;
text-align: center;
transition: var(--transicion);
box-shadow: var(--sombra-suave);
display: flex;
flex-direction: column;
}
.bonus-card-item:active {
transform: translateY(-3px);
box-shadow: var(--sombra-media);
}
.bonus-card-item img {
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: contain;
background: rgba(0,0,0,0.04);
border-radius: 4px;
margin-bottom: 8px;
border: 1px solid var(--dorado);
}
.bonus-card-item h3 {
font-size: 12px;
line-height: 1.3;
margin: 0 0 6px 0;
flex-grow: 1;
}
.bonus-card-item .price-info {
font-weight: bold;
line-height: 1.3;
}
.bonus-card-item .price-crossed {
display: block;
color: var(--rosa-oscuro);
text-decoration: line-through;
font-size: 11px;
}
.bonus-card-item .price-free {
display: block;
color: var(--exito);
font-size: 13px;
}
.surprise-gifts-block {
text-align: center;
margin: 20px auto;
padding: 15px 12px;
border-radius: 8px;
background: linear-gradient(135deg, var(--rosa-claro), var(--blanco));
box-shadow: var(--sombra-suave);
max-width: 100%;
border: 2px solid var(--dorado);
}
.surprise-gifts-block .title {
font-size: 18px;
color: var(--rosa-oscuro);
margin-bottom: 8px;
}
.surprise-gifts-block .value-price {
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 700;
text-decoration: line-through;
color: var(--rosa-oscuro);
margin-bottom: 8px;
}
.surprise-gifts-block .free-text {
font-size: 22px;
font-weight: 800;
color: var(--exito);
text-transform: uppercase;
}
.surprise-gifts-block .free-text span {
font-weight: 400;
font-size: 14px;
display: block;
color: var(--gris-oscuro);
text-transform: none;
}
.testimonials {
background: linear-gradient(135deg, var(--crema), var(--blanco));
}
.testimonials h2 span {
color: var(--rosa);
}
#reviews-compact .rvc-list {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
#reviews-compact .rvc-item {
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
overflow: hidden;
border: 2px solid var(--dorado);
border-radius: 10px;
background: var(--blanco);
box-shadow: var(--sombra-suave);
}
#reviews-compact .testimonial-image-large {
width: 100%;
height: 160px;
object-fit: cover;
}
#reviews-compact .rvc-content {
padding: 12px;
text-align: left;
}
#reviews-compact .rvc-name {
font-weight: 700;
font-size: 14px;
}
#reviews-compact .rvc-rating {
color: var(--dorado);
font-size: 12px;
margin: 3px 0 6px 0;
}
#reviews-compact .rvc-text {
margin: 0;
font-size: 12px;
line-height: 1.4;
}
.testimonial-gif-container h2 {
margin-top: 25px;
}
.testimonial-gif-container .testimonial-img {
box-shadow: var(--sombra-media);
}
.testimonial-gif-container .testimonial-img img {
max-width: 90%;
height: auto;
display: block;
margin: 0 auto;
}
.guarantee-section, .faq-section {
background: var(--crema);
}
.faq-item {
margin-bottom: 10px;
border-radius: 8px;
overflow: hidden;
box-shadow: var(--sombra-suave);
border: 2px solid var(--dorado);
background: linear-gradient(135deg, var(--blanco), var(--rosa-claro));
}
.faq-question {
padding: 12px;
font-weight: 700;
font-size: 13px;
cursor: pointer;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(135deg, var(--rosa-claro), var(--blanco));
}
.faq-question::after {
content: '+';
font-size: 16px;
color: var(--rosa);
transition: var(--transicion);
}
.faq-question.active::after {
content: '-';
}
.faq-answer {
padding: 0 12px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
font-size: 12px;
}
.faq-answer-content {
padding: 12px 0;
line-height: 1.5;
border-top: 1px solid var(--dorado);
}
.faq-answer-content ul {
padding-left: 18px;
margin-top: 8px;
}
.faq-answer-content li {
margin-bottom: 4px;
}
footer {
background: linear-gradient(135deg, var(--rosa-oscuro), var(--rosa));
color: var(--dorado-claro);
text-align: center;
padding: 15px 12px;
font-size: 10px;
border-top: 3px solid var(--dorado);
}
.main-headline {
font-size: 18px;
line-height: 1.1;
margin-bottom: 10px;
font-weight: 750;
color: var(--rosa-oscuro);
}
.sub-headline {
font-size: 14px;
line-height: 1.2;
max-width: 100%;
margin: 0 auto;
font-weight: 650;
color: var(--rosa-oscuro);
}
.product-title-block {
text-align: center;
margin: 15px auto 10px;
}
.product-downloads {
font-size: 9px;
font-weight: 600;
color: var(--rosa);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 5px;
}
.product-main-title {
font-size: 18px;
line-height: 1.3;
}
.section-dolores-bg {
padding: 25px 15px 0;
background: linear-gradient(135deg, #FFE4E9, #FFB6C1);
border-bottom: 3px solid var(--dorado);
}
.section-beneficios-bg {
padding: 0 25px 25px;
background: linear-gradient(135deg, #FFF0F5, #FFD1DC);
border-bottom: 3px solid var(--dorado);
}
/* --- INICIO: ESTILOS PARA LA TABLA DE PRECIOS FINAL --- */
.pricing-section.dark-theme {
background: linear-gradient(135deg, var(--rosa-oscuro), var(--rosa));
color: var(--blanco);
border-top: 3px solid var(--dorado);
padding: 25px 12px;
}
.pricing-section.dark-theme h2,
.pricing-section.dark-theme p {
color: var(--dorado-claro);
}
.pricing-section.dark-theme .pricing-card {
background: linear-gradient(135deg, var(--rosa-claro), var(--blanco));
border: 2px solid var(--dorado);
padding: 12px;
}
.pricing-section.dark-theme .pricing-card.recommended {
border-color: var(--dorado-oscuro);
box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
}
.pricing-section.dark-theme .pricing-header {
border-bottom-color: var(--dorado);
}
.pricing-section.dark-theme .pricing-card h3,
.pricing-section.dark-theme .price-display .price-new {
color: var(--rosa-oscuro);
}
.pricing-section.dark-theme .card-subtitle,
.pricing-section.dark-theme .feature-list li {
color: var(--gris-oscuro);
}
.pricing-card .card-image-container {
margin-bottom: 8px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 6px;
border: 2px solid var(--dorado);
}
.pricing-card .card-image-container img {
width: 100%;
height: 100%;
object-fit: contain;
background-color: var(--crema);
}
.pricing-section.dark-theme .urgency-badges-container {
margin-top: 20px;
}
.pricing-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
max-width: 100%;
margin: 15px auto 0;
}
.pricing-card {
border-radius: 10px;
text-align: center;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.pricing-card.recommended {
transform: scale(1.02);
box-shadow: var(--sombra-media);
}
.pricing-header {
border-bottom: 1px solid var(--dorado);
padding-bottom: 6px;
margin-bottom: 6px;
}
.pricing-card h3 {
font-size: 18px;
margin-bottom: 6px;
}
.pricing-card .card-subtitle {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 12px;
}
.price-display {
margin: 6px 0;
}
.price-display .price-new {
font-size: 28px;
}
.price-display .price-old {
font-size: 14px;
text-decoration: line-through;
color: var(--rosa);
}
.feature-list {
list-style: none;
padding: 0;
text-align: left;
margin-top: 8px;
flex-grow: 1;
}
.feature-list li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 5px;
font-size: 12px;
min-height: 24px;
}
.feature-list i {
color: var(--rosa);
margin-top: 2px;
font-size: 14px;
min-width: 20px;
}
.feature-list span {
flex: 1;
}
.pricing-card .cta-button {
width: 100%;
margin-top: 8px;
padding: 12px;
font-size: 14px;
min-height: 44px;
}
.recommended-badge {
background: linear-gradient(135deg, var(--rosa), var(--dorado));
color: var(--blanco);
padding: 5px 10px;
border-radius: 50px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 8px;
border: 1px solid var(--dorado-oscuro);
}
/* --- FIN: ESTILOS PARA LA TABLA DE PRECIOS --- */
/* Estilos para pantallas más grandes */
@media (min-width: 480px) {
.bonus-grid {
grid-template-columns: repeat(2, 1fr);
}
#reviews-compact .rvc-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 600px) {
section {
padding: 25px 15px;
}
.container {
padding: 0 15px;
}
.top-flash-sale-bar {
flex-direction: row;
justify-content: space-between;
padding: 10px 15px;
}
.shop-now-btn {
width: auto;
padding: 8px 15px;
font-size: 11px;
}
.top-bar-line-1 {
width: auto;
justify-content: flex-start;
gap: 10px;
}
.bikinis-slider-container .bikini-card {
flex: 0 0 45%;
max-width: 45%;
}
.bonus-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) {
.pricing-grid {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.bikinis-slider-container {
justify-content: center;
}
.bikinis-slider-container .bikini-card {
flex: 0 0 30%;
max-width: 30%;
}
.pricing-card .card-image-container {
height: 200px;
}
}
</style>
<style>.savings-badge{display:inline-block;margin:10px auto 4px;padding:9px 18px;border-radius:999px;background:#D8C4E8;color:#fff;font-weight:800;font-size:15px;line-height:1.25;letter-spacing:.3px;box-shadow:0 4px 14px rgba(0,0,0,.18)}.savings,.hero-savings,.hero-final-savings{display:none !important}</style><style data-ed-safety>/* Elite Digital · safety-net responsive (no romper layout con imágenes sueltas) */
img, svg, video, picture, canvas, iframe { max-width: 100% !important; height: auto; }
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
/* Badges de pago / confianza / garantía / seguridad: nunca gigantes */
[class*="payment"] img, [class*="payment"] svg,
[class*="pago"] img, [class*="pago"] svg,
[class*="trust"] img, [class*="trust"] svg,
[class*="badge"] img, [class*="badge"] svg,
[class*="seal"] img, [class*="seal"] svg,
[class*="secur"] img, [class*="secur"] svg,
[class*="segur"] img, [class*="segur"] svg,
[class*="guarantee"] img, [class*="guarantee"] svg,
[class*="garant"] img, [class*="garant"] svg,
img[class*="guarantee"], img[class*="garant"],
img[alt*="pago" i], img[alt*="garant" i], img[alt*="seguro" i] {
max-height: 72px !important; width: auto !important; max-width: 100% !important; object-fit: contain;
}
/* SVG inline gigantes (íconos de candado/escudo sin tamaño) */
section svg:not([class*="hero"]):not([class*="bg"]) { max-height: 96px; }</style></head>
<body>
<!-- BARRA SUPERIOR -->
<div class="top-flash-sale-bar">
<div class="top-bar-line-1">
<span class="sale-title">✨ OFERTA ESPECIAL: Solo hoy acceso a El Poder de los Cristales ➤</span>
<div id="flash-sale-countdown">10:00</div>
</div>
<a class="shop-now-btn" href="#elige-tu-plan" onclick="var el=document.getElementById('elige-tu-plan');if(el){parent.postMessage({edScrollTo:el.getBoundingClientRect().top+window.scrollY},'*');}return false;">VER OFERTA</a>
</div>
<!-- HERO SECTION -->
<section style="padding-bottom: 0; padding-top: 20px;">
<div class="container">
<div class="main-promise">
<h2 class="main-headline">
Aprende el Poder de los Cristales y Conecta con tu <u style="color: var(--dorado);">Bienestar Energético</u> Desde Cero ✨
</h2>
<p class="sub-headline">
Una Guía Práctica y Accesible sobre <strong><u style="color: var(--dorado);">Piedras Energéticas, Rituales y Prácticas</u></strong> que Transforman tu Vida Cotidiana — <strong>Sin Necesidad de Experiencia Previa.</strong>
</p>
</div>
<p style="text-align: center; font-weight: 600; font-size: 14px; margin-bottom: 12px; color: var(--marca-oscuro);">
👇🏻 Descubre el mundo de los cristales que aprenderás 👇🏻
</p>
<!-- CARRUSEL PRINCIPAL MEJORADO -->
<div id="mainCarousel" class="main-carousel-container">
<div class="main-carousel-slides">
<!-- Foto 1 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 1" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_principal.png">
<div class="slide-number">1/8</div>
</div>
<!-- Foto 2 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 2" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_0.png">
<div class="slide-number">2/8</div>
</div>
<!-- Foto 3 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 3" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_1.png">
<div class="slide-number">3/8</div>
</div>
<!-- Foto 4 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 4" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_principal.png">
<div class="slide-number">4/8</div>
</div>
<!-- Foto 5 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 5" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_0.png">
<div class="slide-number">5/8</div>
</div>
<!-- Foto 6 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 6" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_1.png">
<div class="slide-number">6/8</div>
</div>
<!-- Foto 7 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 7" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_principal.png">
<div class="slide-number">7/8</div>
</div>
<!-- Foto 8 -->
<div class="main-carousel-slide">
<img alt="El Poder de los Cristales - Piedra energética 8" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_0.png">
<div class="slide-number">8/8</div>
</div>
</div>
<button class="main-carousel-btn prev"><i class="fas fa-chevron-left"></i></button>
<button class="main-carousel-btn next"><i class="fas fa-chevron-right"></i></button>
<div class="main-carousel-dots"></div>
</div>
</div>
</section>
<!-- SECCIÓN DOLORES -->
<section class="section-dolores-bg">
<div class="container">
<div class="benefit-card pain-card">
<div class="benefit-header">
<h3><i class="fas fa-heart-broken"></i>Esto es para vos si…</h3>
</div>
<div class="benefit-list">
<div class="benefit-item">
<i class="fas fa-times-circle"></i>
<span><strong>Sentís que algo falta en tu rutina de bienestar</strong> y buscás conectar de forma más profunda con tu energía 💜</span>
</div>
<div class="benefit-item">
<i class="fas fa-times-circle"></i>
<span>Querés <strong>herramientas prácticas y tangibles</strong> para trabajar con tu intención y sanar desde adentro 🔮</span>
</div>
<div class="benefit-item">
<i class="fas fa-times-circle"></i>
<span><strong>Nunca has trabajado con cristales</strong> pero te llama la atención el mundo holístico y la energía ✨</span>
</div>
<div class="benefit-item">
<i class="fas fa-times-circle"></i>
<span>Sos terapeuta, coach o profesional de bienestar y <strong>querés sumar cristales a tu práctica</strong> 🌙</span>
</div>
</div>
</div>
<div class="transformation-divider">
<i class="fas fa-arrow-down"></i><i class="fas fa-arrow-down"></i><i class="fas fa-arrow-down"></i>
</div>
</div>
</section>
<!-- SECCIÓN BENEFICIOS -->
<section class="section-beneficios-bg">
<div class="container">
<div class="benefit-card gain-card">
<div class="benefit-header">
<h3><i class="fas fa-star"></i>Con El Poder de los Cristales vas a lograr…</h3>
</div>
<div class="benefit-list">
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Comprender qué son los cristales y cómo funcionan energéticamente</strong> sin tecnicismos innecesarios 🔮</span>
</div>
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Reconocer las principales piedras energéticas y sus usos tradicionales</strong> para elegir las tuyas con intención 💎</span>
</div>
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Limpiar, cargar y programar tus cristales correctamente</strong> para potenciar su energía al máximo ✨</span>
</div>
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Crear prácticas y rituales personalizados que se integren naturalmente a tu vida cotidiana</strong> desde el primer día 🌙</span>
</div>
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Incorporar cristales a meditaciones, chakras y espacios</strong> para potenciar tu bienestar integral 🧿</span>
</div>
<div class="benefit-item">
<i class="fas fa-check-circle"></i>
<span><strong>Si sos terapeuta o coach, sumá esta herramienta a tu práctica</strong> y ofrecé algo verdaderamente diferente a tus clientes 🌿</span>
</div>
</div>
</div>
</div>
</section>
<!-- PRESENTACIÓN COMBO -->
<section style="padding-top: 25px; padding-bottom: 0; text-align: center;">
<div class="container">
<h2>
✨ Por eso te presentamos <span style="color: var(--acento-morado);">El Poder de los Cristales</span>
</h2>
<p style="font-size: 14px; font-style: italic; color: var(--text-secondary);">
"Esta no es solo una guía sobre piedras energéticas, es tu camino práctico hacia el bienestar holístico. Aprenderás todo lo que necesitás para comenzar hoy mismo, sea que busques transformar tu vida personal o incorporar los cristales a tu práctica profesional."
</p>
</div>
</section>
<!-- HERO IMAGE Y OFERTA -->
<section style="padding-top: 20px; padding-bottom: 0;" class="hero">
<div class="container">
<div class="hero-image">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_principal.png" alt="El Poder de los Cristales - Ebook de Piedras Energéticas" loading="lazy">
</div>
<div class="product-title-block">
<p class="product-downloads">+500 PERSONAS YA TRANSFORMARON SU VIDA CON LOS CRISTALES</p>
<h1 class="product-main-title">✨ El Poder de los Cristales → Guía Completa de Piedras Energéticas + 2 Bonos Exclusivos 🔮</h1>
</div>
<div class="offer-box">
<div class="price-comparison">
<div class="price-old">$67.996 ARS</div>
<div class="price-new">$16.999 ARS</div><div class="savings-badge">💰 TE ESTÁS AHORRANDO $50.997 ARS (75% OFF)</div>
<div class="savings"><span id="savings-hero">AHORRO DE $8.000</span></div>
</div>
<div class="trust-signals">
<div class="trust-signal-item">
<i class="fas fa-shield-alt"></i>Acceso Inmediato
</div>
<div class="trust-signal-item">
<i class="fas fa-book-open"></i>Contenido Digital
</div>
</div>
</div>
<div class="offer-warning-enhanced">
<h3><i class="fas fa-fire"></i>¡OFERTA ESPECIAL LIMITADA!</h3>
<p>Tu acceso a El Poder de los Cristales + 2 BONOS de REGALO solo está reservado para los próximos minutos. ¡Conectá con tu esencia energética hoy mismo!</p>
<div class="countdown-label-text">La oferta se termina en:</div>
<div id="offerCountdownContainer" class="countdown-timer-enhanced"></div>
<div class="final-savings"><span id="savings-final">¡AHORRÁ AHORA!</span></div>
</div>
<div class="urgency-badges-container">
<div class="viewers-badge">
<strong><span class="viewer-count">100</span> personas</strong> están accediendo a esta oferta.
</div>
<div class="stock-badge">
<span class="pulse-dot"></span>
¡Últimos <strong>12 accesos</strong> al precio especial!
</div>
</div>
<a href="#elige-tu-plan" class="cta-button green" onclick="var el=document.getElementById('elige-tu-plan');if(el){parent.postMessage({edScrollTo:el.getBoundingClientRect().top+window.scrollY},'*');}return false;">¡ACCEDÉ AHORA A EL PODER DE LOS CRISTALES!</a>
<div class="guarantee-box">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2292%22%20fill%3D%22%23fff%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%226%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2278%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%223%205%22%20opacity%3D%220.6%22%2F%3E%3Ctext%20x%3D%22100%22%20y%3D%2286%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%2258%22%20font-weight%3D%22bold%22%20fill%3D%22%23D8C4E8%22%20text-anchor%3D%22middle%22%3E30%3C%2Ftext%3E%3Ctext%20x%3D%22100%22%20y%3D%22120%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2220%22%20letter-spacing%3D%222%22%20fill%3D%22%233a2e2e%22%20text-anchor%3D%22middle%22%3ED%C3%8DAS%3C%2Ftext%3E%3Ctext%20x%3D%22100%22%20y%3D%22150%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20letter-spacing%3D%221.5%22%20fill%3D%22%236a5a5a%22%20text-anchor%3D%22middle%22%3EGARANT%C3%8DA%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Garantía de satisfacción 7 días" class="guarantee-img">
<div class="guarantee-text">
<h3>Garantía de Satisfacción</h3>
<p><strong>7 días</strong> para probar sin riesgo alguno</p>
</div>
</div>
<div class="payment-methods">
<img alt="Métodos de pago seguros" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20420%2070%22%20width%3D%22420%22%20height%3D%2270%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%22418%22%20height%3D%2268%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M26%2024%20v-5%20a6%206%200%200%201%2012%200%20v5%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%223%22%2F%3E%3Ctext%20x%3D%2260%22%20y%3D%2242%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2220%22%20font-weight%3D%22bold%22%20fill%3D%22%233a2e2e%22%3EPAGO%20100%25%20SEGURO%3C%2Ftext%3E%3Crect%20x%3D%22300%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.85%22%2F%3E%3Crect%20x%3D%22336%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%22372%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E">
</div>
</div>
</section>
<!-- CRISTALES Y TEMAS -->
<section class="bikinis-section-slider">
<div class="container">
<h2>🔮 ¿Qué aprenderás dentro de El Poder de los Cristales?</h2>
<div class="bikinis-slider-container">
<div class="bikini-card">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bundle.png" alt="El Vacío Energético que Cargas Todos los Días" loading="lazy" class="bikini-image">
<div class="bikini-content">
<span class="bikini-number">Capítulo 1:</span>
<h3 class="bikini-title"><strong>El Vacío Energético que Cargas Todos los Días</strong></h3>
<p>Descubrí cómo los cristales pueden llenar ese espacio emocional y energético que dejás vago, reconectar con tu esencia y encontrar el equilibrio que buscás.</p>
<ul>
<li>Identifica el vacío energético que cargás</li>
<li>Comprende cómo los cristales actúan como puente</li>
<li>Primer paso hacia tu transformación</li>
</ul>
</div>
</div>
<div class="bikini-card">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_1.png" alt="Los Fundamentos - Conceptos Clave" loading="lazy" class="bikini-image">
<div class="bikini-content">
<span class="bikini-number">Capítulo 2:</span>
<h3 class="bikini-title"><strong>Los Fundamentos — Conceptos Clave y lo Esencial</strong></h3>
<p>Aprendé todo lo que necesitás saber antes de empezar: qué son los cristales, cómo funcionan energéticamente y por qué importan en tu vida cotidiana.</p>
<ul>
<li>Qué son realmente los cristales energéticos</li>
<li>Cómo funcionan en el nivel energético</li>
<li>Base científica y espiritual combinadas</li>
</ul>
</div>
</div>
<div class="bikini-card">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bundle.png" alt="Preparación y primeros pasos" loading="lazy" class="bikini-image">
<div class="bikini-content">
<span class="bikini-number">Capítulo 3:</span>
<h3 class="bikini-title"><strong>Preparación y Primeros Pasos: Tu Espacio Sagrado</strong></h3>
<p>Creá tu ambiente ideal y evitá los errores más comunes que cometen quienes recién empiezan. Preparate para una práctica segura y efectiva.</p>
<ul>
<li>Cómo crear tu espacio sagrado en casa</li>
<li>Errores más comunes y cómo evitarlos</li>
<li>Materiales y herramientas que necesitás</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- BONOS -->
<section style="padding-top: 25px;" class="bikinis-section">
<div style="text-align: center;" class="container">
<h2>
🎁 Además, por comprar <strong><u style="color: var(--dorado);">HOY</u></strong> te regalamos <strong><u style="color: var(--dorado);">2 Bonos Exclusivos</u></strong>
</h2>
<p style="color: var(--rosa-oscuro);">
Queremos que domines completamente el mundo de los cristales y sus prácticas ✨. Por eso te incluimos <strong><u style="color: var(--dorado);">2 Bonos Únicos</u></strong> 🎁 para que <u>comiences y profundices tu conexión energética</u> 🌟
</p>
</div>
<div class="bonus-grid">
<div class="bonus-card-item">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_0.png" alt="Bono DESCUBRÍ LOS CRISTALES" loading="lazy">
<h3>
✨ <strong>Bono 1:</strong> Descubrí los Cristales
</h3>
<p style="font-size: 11px; margin-top: 5px; color: var(--rosa-oscuro);">
Aprende desde cero cómo elegir, limpiar, cuidar y comenzar a utilizar cristales de manera consciente en tu vida cotidiana. La Magia del Equilibrio, Los Cimientos y El Camino Paso a Paso para tu práctica.
</p>
<div class="price-info">
<span class="price-crossed bonus-price-value">$9.000 ARS</span>
<span class="price-free">HOY GRATIS</span>
</div>
</div>
<div class="bonus-card-item">
<img src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_1.png" alt="Bono TRABAJA CON CRISTALES" loading="lazy">
<h3>
💎 <strong>Bono 2:</strong> Trabaja con Cristales
</h3>
<p style="font-size: 11px; margin-top: 5px; color: var(--rosa-oscuro);">
Descubrí cómo incorporar cristales a tus prácticas de bienestar, terapias holísticas, meditaciones y sesiones. Fundamentos, materiales y el proceso paso a paso para integrar los cristales a tu oferta.
</p>
<div class="price-info">
<span class="price-crossed bonus-price-value">$9.000 ARS</span>
<span class="price-free">HOY GRATIS</span>
</div>
</div>
</div>
<div class="surprise-gifts-block">
<div style="color: var(--rosa-oscuro);" class="title">¡VALOR TOTAL DE TUS BONOS!</div>
<p style="color: var(--rosa-oscuro);">Valor total de los 2 bonos:</p>
<div class="value-price">$18.000 ARS</div>
<div class="free-text">
<span style="color: var(--rosa-oscuro);">Solo por HOY:</span>GRATIS
</div>
</div>
</section>
<!-- TESTIMONIOS -->
<section class="testimonials">
<div class="container">
<div id="carousel-1" class="carousel-container">
<div class="carousel-slides">
<div class="carousel-slide">
<img alt="Cristal Amatista" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_1.png">
</div>
<div class="carousel-slide">
<img alt="Cristal Cuarzo Rosa" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_principal.png">
</div>
<div class="carousel-slide">
<img alt="Cristal Turmalina" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bonus_0.png">
</div>
</div>
<button class="carousel-btn prev"><i class="fas fa-chevron-left"></i></button>
<button class="carousel-btn next"><i class="fas fa-chevron-right"></i></button>
<div class="carousel-dots"></div>
</div>
<h2 style="color: var(--rosa-oscuro);">Lo que dicen nuestros clientes ❤️</h2>
<h2 style="margin-bottom: 20px; color: var(--rosa-oscuro);">
MÁS DE 1200 PERSONAS TRANSFORMADAS <span style="color: var(--dorado);">★★★★★</span>
</h2>
<section style="padding: 0;" id="reviews-compact">
<div class="rvc-list">
<div class="rvc-item">
<img class="testimonial-image-large" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%22116%22%20fill%3D%22%23D8C4E8%22%2F%3E%3Ctext%20x%3D%22120%22%20y%3D%22162%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%22120%22%20font-weight%3D%22bold%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%3EM%3C%2Ftext%3E%3C%2Fsvg%3E" style="width:72px;height:72px;aspect-ratio:1/1;border-radius:50%;object-fit:contain;background:transparent;display:block;margin:14px auto 0;">
<div class="rvc-content">
<div class="rvc-name">Marina L.</div>
<div class="rvc-rating">★★★★★</div>
<p class="rvc-text">"El ebook me abrió un mundo completamente nuevo. Ahora entiendo la energía de mis cristales y los uso todos los días. Los bonos son increíbles, me hicieron arrancar desde cero sin miedo."</p>
</div>
</div>
<div class="rvc-item">
<img class="testimonial-image-large" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%22116%22%20fill%3D%22%23D8C4E8%22%2F%3E%3Ctext%20x%3D%22120%22%20y%3D%22162%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%22120%22%20font-weight%3D%22bold%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%3EC%3C%2Ftext%3E%3C%2Fsvg%3E" style="width:72px;height:72px;aspect-ratio:1/1;border-radius:50%;object-fit:contain;background:transparent;display:block;margin:14px auto 0;">
<div class="rvc-content">
<div class="rvc-name">Carolina T.</div>
<div class="rvc-rating">★★★★★</div>
<p class="rvc-text">"Soy terapeuta holística y esto cambió mi práctica. Incorporé los cristales a mis sesiones y mis clientes notan la diferencia. El bono 'Trabaja con Cristales' fue exactamente lo que necesitaba."</p>
</div>
</div>
<div class="rvc-item">
<img class="testimonial-image-large" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%22116%22%20fill%3D%22%23D8C4E8%22%2F%3E%3Ctext%20x%3D%22120%22%20y%3D%22162%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%22120%22%20font-weight%3D%22bold%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%3ER%3C%2Ftext%3E%3C%2Fsvg%3E" style="width:72px;height:72px;aspect-ratio:1/1;border-radius:50%;object-fit:contain;background:transparent;display:block;margin:14px auto 0;">
<div class="rvc-content">
<div class="rvc-name">Roxana M.</div>
<div class="rvc-rating">★★★★★</div>
<p class="rvc-text">"La guía es clara, accesible y muy práctica. No tenía experiencia con cristales y ahora tengo mi propio ritual diario. ¡Me siento más conectada que nunca!"</p>
</div>
</div>
<div class="rvc-item">
<img class="testimonial-image-large" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%22116%22%20fill%3D%22%23D8C4E8%22%2F%3E%3Ctext%20x%3D%22120%22%20y%3D%22162%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%22120%22%20font-weight%3D%22bold%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%3ES%3C%2Ftext%3E%3C%2Fsvg%3E" style="width:72px;height:72px;aspect-ratio:1/1;border-radius:50%;object-fit:contain;background:transparent;display:block;margin:14px auto 0;">
<div class="rvc-content">
<div class="rvc-name">Sofía G.</div>
<div class="rvc-rating">★★★★★</div>
<p class="rvc-text">"No me esperaba tanta calidad. El contenido es profundo pero fácil de entender. Ya armé mi propio altar con cristales y recomiendo esto a todas mis amigas."</p>
</div>
</div>
</div>
</section>
</div>
</section>
<!-- GARANTÍA -->
<section class="guarantee-section">
<div class="container">
<h2 style="color: var(--morado-marca);">Comenzá sin riesgo</h2>
<p style="color: var(--morado-marca);">
Si dentro de 7 días no sentís que El Poder de los Cristales te abre las puertas a una nueva forma de conectar con tu bienestar, nos escribís un mail simple y te devolvemos tu dinero. Completo. Sin preguntas. Sin trámite.
</p>
<div class="guarantee-box">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2292%22%20fill%3D%22%23fff%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%226%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2278%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%223%205%22%20opacity%3D%220.6%22%2F%3E%3Ctext%20x%3D%22100%22%20y%3D%2286%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%2258%22%20font-weight%3D%22bold%22%20fill%3D%22%23D8C4E8%22%20text-anchor%3D%22middle%22%3E30%3C%2Ftext%3E%3Ctext%20x%3D%22100%22%20y%3D%22120%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2220%22%20letter-spacing%3D%222%22%20fill%3D%22%233a2e2e%22%20text-anchor%3D%22middle%22%3ED%C3%8DAS%3C%2Ftext%3E%3Ctext%20x%3D%22100%22%20y%3D%22150%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2215%22%20letter-spacing%3D%221.5%22%20fill%3D%22%236a5a5a%22%20text-anchor%3D%22middle%22%3EGARANT%C3%8DA%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Garantía" class="guarantee-img">
<div class="guarantee-text">
<h3>Garantía de Satisfacción 🛡️</h3>
<p><strong>7 días</strong> para explorar sin riesgo</p>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq-section">
<div class="container">
<h2 style="color: var(--púrpura-principal);">🤔 Preguntas Frecuentes (FAQ)</h2>
<div class="faq-container">
<div class="faq-item">
<div class="faq-question">💎 ¿Qué son exactamente los cristales y piedras energéticas?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>Los cristales y piedras energéticas son minerales naturales que, según las prácticas holísticas y tradicionales, poseen propiedades vibracionales. Cada tipo de cristal tiene características únicas que pueden apoyar diferentes aspectos de tu bienestar emocional, físico y espiritual. En el ebook aprenderás a reconocerlos, entender sus propiedades y utilizarlos de manera consciente.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">🎁 ¿Qué incluyen los 2 bonos del pack?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>Por comprar hoy recibes GRATIS estos 2 bonos completos:</p>
<ul>
<li><strong>BONO 1 — "Descubrí los Cristales":</strong> Guía práctica para aprender desde cero cómo elegir, limpiar, cuidar y comenzar a utilizar cristales de manera consciente en tu vida cotidiana. Incluye la magia del equilibrio, los cimientos antes de empezar, el camino paso a paso y cómo aplicarlo.</li>
<li><strong>BONO 2 — "Trabaja con Cristales":</strong> Descubrí cómo incorporar los cristales a prácticas de bienestar, terapias holísticas, meditaciones y sesiones con clientes. Incluye fundamentos, materiales necesarios, el proceso paso a paso y cómo crear ingresos desde esta habilidad.</li>
</ul>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">🌙 ¿Necesito experiencia previa con cristales para seguir el ebook?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>No. El Poder de los Cristales está diseñado para ser completamente accesible, tanto si nunca has trabajado con cristales como si eres un practicante avanzado. El contenido es progresivo: comenzamos desde conceptos fundamentales y vamos hacia técnicas más profundas. Si eres coach, terapeuta o profesional holístico, también encontrarás ideas prácticas para integrar los cristales a tu oferta.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">📚 ¿Cómo accedo al ebook después de comprar?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>El Poder de los Cristales es 100% digital. Recibirás un enlace de descarga y acceso a tu cuenta inmediatamente después de completar tu compra. Podrás descargar el ebook en PDF y acceder desde cualquier dispositivo (celular, tablet, computadora) en cualquier momento.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">✨ ¿Qué voy a poder hacer después de completar el ebook?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>Al finalizar tendrás una base sólida para: reconocer diferentes cristales y sus usos tradicionales, elegir piedras según tu intención, limpiar, cargar y programar tus cristales, incorporarlos a meditaciones y rituales personales, crear prácticas propias de conexión y bienestar, y (si lo deseas) utilizarlos como herramienta complementaria en tu práctica profesional de bienestar.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">🔄 ¿Hay garantía si no me satisface?</div>
<div class="faq-answer">
<div class="faq-answer-content">
<p>Sí. Contamos con garantía de 7 días. Si por algún motivo el contenido no te satisface, devolvemos tu dinero sin preguntas. Queremos que te sientas completamente seguro/a en tu decisión de invertir en tu camino energético y holístico.</p>
</div>
</div>
</div>
</div>
<a href="#elige-tu-plan" class="cta-button" onclick="var el=document.getElementById('elige-tu-plan');if(el){parent.postMessage({edScrollTo:el.getBoundingClientRect().top+window.scrollY},'*');}return false;">Acceder Ahora a El Poder de los Cristales</a>
<div class="payment-methods">
<img alt="Métodos de pago seguros" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20420%2070%22%20width%3D%22420%22%20height%3D%2270%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%22418%22%20height%3D%2268%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M26%2024%20v-5%20a6%206%200%200%201%2012%200%20v5%22%20fill%3D%22none%22%20stroke%3D%22%23D8C4E8%22%20stroke-width%3D%223%22%2F%3E%3Ctext%20x%3D%2260%22%20y%3D%2242%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2220%22%20font-weight%3D%22bold%22%20fill%3D%22%233a2e2e%22%3EPAGO%20100%25%20SEGURO%3C%2Ftext%3E%3Crect%20x%3D%22300%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.85%22%2F%3E%3Crect%20x%3D%22336%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.6%22%2F%3E%3Crect%20x%3D%22372%22%20y%3D%2226%22%20width%3D%2230%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23D8C4E8%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E">
</div>
</div>
</section>
<!-- SECCIÓN DE PRECIOS - CORREGIDA -->
<section id="elige-tu-plan" class="pricing-section dark-theme">
<div class="container">
<h2>Elige Tu Acceso a El Poder de los Cristales</h2>
<p style="text-align: center; color: var(--púrpura-principal);">
Tanto si buscas comenzar tu práctica con cristales como si quieres acceso completo con soporte y comunidad, tenemos la opción ideal para vos.
</p>
<div class="pricing-grid">
<div class="pricing-card">
<div class="card-image-container">
<img alt="El Poder de los Cristales - Acceso Completo" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bundle.png">
</div>
<div class="pricing-header">
<h3>Pack El Poder de los Cristales</h3>
<p class="card-subtitle">El ebook completo + 2 bonos exclusivos para comenzar tu práctica.</p>
</div>
<div class="price-display">
<div class="price-new">$16.999 ARS</div><div class="savings-badge">💰 TE ESTÁS AHORRANDO $50.997 ARS (75% OFF)</div>
</div>
<ul class="feature-list">
<li><i class="fas fa-check-circle"></i> <span><strong>Ebook completo — 7 capítulos de contenido profundo</strong></span></li>
<li><i class="fas fa-check-circle"></i> <span><strong>BONO 1: "Descubrí los Cristales"</strong> — Guía práctica desde cero</span></li>
<li><i class="fas fa-check-circle"></i> <span><strong>BONO 2: "Trabaja con Cristales"</strong> — Para profesionales del bienestar</span></li>
<li><i class="fas fa-check-circle"></i> <span><strong>Acceso de por vida al contenido</strong></span></li>
<li><i class="fas fa-check-circle"></i> <span><strong>Descarga inmediata en PDF</strong></span></li>
<li><i class="fas fa-check-circle"></i> <span><strong>Garantía 7 días — devolución sin preguntas</strong></span></li>
</ul>
<a class="cta-button" href="https://secretosdeluniverso.com/cart/add?id=50516265304160&quantity=1" data-checkout="principal" onclick="parent.postMessage({edCheckout:this.href},'*');return false;">
Acceder a El Poder de los Cristales
</a>
</div>
<div class="pricing-card recommended">
<div class="card-image-container">
<img alt="Pack VIP — Cristales + Soporte Ilimitado" src="https://mtmbvvsiophxktnblgpz.supabase.co/storage/v1/object/public/landing-assets/projects/c8b6fece-15f8-406a-85b3-8335e4288e0c/mockup_bundle.png">
</div>
<div class="recommended-badge">
<i class="fas fa-star"></i>Más elegido
</div>
<div class="pricing-header">
<h3>Pack VIP — Cristales + Comunidad</h3>
<p class="card-subtitle">Todo el contenido + soporte 1-1 de por vida + comunidad VIP + regalos exclusivos</p>
</div>
<div class="price-display">
<div class="price-new">$24.140 ARS</div><div class="savings-badge">💰 TE ESTÁS AHORRANDO $72.420 ARS (75% OFF)</div>
</div>
<ul class="feature-list">
<li><i class="fas fa-check-circle"></i> <span><strong style="color: var(--púrpura-principal);">TODO lo del Pack El Poder de los Cristales</strong></span></li>
<li style="margin-top: 8px;"><i class="fas fa-gift" style="color: var(--púrpura-principal);"></i> <span><strong>Chat de Soporte 1-1 ilimitado DE POR VIDA</strong></span></li>
<li><i class="fas fa-gift" style="color: var(--púrpura-principal);"></i> <span><strong>Comunidad Club VIP en WhatsApp — conexión con otros practicantes</strong></span></li>
<li><i class="fas fa-gift" style="color: var(--púrpura-principal);"></i> <span><strong>5 Regalos Sorpresa Adicionales exclusivos VIP</strong></span></li>
<li><i class="fas fa-check-circle"></i> <span>Resuelve dudas sobre tu práctica directamente</span></li>
<li><i class="fas fa-check-circle"></i> <span>Recibe feedback personalizado en tu camino con los cristales</span></li>
<li><i class="fas fa-check-circle"></i> <span>Tips, rituales y combinaciones de cristales exclusivas cada semana</span></li>
</ul>
<a class="cta-button" href="https://secretosdeluniverso.com/cart/add?id=50516356169824&quantity=1" data-checkout="vip" onclick="parent.postMessage({edCheckout:this.href},'*');return false;">
Acceder a Pack VIP
</a>
</div>
</div>
<div class="urgency-badges-container">
<div class="viewers-badge">
<strong><span class="viewer-count">100</span> personas</strong> están explorando El Poder de los Cristales.
</div>
<div class="stock-badge">
<span class="pulse-dot"></span>
Acceso limitado — ¡Asegura tu lugar ahora!
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<p>© 2026 - SecretosUniversales.OK | Todos los derechos reservados</p>
<p>El Poder de los Cristales — Tu guía práctica para conectar con la energía y el bienestar holístico.</p>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Carrusel principal mejorado para móvil
const mainCarousel = document.getElementById('mainCarousel');
const mainSlides = mainCarousel.querySelector('.main-carousel-slides');
const mainSlideElements = mainCarousel.querySelectorAll('.main-carousel-slide');
const mainPrevBtn = mainCarousel.querySelector('.prev');
const mainNextBtn = mainCarousel.querySelector('.next');
const mainDotsContainer = mainCarousel.querySelector('.main-carousel-dots');
let currentMainSlide = 0;
const totalMainSlides = mainSlideElements.length;
let isDragging = false;
let startPos = 0;
let currentTranslate = 0;
let prevTranslate = 0;
let animationID;
let currentIndex = 0;
// Crear dots para carrusel principal
for (let i = 0; i < totalMainSlides; i++) {
const dot = document.createElement('span');
dot.classList.add('main-carousel-dot');
if (i === 0) dot.classList.add('active');
dot.addEventListener('click', () => {
goToMainSlide(i);
});
mainDotsContainer.appendChild(dot);
}
const mainDots = mainCarousel.querySelectorAll('.main-carousel-dot');
function goToMainSlide(n) {
currentMainSlide = (n + totalMainSlides) % totalMainSlides;
currentIndex = currentMainSlide;
updateSliderPosition();
// Actualizar dots
mainDots.forEach((dot, index) => {
dot.classList.toggle('active', index === currentMainSlide);
});
// Actualizar número de slide
const slideNumbers = mainCarousel.querySelectorAll('.slide-number');
slideNumbers.forEach((number, index) => {
number.textContent = `${currentMainSlide + 1}/${totalMainSlides}`;
});
}
function updateSliderPosition() {
mainSlides.style.transform = `translateX(-${currentIndex * 12.5}%)`;
}
// Navegación con botones
mainPrevBtn.addEventListener('click', () => {
goToMainSlide(currentMainSlide - 1);
});
mainNextBtn.addEventListener('click', () => {
goToMainSlide(currentMainSlide + 1);
});
// Touch events para móvil
mainSlides.addEventListener('touchstart', touchStart);
mainSlides.addEventListener('touchend', touchEnd);
mainSlides.addEventListener('touchmove', touchMove);
function touchStart(event) {
startPos = getPositionX(event);
isDragging = true;
animationID = requestAnimationFrame(animation);
mainSlides.style.cursor = 'grabbing';
mainSlides.style.transition = 'none';
}
function touchEnd() {
isDragging = false;
cancelAnimationFrame(animationID);
mainSlides.style.cursor = 'grab';
const movedBy = currentTranslate - prevTranslate;
const slideWidth = mainCarousel.offsetWidth / 8;
if (movedBy < -50 && currentIndex < totalMainSlides - 1) {
currentIndex += 1;
}
if (movedBy > 50 && currentIndex > 0) {
currentIndex -= 1;
}
goToMainSlide(currentIndex);
mainSlides.style.transition = 'transform 0.5s ease-in-out';
}
function touchMove(event) {
if (isDragging) {
const currentPosition = getPositionX(event);
currentTranslate = prevTranslate + currentPosition - startPos;
}
}
function getPositionX(event) {
return event.type.includes('mouse') ? event.pageX : event.touches[0].clientX;
}
function animation() {
if (isDragging) {
mainSlides.style.transform = `translateX(${currentTranslate}px)`;
requestAnimationFrame(animation);
}
}
// Auto-play para carrusel principal (8 imágenes)
let mainCarouselInterval = setInterval(() => {
goToMainSlide(currentMainSlide + 1);
}, 4000);
// Pausar auto-play al interactuar
mainCarousel.addEventListener('mouseenter', () => {
clearInterval(mainCarouselInterval);
});
mainCarousel.addEventListener('mouseleave', () => {
mainCarouselInterval = setInterval(() => {
goToMainSlide(currentMainSlide + 1);
}, 4000);
});
// Carrusel de testimonios
const testimonialCarousel = document.getElementById('carousel-1');
const testimonialSlides = testimonialCarousel.querySelector('.carousel-slides');
const testimonialSlideElements = testimonialCarousel.querySelectorAll('.carousel-slide');
const testimonialPrevBtn = testimonialCarousel.querySelector('.prev');
const testimonialNextBtn = testimonialCarousel.querySelector('.next');
const testimonialDotsContainer = testimonialCarousel.querySelector('.carousel-dots');
let currentTestimonialSlide = 0;
const totalTestimonialSlides = testimonialSlideElements.length;
// Crear dots para carrusel de testimonios
for (let i = 0; i < totalTestimonialSlides; i++) {
const dot = document.createElement('span');
dot.classList.add('dot');
if (i === 0) dot.classList.add('active');
dot.addEventListener('click', () => {
goToTestimonialSlide(i);
});
testimonialDotsContainer.appendChild(dot);
}
const testimonialDots = testimonialCarousel.querySelectorAll('.dot');
function goToTestimonialSlide(n) {
currentTestimonialSlide = (n + totalTestimonialSlides) % totalTestimonialSlides;
testimonialSlides.style.transform = `translateX(-${currentTestimonialSlide * 100}%)`;
// Actualizar dots
testimonialDots.forEach((dot, index) => {
dot.classList.toggle('active', index === currentTestimonialSlide);
});
}
testimonialPrevBtn.addEventListener('click', () => {
goToTestimonialSlide(currentTestimonialSlide - 1);
});
testimonialNextBtn.addEventListener('click', () => {
goToTestimonialSlide(currentTestimonialSlide + 1);
});
// FAQ Accordion
const faqQuestions = document.querySelectorAll('.faq-question');
faqQuestions.forEach(question => {
question.addEventListener('click', () => {
const answer = question.nextElementSibling;
const isActive = question.classList.contains('active');
// Cerrar todas las demás FAQ
faqQuestions.forEach(q => {
q.classList.remove('active');
q.nextElementSibling.style.maxHeight = null;
});
// Abrir la actual si no estaba abierta
if (!isActive) {
question.classList.add('active');
answer.style.maxHeight = answer.scrollHeight + 'px';
}
});
});
// Countdown
function updateCountdown() {
const countdownElement = document.getElementById('flash-sale-countdown');
const now = new Date();
const endOfDay = new Date();
endOfDay.setHours(23, 59, 59, 999);
const diff = endOfDay - now;
const hours = Math.floor(diff / (1000 * 60 * 60));
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
if (countdownElement) {
countdownElement.textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
}
// Actualizar también el countdown de la oferta
const offerCountdownContainer = document.getElementById('offerCountdownContainer');
if (offerCountdownContainer) {
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
offerCountdownContainer.innerHTML = `
<div class="countdown-segment">
<div class="countdown-number">${hours.toString().padStart(2, '0')}</div>
<div class="countdown-label">Horas</div>
</div>
<div class="countdown-segment">
<div class="countdown-number">${minutes.toString().padStart(2, '0')}</div>
<div class="countdown-label">Minutos</div>
</div>
<div class="countdown-segment">
<div class="countdown-number">${seconds.toString().padStart(2, '0')}</div>
<div class="countdown-label">Segundos</div>
</div>
`;
}
}
// Inicializar countdown
updateCountdown();
setInterval(updateCountdown, 1000);
// Contador de viewers simulado
function updateViewerCount() {
const viewerCountElement = document.querySelector('.viewer-count');
if (viewerCountElement) {
const currentCount = parseInt(viewerCountElement.textContent);
const randomIncrement = Math.floor(Math.random() * 3);
viewerCountElement.textContent = currentCount + randomIncrement;
}
}
// Actualizar cada 30 segundos
setInterval(updateViewerCount, 30000);
// Smooth scroll para enlaces internos
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
});
</script>
<script>(function(){function p(){var b=document.body,d=document.documentElement;var h=Math.max(d.scrollHeight,b?b.scrollHeight:0);parent.postMessage({edLandingHeight:h},'*');}window.addEventListener('load',p);window.addEventListener('resize',p);[300,1200,3000].forEach(function(t){setTimeout(p,t);});if(window.ResizeObserver&&document.body){try{new ResizeObserver(p).observe(document.body);}catch(e){}}})();</script></body>
</html>"></iframe>
</div>
<script>(function(){var f=document.getElementById('ed-landing-frame');if(!f)return;window.addEventListener('message',function(e){if(!e||!e.data)return;if(e.data.edLandingHeight){f.style.height=e.data.edLandingHeight+'px';}if(typeof e.data.edCheckout==='string'&&e.data.edCheckout.indexOf('https://')===0){window.location.href=e.data.edCheckout;}if(typeof e.data.edScrollTo==='number'){var t=f.getBoundingClientRect().top+window.scrollY+e.data.edScrollTo;window.scrollTo({top:t,behavior:'smooth'});}});})();</script>