¿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 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();
        }

// Initialize
        updateProgress();
        updateQuestion();

Anonymous · Answer

Jeje

Anonymous · Answer

Tranquila 😬😁

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

Deja tu respuesta✨️ 👇🏻✨️

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

Mensaje especial de parte del equipo amma

Causas de Embarazos Múltiples: Guía Completa 2026

Mensaje importante para todas las mamis 🚨

Flujo verde sin olor en el embarazo: causas y cuándo preocuparte

¿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ú?