¿Qué tipo de mami serás?

Question

¡No olvides dejar tu respuesta en los comentarios! ¿Qué tipo de mamá serás? * { margin: 0; padding: 0; box-sizing: border-box; } .quiz-container { max-width: 400px; margin: 20px auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; background: linear-gradient(135deg, #fdf2f8 0%, #f3e8ff 100%); border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .quiz-header { text-align: center; margin-bottom: 25px; } .quiz-title { font-size: 24px; font-weight: bold; color: #1f2937; margin-bottom: 10px; } .quiz-subtitle { color: #6b7280; font-size: 16px; } .progress-bar { margin-bottom: 25px; } .progress-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 14px; color: #6b7280; } .progress-track { width: 100%; height: 8px; background: #e5e7eb; border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; background: linear-gradient(90deg, #ec4899 0%, #8b5cf6 100%); border-radius: 10px; transition: width 0.5s ease; } .question-card { background: white; border-radius: 20px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin-bottom: 20px; } .question-text { font-size: 18px; font-weight: 600; color: #1f2937; margin-bottom: 20px; line-height: 1.5; } .option { width: 100%; padding: 15px 20px; margin-bottom: 12px; background: #f9fafb; border: 2px solid transparent; border-radius: 15px; text-align: left; cursor: pointer; font-size: 16px; color: #374151; transition: all 0.2s ease; display: flex; justify-content: space-between; align-items: center; } .option:hover { background: linear-gradient(135deg, #fdf2f8 0%, #f3e8ff 100%); border-color: #ec4899; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(236,72,153,0.2); } .arrow { color: #9ca3af; font-size: 18px; transition: color 0.2s ease; } .option:hover .arrow { color: #ec4899; } .result-card { background: white; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .result-icon { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; font-size: 36px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .result-title { font-size: 24px; font-weight: bold; color: #1f2937; margin-bottom: 15px; } .result-description { color: #6b7280; line-height: 1.6; margin-bottom: 20px; } .result-traits { background: #f9fafb; border-radius: 15px; padding: 20px; margin-bottom: 20px; } .traits-title { font-weight: 600; color: #1f2937; margin-bottom: 15px; } .trait { display: flex; align-items: center; margin-bottom: 8px; color: #6b7280; font-size: 14px; } .trait-dot { width: 8px; height: 8px; background: #ec4899; border-radius: 50%; margin-right: 12px; } .button { width: 100%; padding: 15px; border: none; border-radius: 15px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; margin-bottom: 10px; } .button-primary { background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%); color: white; } .button-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(236,72,153,0.3); } .button-secondary { background: #f3f4f6; color: #374151; } .button-secondary:hover { background: #e5e7eb; } .fun-fact { text-align: center; font-size: 14px; color: #9ca3af; margin-top: 15px; } .hidden { display: none; } .organized { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); } .relaxed { background: linear-gradient(135deg, #10b981 0%, #059669 100%); } .adventurous { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); } .nurturing { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); } ¿Qué tipo de mamá serás? Descubre tu estilo maternal en solo 4 preguntas Pregunta 1 de 4 25% Es sábado por la mañana, tu bebé está despierto. ¿Qué haces? Planificar actividades educativas divertidas → Acurrucarnos en la cama y ver qué pasa → Salir a explorar el parque o un lugar nuevo → Preparar un desayuno especial juntos → 📋 ¡Eres una Mamá Organizada! Eres la mamá que tiene todo bajo control. Planificas, organizas y siempre estás un paso adelante. Tus características: Súper preparada Hacer el test de nuevo Compartir mi resultado 💡 No hay respuestas correctas o incorrectas, ¡solo descubre tu estilo! const questions = [ { question: "Es sábado por la mañana, tu bebé está despierto. ¿Qué haces?", options: [ { text: "Planificar actividades educativas divertidas", type: "organized" }, { text: "Acurrucarnos en la cama y ver qué pasa", type: "relaxed" }, { text: "Salir a explorar el parque o un lugar nuevo", type: "adventurous" }, { text: "Preparar un desayuno especial juntos", type: "nurturing" } ] }, { question: "Tu bebé llora y no sabes por qué. ¿Cuál es tu reacción?", options: [ { text: "Reviso mi lista mental: hambre, pañal, sueño...", type: "organized" }, { text: "Lo cargo y vemos qué necesita paso a paso", type: "relaxed" }, { text: "Probamos diferentes cosas hasta encontrar la solución", type: "adventurous" }, { text: "Lo abrazo fuerte y le hablo con cariño", type: "nurturing" } ] }, { question: "¿Cómo imaginas la habitación perfecta para tu bebé?", options: [ { text: "Organizada, con todo en su lugar y etiquetado", type: "organized" }, { text: "Cómoda y acogedora, sin complicaciones", type: "relaxed" }, { text: "Llena de colores, texturas y cosas por descubrir", type: "adventurous" }, { text: "Un nido de amor con fotos familiares y recuerdos", type: "nurturing" } ] }, { question: "Tu bebé da sus primeros pasos. ¿Cómo reaccionas?", options: [ { text: "¡Grabo todo y actualizo su libro de desarrollo!", type: "organized" }, { text: "Me emociono y disfruto el momento presente", type: "relaxed" }, { text: "¡Vamos a explorar toda la casa juntos!", type: "adventurous" }, { text: "Lloro de emoción y llamo a toda la familia", type: "nurturing" } ] } ]; const results = { organized: { title: "Mamá Organizada 📋", description: "Eres la mamá que tiene todo bajo control. Planificas, organizas y siempre estás un paso adelante. Tu bebé crecerá en un ambiente estructurado y lleno de amor.", traits: ["Súper preparada", "Ama las rutinas", "Siempre tiene un plan B"], icon: "📋", class: "organized" }, relaxed: { title: "Mamá Tranquila 🌸", description: "Eres la mamá que fluye con naturalidad. Confías en tu instinto y creates un ambiente relajado y feliz. Tu bebé crecerá sintiéndose seguro y amado.", traits: ["Va con la corriente", "Super calmada", "Disfruta cada momento"], icon: "🌸", class: "relaxed" }, adventurous: { title: "Mamá Aventurera 🌟", description: "Eres la mamá que convierte todo en una aventura. Exploradora por naturaleza, le enseñarás a tu bebé que el mundo está lleno de maravillas por descubrir.", traits: ["Siempre lista para explorar", "Creativa y espontánea", "Ama los nuevos desafíos"], icon: "🌟", class: "adventurous" }, nurturing: { title: "Mamá Corazón 💕", description: "Eres la mamá que derrama amor por todos lados. Tu instinto protector y cariñoso hará que tu bebé crezca sintiéndose el ser más amado del mundo.", traits: ["Súper cariñosa", "Muy intuitiva", "El amor es su idioma"], icon: "💕", class: "nurturing" } }; let currentQuestion = 0; let answers = []; function updateProgress() { const progress = ((currentQuestion + 1) / questions.length) * 100; document.getElementById('current-q').textContent = currentQuestion + 1; document.getElementById('progress-percent').textContent = Math.round(progress); document.getElementById('progress-fill').style.width = progress + '%'; } function updateQuestion() { const question = questions[currentQuestion]; document.getElementById('question-text').textContent = question.question; const optionsContainer = document.getElementById('options-container'); optionsContainer.innerHTML = ''; question.options.forEach(option => { const button = document.createElement('button'); button.className = 'option'; button.onclick = () => selectAnswer(option.type); button.innerHTML = ` ${option.text} → `; optionsContainer.appendChild(button); }); } function selectAnswer(answerType) { answers.push(answerType); if (currentQuestion < questions.length - 1) { currentQuestion++; updateProgress(); updateQuestion(); } else { showResult(); } } function showResult() { // Count answers const counts = {}; answers.forEach(answer => { counts[answer] = (counts[answer] || 0) + 1; }); // Find most frequent answer const resultType = Object.keys(counts).reduce((a, b) => counts[a] > counts[b] ? a : b ); const result = results[resultType]; // Update result display document.getElementById('result-icon').textContent = result.icon; document.getElementById('result-icon').className = `result-icon ${result.class}`; document.getElementById('result-title').textContent = `¡Eres una ${result.title}!`; document.getElementById('result-description').textContent = result.description; // Update traits const traitsList = document.getElementById('traits-list'); traitsList.innerHTML = ''; result.traits.forEach(trait => { const traitDiv = document.createElement('div'); traitDiv.className = 'trait'; traitDiv.innerHTML = ` ${trait} `; traitsList.appendChild(traitDiv); }); // Show result, hide questions document.getElementById('question-container').classList.add('hidden'); document.getElementById('result-container').classList.remove('hidden'); document.querySelector('.progress-bar').classList.add('hidden'); } function resetQuiz() { currentQuestion = 0; answers = []; document.getElementById('question-container').classList.remove('hidden'); document.getElementById('result-container').classList.add('hidden'); document.querySelector('.progress-bar').classList.remove('hidden'); updateProgress(); updateQuestion(); } function shareResult() { const resultTitle = document.getElementById('result-title').textContent; if (navigator.share) { navigator.share({ title: 'Mi resultado del test de mamá', text: `${resultTitle} ¿Cuál será tu tipo de mamá?`, url: window.location.href }); } else { // Fallback for browsers that don't support Web Share API const text = `${resultTitle} ¿Cuál será tu tipo de mamá? Haz el test aquí: ${window.location.href}`; if (navigator.clipboard) { navigator.clipboard.writeText(text).then(() => { alert('¡Resultado copiado! Pégalo donde quieras compartirlo.'); }); } else { alert('¡Tu resultado es: ' + resultTitle + '!'); } } } // Initialize updateProgress(); updateQuestion();

Anonymous · Answer

Tranquila 💕😂 ayy ojalaaaa

Anonymous · Answer

Aún no nace pero pienso que ir a explorar el mundo 🤗

¿Qué tipo de mami serás?

¡No olvides dejar tu respuesta en los comentarios!

¿Qué tipo de mamá serás?

Es sábado por la mañana, tu bebé está despierto. ¿Qué haces?

¡Eres una Mamá Organizada!

Tus características:

Comentarios

Sigue leyendo

Mensaje especial de parte del equipo amma

¿Cómo saber si estoy embarazada? Signos tempranos y pruebas

Mensaje importante para todas las mamis 🚨

200+ Nombres para Niñas Bonitos y Originales | México 2024

¿Cuál fue tu reacción al ver la prueba?

Cómo Preparar a tu Hijo Mayor para Gemelos [Guía 2026]

✨️ Amable recordatorio ✨️

Explora todos los artículos del blog de amma

Únete a miles de conversaciones reales

¿quieres conocer a mujeres como tú?