¿Qué antojito te quieres dar?

Question

¡Ven a hacer nuestro test!

¿Qué antojito te mereces esta semana, mami?
    
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

body {
            font-family: 'Arial', sans-serif;
            background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fad0c4 100%);
            min-height: 100vh;
            padding: 20px;
        }

.container {
            max-width: 800px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 25px;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
            overflow: hidden;
        }

.header {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            color: white;
            text-align: center;
            padding: 35px;
            position: relative;
        }

.header h1 {
            font-size: 2.8em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            position: relative;
        }

.header p {
            font-size: 1.2em;
            opacity: 0.95;
            position: relative;
        }

.quiz-container {
            padding: 40px;
        }

.question {
            display: none;
            animation: slideIn 0.6s ease-out;
        }

.question.active {
            display: block;
        }

@keyframes slideIn {
            from { 
                opacity: 0; 
                transform: translateX(30px); 
            }
            to { 
                opacity: 1; 
                transform: translateX(0); 
            }
        }

.question h3 {
            color: #333;
            font-size: 1.5em;
            margin-bottom: 30px;
            text-align: center;
            line-height: 1.4;
        }

.question-number {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            font-weight: bold;
            font-size: 1.1em;
            box-shadow: 0 4px 12px rgba(255, 107, 157, 0.3);
        }

.options {
            display: grid;
            gap: 20px;
        }

.option {
            background: linear-gradient(135deg, #fff 0%, #f8f9ff 100%);
            border: 3px solid #f0f0f0;
            border-radius: 15px;
            padding: 20px 25px;
            cursor: pointer;
            transition: all 0.4s ease;
            font-size: 1.1em;
            position: relative;
            overflow: hidden;
        }

.option:hover {
            background: linear-gradient(135deg, #fff5f7 0%, #fef7ff 100%);
            border-color: #ff6b9d;
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(255, 107, 157, 0.2);
        }

.option.selected {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            color: white;
            border-color: #c44569;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(255, 107, 157, 0.4);
        }

.navigation {
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
            align-items: center;
        }

.btn {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            color: white;
            border: none;
            padding: 15px 30px;
            border-radius: 30px;
            cursor: pointer;
            font-size: 1.1em;
            font-weight: bold;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3);
        }

.btn:hover:not(:disabled) {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(255, 107, 157, 0.4);
        }

.btn:disabled {
            background: linear-gradient(135deg, #ddd 0%, #ccc 100%);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

.progress-container {
            margin: 20px 0;
            text-align: center;
        }

.progress-text {
            color: #666;
            margin-bottom: 10px;
            font-weight: bold;
        }

.progress-bar {
            background: #f0f0f0;
            height: 12px;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
        }

.progress {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            height: 100%;
            transition: width 0.5s ease;
            border-radius: 6px;
            box-shadow: 0 2px 6px rgba(255, 107, 157, 0.3);
        }

.result {
            display: none;
            text-align: center;
            padding: 40px;
        }

.result.show {
            display: block;
            animation: bounceIn 0.8s ease-out;
        }

@keyframes bounceIn {
            0% { transform: scale(0.3); opacity: 0; }
            50% { transform: scale(1.1); opacity: 0.8; }
            70% { transform: scale(0.9); opacity: 0.9; }
            100% { transform: scale(1); opacity: 1; }
        }

.result-emoji {
            font-size: 6em;
            margin-bottom: 20px;
            animation: pulse 2s infinite;
        }

@keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

.result h2 {
            color: #333;
            font-size: 2.5em;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

.result-description {
            font-size: 1.3em;
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

.antojito-card {
            background: linear-gradient(135deg, #fff 0%, #f8f9ff 100%);
            border-radius: 20px;
            padding: 35px;
            margin: 25px 0;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
            border: 3px solid #ff6b9d;
        }

.antojito-card h3 {
            color: #333;
            margin-bottom: 15px;
            font-size: 1.4em;
        }

.antojito-suggestions {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }

.antojito-item {
            background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
            color: white;
            padding: 15px;
            border-radius: 15px;
            font-weight: bold;
            font-size: 1.1em;
            text-align: center;
            box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3);
            transition: transform 0.3s ease;
        }

.antojito-item:hover {
            transform: translateY(-3px);
        }

.restart-btn {
            margin-top: 40px;
            background: linear-gradient(135deg, #36d1dc 0%, #5b86e5 100%);
            box-shadow: 0 5px 15px rgba(54, 209, 220, 0.3);
        }

.restart-btn:hover {
            box-shadow: 0 8px 25px rgba(54, 209, 220, 0.4);
        }

.mama-tips {
            background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
            border-radius: 15px;
            padding: 20px;
            margin-top: 25px;
            border-left: 5px solid #fdcb6e;
        }

.mama-tips h4 {
            color: #2d3436;
            margin-bottom: 10px;
            font-size: 1.2em;
        }

.mama-tips p {
            color: #636e72;
            line-height: 1.5;
        }

@media (max-width: 600px) {
            .container {
                margin: 10px;
                border-radius: 20px;
            }
            
            .header h1 {
                font-size: 2.2em;
            }
            
            .quiz-container {
                padding: 25px;
            }

.antojito-suggestions {
                grid-template-columns: 1fr;
            }

.result-emoji {
                font-size: 4em;
            }
        }

💖 ¿Qué antojito te mereces, mami? 🍰
            Descubre el capricho perfecto que necesitas esta semana

Pregunta 1 de 8

1¿Cómo te has sentido esta semana?
                
                    Súper cansada, necesito energía 😴
                    Estresada, quiero relajarme 😰
                    Feliz, quiero celebrar 🎉
                    Nostálgica, extraño mi infancia 🥺

2¿Qué momento del día es tu favorito para un antojito?
                
                    Mañana con el café ☕
                    Media tarde cuando decaigo 🕐
                    Noche viendo series 🌙
                    Cualquier momento está bien 😊

3¿Cuándo fue la última vez que te diste un capricho?
                
                    Ayer (¡ups!) 🙈
                    Esta semana 📅
                    Hace más de un mes 😢
                    No me acuerdo... 😭

4¿Qué sabor te llama más la atención ahora mismo?
                
                    Dulce, necesito azúcar 🍭
                    Chocolate, siempre chocolate 🍫
                    Salado y crujiente 🧀
                    Algo fresco y refrescante 🍃

5¿Cómo ha estado tu semana de mamá?
                
                    Intensa, mil cosas por hacer 🏃‍♀️
                    Tranquila y relajada 😌
                    Caótica pero divertida 🎪
                    Normal, en la rutina 📖

6¿Qué prefieres hacer mientras disfrutas tu antojito?
                
                    Scroll en redes sociales 📱
                    Ver mi serie favorita 📺
                    Leer un buen libro 📚
                    Disfrutar en silencio 🤫

7¿Qué tan aventurera eres con la comida?
                
                    Me gusta lo conocido 👵
                    Un poquito aventurera 🤏
                    Me gusta probar cosas nuevas 🌟
                    ¡Mientras más raro, mejor! 🚀

8¿Qué tan "extra" quieres ser esta semana?
                
                    Simple y clásico 🤍
                    Un poquito especial ✨
                    Fancy y sofisticado 💎
                    ¡Totalmente loco! 🦄

⬅️ Anterior
                Siguiente ➡️

🎯 Tu antojito perfecto:

💡 Tip para mami:

🔄 Hacer el test otra vez

let currentQuestion = 1;
        let answers = {};
        const totalQuestions = 8;

const results = {
            chocolate_therapy: {
                emoji: "🍫",
                title: "¡Terapia de Chocolate!",
                description: "Necesitas el poder reconfortante del chocolate. Has tenido una semana intensa y mereces ese abrazo dulce que solo el cacao puede dar.",
                antojitos: ["Brownie con helado", "Chocolate caliente gourmet", "Trufas artesanales", "Fondue de chocolate", "Tarta de chocolate"],
                tip: "Date permiso de disfrutarlo sin culpas. El chocolate libera endorfinas y realmente te ayudará a sentirte mejor. ¡Te lo has ganado!"
            },
            comfort_clasico: {
                emoji: "🧁",
                title: "Comfort Clásico",
                description: "Tu alma pide algo familiar y reconfortante. Los sabores de siempre que te abrazan el corazón y te recuerdan momentos felices.",
                antojitos: ["Galletas con leche", "Pan dulce casero", "Flan de vainilla", "Muffins de arándanos", "Pay de manzana"],
                tip: "Estos antojitos son perfectos para disfrutar con calma. Tómate tu tiempo y saborea cada bocado recordando por qué son tus favoritos."
            },
            fresh_energy: {
                emoji: "🍓",
                title: "Energía Fresca",
                description: "Buscas algo que te refresque y te dé energía natural. Tu cuerpo y mente necesitan vitaminas y frescura.",
                antojitos: ["Bowl de açaí", "Smoothie de frutas", "Yogurt con granola", "Paletas de fruta natural", "Ensalada de frutas exóticas"],
                tip: "Perfecto para recargar energías de manera saludable. Estos antojitos te darán la vitalidad que necesitas sin pesadez."
            },
            salted_crunch: {
                emoji: "🧀",
                title: "Crujiente Salado",
                description: "Tu antojo va por lo salado y crujiente. Necesitas esa satisfacción que solo dan las texturas y sabores intensos.",
                antojitos: ["Nachos con guacamole", "Papas gourmet", "Mix de frutos secos", "Tabla de quesos", "Palomitas especiales"],
                tip: "Los antojos salados suelen indicar que necesitas relajarte. Disfrútalos mientras ves algo entretenido o charlas con amigas."
            },
            fancy_treat: {
                emoji: "🍰",
                title: "Capricho Fancy",
                description: "¡Te mereces algo especial y elegante! Has trabajado duro y es momento de darte un gusto sofisticado que te haga sentir especial.",
                antojitos: ["Macaron francés", "Cheesecake de frambuesa", "Tiramisú artesanal", "Éclair de chocolate", "Tarta de limón"],
                tip: "Date el lujo de ir a esa pastelería fancy o de preparar algo especial. Mereces sentirte como una reina por un rato."
            },
            childhood_nostalgia: {
                emoji: "🍭",
                title: "Nostalgia Dulce",
                description: "Tu corazón está pidiendo esos sabores que te conectan con tu niña interior. Es momento de recordar la simplicidad y alegría de la infancia.",
                antojitos: ["Algodón de azúcar", "Paletas de hielo", "Chicles globo", "Mazapán", "Dulces de tamarindo"],
                tip: "No hay nada malo en conectar con tu niña interior. Estos antojitos te recordarán que la diversión y la espontaneidad son importantes."
            },
            wild_adventure: {
                emoji: "🌈",
                title: "Aventura Loca",
                description: "¡Estás lista para algo completamente diferente! Tu espíritu aventurero necesita sabores únicos y experiencias nuevas.",
                antojitos: ["Sushi de postres", "Helado de sabores raros", "Donuts arcoíris", "Bubble tea", "Tacos de dulce"],
                tip: "¡Ve por esa combinación loca que has visto en redes! Es momento de salir de tu zona de comfort culinaria y divertirte."
            }
        };

function selectAnswer(questionNum, answer) {
            answers[questionNum] = answer;
            
            // Remove selection from all options
            const options = document.querySelectorAll(`#question${questionNum} .option`);
            options.forEach(option => option.classList.remove('selected'));
            
            // Add selection to clicked option
            event.target.classList.add('selected');
            
            // Enable next button
            document.getElementById('nextBtn').disabled = false;
        }

function calculateResult() {
            const scores = {
                chocolate_therapy: 0,
                comfort_clasico: 0,
                fresh_energy: 0,
                salted_crunch: 0,
                fancy_treat: 0,
                childhood_nostalgia: 0,
                wild_adventure: 0
            };

// Scoring logic based on answers
            if (answers[1] === 'cansada' || answers[1] === 'estresada') scores.chocolate_therapy += 2;
            if (answers[1] === 'nostalgica') scores.childhood_nostalgia += 2;
            if (answers[1] === 'feliz') scores.fancy_treat += 1;

if (answers[2] === 'mañana') scores.fresh_energy += 1;
            if (answers[2] === 'noche') scores.comfort_clasico += 1;

if (answers[3] === 'mes' || answers[3] === 'no_recuerdo') scores.fancy_treat += 2;
            if (answers[3] === 'ayer') scores.wild_adventure += 1;

if (answers[4] === 'chocolate') scores.chocolate_therapy += 3;
            if (answers[4] === 'dulce') scores.comfort_clasico += 2;
            if (answers[4] === 'salado') scores.salted_crunch += 3;
            if (answers[4] === 'fresco') scores.fresh_energy += 2;

if (answers[5] === 'intensa' || answers[5] === 'caotica') scores.chocolate_therapy += 1;
            if (answers[5] === 'tranquila') scores.fresh_energy += 1;
            if (answers[5] === 'rutinaria') scores.comfort_clasico += 1;

if (answers[6] === 'silencio') scores.fancy_treat += 1;
            if (answers[6] === 'serie') scores.comfort_clasico += 1;

if (answers[7] === 'conservadora') scores.comfort_clasico += 2;
            if (answers[7] === 'extrema') scores.wild_adventure += 3;
            if (answers[7] === 'aventurera') scores.wild_adventure += 1;

if (answers[8] === 'simple') scores.comfort_clasico += 1;
            if (answers[8] === 'fancy') scores.fancy_treat += 2;
            if (answers[8] === 'loco') scores.wild_adventure += 2;

// Add some randomness for nostalgia
            if (Math.random() > 0.7) scores.childhood_nostalgia += 1;

// Find highest score
            let maxScore = 0;
            let resultType = 'comfort_clasico';
            
            for (const [type, score] of Object.entries(scores)) {
                if (score > maxScore) {
                    maxScore = score;
                    resultType = type;
                }
            }

return resultType;
        }

function showResult() {
            const resultType = calculateResult();
            const result = results[resultType];
            
            // Display result
            document.getElementById('resultEmoji').textContent = result.emoji;
            document.getElementById('resultTitle').textContent = result.title;
            document.getElementById('resultDescription').textContent = result.description;
            
            // Display antojitos
            const antojitoList = document.getElementById('antojitoList');
            antojitoList.innerHTML = '';
            result.antojitos.forEach(antojito => {
                const item = document.createElement('div');
                item.className = 'antojito-item';
                item.textContent = antojito;
                antojitoList.appendChild(item);
            });

// Display tip
            document.getElementById('tipText').textContent = result.tip;
            
            // Hide quiz and show result
            document.querySelector('.quiz-container').style.display = 'none';
            document.getElementById('result').classList.add('show');
            
            // Update progress to 100%
            document.getElementById('progressBar').style.width = '100%';
        }

// Initialize
        updateProgress();

Anonymous · Answer

Pepinos con tajin y chamoy 🤤

Anonymous · Answer

Vanessa02﻿  x2 que extraño 😋

Anonymous · Answer

manzanilla en miel😋

Anonymous · Answer

Yo quiero una 🍩 casera

¿Qué antojito te quieres dar?

¡Ven a hacer nuestro test!

💖 ¿Qué antojito te mereces, mami? 🍰

1¿Cómo te has sentido esta semana?

2¿Qué momento del día es tu favorito para un antojito?

3¿Cuándo fue la última vez que te diste un capricho?

4¿Qué sabor te llama más la atención ahora mismo?

5¿Cómo ha estado tu semana de mamá?

6¿Qué prefieres hacer mientras disfrutas tu antojito?

7¿Qué tan aventurera eres con la comida?

8¿Qué tan "extra" quieres ser esta semana?

🎯 Tu antojito perfecto:

💡 Tip para mami:

Comentarios

Sigue leyendo

Mensaje importante para todas las mamis 🚨

Flujo blanco cremoso: causas normales y cuándo consultar

Mensaje especial de parte del equipo amma

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

Deja tu respuesta✨️ 👇🏻✨️

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

✨️ Amable recordatorio ✨️

Explora todos los artículos del blog de amma

Únete a miles de conversaciones reales

¿quieres conocer a mujeres como tú?