<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- SEO Meta Tags -->
<title>Taller Mamá e Hija: Bienvenida mi Menstruación | 25 de Abril</title>
<meta name="description" content="Un taller único para mamás e hijas donde aprenderán juntas sobre la menstruación y la ciclicidad femenina en un espacio amoroso y seguro. Sábado 25 de abril, 10am a 3pm. ¡Cupo limitado! Inscríbete hoy." />
<meta name="keywords" content="taller mamá e hija, primera menstruación, pubertad niñas, ciclicidad femenina, educación menstrual, taller menstruación, acompañamiento pubertad" />
<meta name="author" content="Taller Bienvenida mi Menstruación" />
<!-- Open Graph (para compartir en redes sociales) -->
<meta property="og:title" content="Taller Mamá e Hija: Bienvenida mi Menstruación" />
<meta property="og:description" content="Vive una mañana única con tu hija. Aprenderán juntas sobre la menstruación en un espacio seguro, amoroso y transformador. ¡Cupo limitado!" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="es_MX" />
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
color: #3d2c2c;
background-color: #fff9f9;
}
/* HERO */
.hero {
background: linear-gradient(135deg, #ffe0ec, #fdf3f8);
text-align: center;
padding: 80px 20px 60px;
}
.hero .emoji-top {
font-size: 3rem;
margin-bottom: 16px;
}
.hero h1 {
font-size: 2.6rem;
color: #c0396b;
line-height: 1.3;
margin-bottom: 16px;
}
.hero p.subtitle {
font-size: 1.2rem;
color: #6b3f52;
max-width: 620px;
margin: 0 auto 32px;
line-height: 1.7;
}
.btn-primary {
background-color: #c0396b;
color: white;
padding: 16px 40px;
border-radius: 50px;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
transition: background 0.3s;
font-family: 'Georgia', serif;
}
.btn-primary:hover {
background-color: #a02d58;
}
/* SECCIÓN: QUÉ VIVIRÁN */
.section {
padding: 60px 20px;
max-width: 860px;
margin: 0 auto;
text-align: center;
}
.section h2 {
font-size: 2rem;
color: #c0396b;
margin-bottom: 12px;
}
.section .intro-text {
font-size: 1.05rem;
color: #6b3f52;
margin-bottom: 40px;
line-height: 1.7;
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
}
.card {
background: #fff0f5;
border-radius: 20px;
padding: 32px 24px;
width: 240px;
box-shadow: 0 4px 12px rgba(192, 57, 107, 0.1);
}
.card .icon {
font-size: 2.4rem;
margin-bottom: 12px;
}
.card h3 {
font-size: 1.1rem;
color: #c0396b;
margin-bottom: 8px;
}
.card p {
font-size: 0.95rem;
color: #6b3f52;
line-height: 1.6;
}
/* SECCIÓN: PARA QUIÉN */
.for-who {
background: linear-gradient(135deg, #fdf3f8, #ffe0ec);
padding: 60px 20px;
text-align: center;
}
.for-who h2 {
font-size: 2rem;
color: #c0396b;
margin-bottom: 16px;
}
.for-who ul {
list-style: none;
max-width: 600px;
margin: 0 auto;
text-align: left;
}
.for-who ul li {
font-size: 1.05rem;
color: #6b3f52;
padding: 10px 0;
border-bottom: 1px solid #f5c6d8;
line-height: 1.6;
}
.for-who ul li::before {
content: "🌸 ";
}
/* SECCIÓN: DETALLES */
.details {
padding: 60px 20px;
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.details h2 {
font-size: 2rem;
color: #c0396b;
margin-bottom: 32px;
}
.details-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-bottom: 40px;
}
.detail-item {
background: #fff0f5;
border-radius: 16px;
padding: 24px 28px;
min-width: 180px;
box-shadow: 0 4px 10px rgba(192, 57, 107, 0.08);
}
.detail-item .icon {
font-size: 2rem;
margin-bottom: 8px;
}
.detail-item p {
font-size: 0.95rem;
color: #6b3f52;
line-height: 1.5;
}
.detail-item strong {
color: #c0396b;
font-size: 1.05rem;
}
.cupo-badge {
background-color: #c0396b;
color: white;
padding: 10px 28px;
border-radius: 50px;
font-size: 1rem;
display: inline-block;
margin-bottom: 32px;
}
/* CTA FINAL */
.cta-final {
background: linear-gradient(135deg, #ffe0ec, #fdf3f8);
padding: 70px 20px;
text-align: center;
}
.cta-final h2 {
font-size: 2rem;
color: #c0396b;
margin-bottom: 16px;
}
.cta-final p {
font-size: 1.1rem;
color: #6b3f52;
margin-bottom: 32px;
line-height: 1.7;
}
.phone-link {
font-size: 1.4rem;
color: #c0396b;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 24px;
}
.btn-whatsapp {
background-color: #25d366;
color: white;
padding: 16px 40px;
border-radius: 50px;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
transition: background 0.3s;
font-family: 'Georgia', serif;
}
.btn-whatsapp:hover {
background-color: #1ebe5d;
}
/* FOOTER */
footer {
text-align: center;
padding: 24px;
font-size: 0.85rem;
color: #b07a90;
background-color: #fff9f9;
}
/* RESPONSIVE */
@media (max-width: 600px) {
.hero h1 {
font-size: 1.9rem;
}
.cards {
flex-direction: column;
align-items: center;
}
.card {
width: 100%;
max-width: 320px;
}
.details-grid {
flex-direction: column;
align-items: center;
}
}
</style>
</head>
<body>
<!-- HERO -->
<header class="hero">
<div class="emoji-top">🌸👩👧💖</div>
<h1>Taller Mamá e Hija:<br />Bienvenida mi Menstruación</h1>
<p class="subtitle">
Un espacio amoroso y seguro donde tú y tu hija aprenderán juntas
sobre la menstruación, la ciclicidad femenina y construirán
un vínculo que las acompañará toda la vida. 🌟
</p>
<a href="#inscripcion" class="btn-primary">✨ Quiero inscribirme</a>
</header>
<!-- QUÉ VIVIRÁN -->
<section class="section" aria-label="Qué vivirán en el taller">
<h2>¿Qué vivirán juntas? 💫</h2>
<p class="intro-text">
Durante una mañana especial, mamá e hija compartirán un espacio
transformador lleno de amor, aprendizaje y conexión profunda.
</p>
<div class="cards">
<div class="card">
<div class="icon">🫶</div>
<h3>Comunicación amorosa</h3>
<p>Sentarán las bases de un diálogo abierto y amoroso para esta etapa y las que vienen.</p>
</div>
<div class="card">
<div class="icon">🌙</div>
<h3>Ciclicidad femenina</h3>
<p>Aprenderán juntas la maravilla del ciclo menstrual con información clara y positiva.</p>
</div>
<div class="card">
<div class="icon">💖</div>
<h3>Vínculo fortalecido</h3>
<p>Vivirán una experiencia única que fortalecerá su relación de una manera especial.</p>
</div>
<div class="card">
<div class="icon">🌟</div>
<h3>Recuerdos para siempre</h3>
<p>Una mañana que ambas atesorarán como un momento mágico en su historia juntas.</p>
</div>
</div>
</section>
<!-- PARA QUIÉN ES -->
<section class="for-who" aria-label="Para quién es el taller">
<div style="max-width: 700px; margin: 0 auto;">
<h2>¿Es para ustedes? 🌺</h2>
<ul>
<li>Tu hija está en la etapa de la pubertad o está por entrar a ella</li>
<li>Quieres acompañarla de manera cercana, informada y amorosa</li>
<li>Deseas que viva su primera menstruación con confianza y sin miedo</li>
<li>Buscas fortalecer la comunicación y el vínculo con ella</li>
<li>Quieres darle una experiencia que recuerde toda su vida</li>
</ul>
</div>
</section>
<!-- DETALLES DEL TALLER -->
<section class="details" id="inscripcion" aria-label="Detalles del taller">
<h2>📋 Detalles del taller</h2>
<div class="details-grid">
<div class="detail-item">
<div class="icon">📅</div>
<p><strong>Fecha</strong><br />Sábado 25 de abril</p>
</div>
<div class="detail-item">
<div class="icon">⏰</div>
<p><strong>Horario</strong><br />10:00 am – 3:00 pm</p>
</div>
<div class="detail-item">
<div class="icon">💛</div>
<p><strong>Inversión</strong><br />$1,500<br />mamá e hija</p>
</div>
</div>
<div class="cupo-badge">⚠️ ¡Cupo limitado!</div>
</section>
<!-- CTA FINAL -->
<section class="cta-final" aria-label="Inscripción al taller">
<h2>¡Regálense esta experiencia! 🎁</h2>
<p>
No dejes pasar este momento tan especial.<br />
Escríbenos ahora para informes e inscripciones:
</p>
<a href="tel:8441593903" class="phone-link">📱 844 159 3903</a>
<br />
<a
href="https://wa.me/528441593903?text=Hola,%20me%20interesa%20el%20taller%20Mamá%20e%20Hija:%20Bienvenida%20mi%20Menstruación%20🌸"
class="btn-whatsapp"
target="_blank"
rel="noopener noreferrer"
>
💬 Escribir por WhatsApp
</a>
</section>
<!-- FOOTER -->
<footer>
<p>🌸 Taller Mamá e Hija: Bienvenida mi Menstruación © 2025 · Todos los derechos reservados</p>
</footer>
</body>
</html>
No hay comentarios.:
Publicar un comentario
😊Comenta aquí 👇