TEST: ¿Cómo ponerle a tu bebé?

Question

¡Deja tu respuesta en los comentarios! ¿Qué nombre deberá tener tu bebé? * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: rgba(255, 255, 255, 0.95); border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden; } .header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-align: center; padding: 30px; } .header h1 { font-size: 2.5em; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .header p { font-size: 1.1em; opacity: 0.9; } .quiz-container { padding: 40px; } .question { display: none; animation: fadeIn 0.5s ease-in; } .question.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .question h3 { color: #333; font-size: 1.4em; margin-bottom: 25px; text-align: center; } .question-number { background: #667eea; color: white; border-radius: 50%; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; } .options { display: grid; gap: 15px; } .option { background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 12px; padding: 15px 20px; cursor: pointer; transition: all 0.3s ease; font-size: 1.1em; } .option:hover { background: #e3f2fd; border-color: #667eea; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2); } .navigation { display: flex; justify-content: space-between; margin-top: 30px; } .btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 12px 25px; border-radius: 25px; cursor: pointer; font-size: 1em; font-weight: bold; transition: all 0.3s ease; } .btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); } .btn:disabled { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; } .progress-bar { background: #e9ecef; height: 8px; border-radius: 4px; margin: 20px 0; overflow: hidden; } .progress { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); height: 100%; transition: width 0.3s ease; border-radius: 4px; } .result { display: none; text-align: center; padding: 40px; } .result.show { display: block; animation: fadeIn 0.5s ease-in; } .result h2 { color: #333; font-size: 2.2em; margin-bottom: 20px; } .result-description { font-size: 1.2em; color: #666; margin-bottom: 30px; line-height: 1.6; } .name-suggestions { background: #f8f9fa; border-radius: 15px; padding: 25px; margin: 20px 0; } .name-suggestions h3 { color: #333; margin-bottom: 15px; font-size: 1.3em; } .names-list { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .name-tag { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 1em; } .restart-btn { margin-top: 30px; background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%); } .restart-btn:hover { box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); } @media (max-width: 600px) { .container { margin: 10px; border-radius: 15px; } .header h1 { font-size: 2em; } .quiz-container { padding: 20px; } } 🍼 ¿Qué nombre deberá tener tu bebé? 👶 Descubre el estilo perfecto para el nombre de tu futuro hijo/a 1¿Cómo describirías tu personalidad? Clásica y conservadora Atrevida y única Creativa y soñadora Equilibrada y práctica 2¿Qué tipo de libros prefieres? Clásicos de la literatura Biografías de personas exitosas Fantasía y ciencia ficción Novelas contemporáneas 3¿Cómo prefieres decorar tu hogar? Estilo clásico y elegante Moderno y llamativo Bohemio y artístico Minimalista y funcional 4¿Qué importancia le das a las tradiciones familiares? Son muy importantes para mí Prefiero crear mis propias tradiciones Me gustan las tradiciones con un toque mágico Algunas son importantes, otras no 5¿Qué tipo de música escuchas más? Música clásica o tradicional Rock, pop o música alternativa Música étnica o new age Un poco de todo 6¿Cómo te gustaría que fuera tu hijo/a en el futuro? Respetuoso/a y con buenos valores Líder y emprendedor/a Artista y creativo/a Feliz y equilibrado/a 7¿Qué piensas sobre los nombres únicos? Prefiero nombres conocidos y probados Me encantan, quiero algo diferente Me gustan los nombres con historia o significado especial Un poco inusual está bien 8¿Qué actividad prefieres en tu tiempo libre? Leer o hacer actividades familiares Deportes extremos o aventuras Escribir, pintar o crear Ver películas o salir con amigos 9¿Cómo reaccionas ante los cambios? Prefiero la estabilidad Los abrazo con entusiasmo Los veo como nuevas oportunidades mágicas Los acepto cuando son necesarios 10¿Qué es lo más importante en un nombre? Que tenga historia familiar Que sea memorable y fuerte Que tenga un significado hermoso Que sea fácil de pronunciar Anterior Siguiente Sugerencias de nombres: Hacer el test de nuevo let currentQuestion = 1; let answers = {}; const totalQuestions = 10; const results = { traditional: { title: "🎩 Estilo Tradicional", description: "Valoras la elegancia clásica y la conexión con las raíces familiares. Los nombres tradicionales reflejan tu amor por la historia y los valores atemporales.", names: ["María", "Antonio", "Carmen", "Francisco", "Isabel"] }, bold: { title: "⚡ Estilo Atrevido", description: "Eres una persona audaz que no teme destacar. Los nombres atrevidos reflejan tu personalidad fuerte y tu deseo de que tu hijo/a sea único/a y memorable.", names: ["Zara", "Axel", "Luna", "Phoenix", "Nova"] }, fantasy: { title: "✨ Estilo Fantasía", description: "Tienes un alma creativa y soñadora. Los nombres de fantasía reflejan tu amor por lo mágico y tu deseo de que tu hijo/a tenga un nombre con historia especial.", names: ["Ariadna", "Orion", "Seraphina", "Atlas", "Morgana"] }, neutral: { title: "🌟 Estilo Neutral", description: "Buscas el equilibrio perfecto entre originalidad y practicidad. Los nombres neutrales son modernos pero no extremos, perfectos para cualquier personalidad.", names: ["Sofía", "Daniel", "Emma", "Lucas", "Olivia"] } }; function updateProgress() { const progress = ((currentQuestion - 1) / totalQuestions) * 100; document.getElementById('progressBar').style.width = progress + '%'; } function selectAnswer(questionNum, answer) { answers[questionNum] = answer; // Highlight selected option const options = document.querySelectorAll(`#question${questionNum} .option`); options.forEach(option => option.style.background = '#f8f9fa'); event.target.style.background = '#e3f2fd'; event.target.style.borderColor = '#667eea'; // Enable next button document.getElementById('nextBtn').disabled = false; } function nextQuestion() { if (currentQuestion < totalQuestions) { document.getElementById(`question${currentQuestion}`).classList.remove('active'); currentQuestion++; document.getElementById(`question${currentQuestion}`).classList.add('active'); // Reset button states document.getElementById('nextBtn').disabled = true; document.getElementById('prevBtn').disabled = currentQuestion === 1; // Check if answer already selected if (answers[currentQuestion]) { document.getElementById('nextBtn').disabled = false; } updateProgress(); } else if (currentQuestion === totalQuestions && answers[currentQuestion]) { showResult(); } } function previousQuestion() { if (currentQuestion > 1) { document.getElementById(`question${currentQuestion}`).classList.remove('active'); currentQuestion--; document.getElementById(`question${currentQuestion}`).classList.add('active'); document.getElementById('nextBtn').disabled = false; document.getElementById('prevBtn').disabled = currentQuestion === 1; updateProgress(); } } function showResult() { // Calculate result const scores = { traditional: 0, bold: 0, fantasy: 0, neutral: 0 }; for (let i = 1; i <= totalQuestions; i++) { if (answers[i]) { scores[answers[i]]++; } } // Find the highest score let maxScore = 0; let resultType = 'neutral'; for (const [type, score] of Object.entries(scores)) { if (score > maxScore) { maxScore = score; resultType = type; } } // Display result const result = results[resultType]; document.getElementById('resultTitle').textContent = result.title; document.getElementById('resultDescription').textContent = result.description; const namesList = document.getElementById('namesList'); namesList.innerHTML = ''; result.names.forEach(name => { const nameTag = document.createElement('span'); nameTag.className = 'name-tag'; nameTag.textContent = name; namesList.appendChild(nameTag); }); // Hide quiz and show result document.querySelector('.quiz-container').style.display = 'none'; document.getElementById('result').classList.add('show'); updateProgress(); document.getElementById('progressBar').style.width = '100%'; } function restartQuiz() { currentQuestion = 1; answers = {}; // Reset all questions document.querySelectorAll('.question').forEach(q => q.classList.remove('active')); document.getElementById('question1').classList.add('active'); // Reset option styles document.querySelectorAll('.option').forEach(option => { option.style.background = '#f8f9fa'; option.style.borderColor = '#e9ecef'; }); // Reset buttons document.getElementById('prevBtn').disabled = true; document.getElementById('nextBtn').disabled = true; // Show quiz and hide result document.querySelector('.quiz-container').style.display = 'block'; document.getElementById('result').classList.remove('show'); updateProgress(); } // Initialize updateProgress();

Anonymous · Accepted Answer

gaby Alejandro y Antonio combinan

Anonymous · Answer

quiero ponerle cesar pero quisiera otro que convine con cesar.. ayuda plis

TEST: ¿Cómo ponerle a tu bebé?

🍼 ¿Qué nombre deberá tener tu bebé? 👶

1¿Cómo describirías tu personalidad?

2¿Qué tipo de libros prefieres?

3¿Cómo prefieres decorar tu hogar?

4¿Qué importancia le das a las tradiciones familiares?

5¿Qué tipo de música escuchas más?

6¿Cómo te gustaría que fuera tu hijo/a en el futuro?

7¿Qué piensas sobre los nombres únicos?

8¿Qué actividad prefieres en tu tiempo libre?

9¿Cómo reaccionas ante los cambios?

10¿Qué es lo más importante en un nombre?

Sugerencias de nombres:

Comentarios

Sigue leyendo

Mensaje importante para todas las mamis 🚨

Nombres para niños populares en México 2024 + significados

Mensaje especial del día

Síndrome de Transfusión Feto-Fetal: Guía Completa 2026

Deja tu respuesta✨️ 👇🏻✨️

Síndrome del Gemelo Desaparecido - Guía Completa 2026

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

Explora todos los artículos del blog de amma

Únete a miles de conversaciones reales

¿quieres conocer a mujeres como tú?