{"id":1193,"date":"2025-06-11T14:11:01","date_gmt":"2025-06-11T14:11:01","guid":{"rendered":"https:\/\/enricando.com.br\/?p=1193"},"modified":"2025-06-11T14:47:32","modified_gmt":"2025-06-11T14:47:32","slug":"calculadora-consumo-festa","status":"publish","type":"post","link":"https:\/\/enricando.com.br\/en\/calculadora-consumo-festa\/","title":{"rendered":"Calculadora Consumo festa"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Calculadora de Consumo para Festa<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Arial', sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            padding: 15px;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n\n        .header {\n            background: linear-gradient(135deg, #ff6b6b, #ffd93d);\n            color: white;\n            padding: 30px 20px;\n            text-align: center;\n        }\n\n        .header h1 {\n            font-size: clamp(2rem, 5vw, 2.8rem);\n            margin-bottom: 15px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n            font-weight: bold;\n        }\n\n        .header p {\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            opacity: 0.95;\n            font-weight: 500;\n        }\n\n        .content {\n            padding: 30px 25px;\n        }\n\n        .input-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 25px;\n            margin-bottom: 35px;\n        }\n\n        .input-group {\n            background: #f8f9fa;\n            padding: 25px;\n            border-radius: 15px;\n            border-left: 5px solid #667eea;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .input-group:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .input-group h3 {\n            color: #333;\n            margin-bottom: 20px;\n            font-size: clamp(1.3rem, 3.5vw, 1.5rem);\n            font-weight: 600;\n        }\n\n        .input-row {\n            display: grid;\n            grid-template-columns: 1fr auto;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 15px;\n            padding: 15px;\n            background: white;\n            border-radius: 10px;\n            transition: background-color 0.3s ease;\n        }\n\n        .input-row:hover {\n            background-color: #f0f8ff;\n        }\n\n        .input-row:last-child {\n            margin-bottom: 0;\n        }\n\n        .input-row label {\n            font-weight: 500;\n            color: #555;\n            font-size: clamp(1.1rem, 3vw, 1.2rem);\n        }\n\n        .input-row input {\n            width: 80px;\n            padding: 10px 15px;\n            border: 2px solid #e0e0e0;\n            border-radius: 8px;\n            text-align: center;\n            font-size: clamp(1.1rem, 3vw, 1.2rem);\n            font-weight: 600;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .input-row input:focus {\n            outline: none;\n            border-color: #667eea;\n            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n        }\n\n        .options {\n            background: #e8f4fd;\n            padding: 25px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            border-left: 5px solid #42a5f5;\n        }\n\n        .options h3 {\n            color: #333;\n            margin-bottom: 20px;\n            font-size: clamp(1.3rem, 3.5vw, 1.5rem);\n            font-weight: 600;\n        }\n\n        .checkbox-group {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 15px;\n        }\n\n        .checkbox-item {\n            display: flex;\n            align-items: center;\n            padding: 15px;\n            background: white;\n            border-radius: 10px;\n            transition: background-color 0.3s ease;\n        }\n\n        .checkbox-item:hover {\n            background-color: #f0f8ff;\n        }\n\n        .checkbox-item input[type=\"checkbox\"] {\n            margin-right: 12px;\n            transform: scale(1.3);\n        }\n\n        .checkbox-item label {\n            font-size: clamp(1rem, 2.8vw, 1.1rem);\n            cursor: pointer;\n            font-weight: 500;\n        }\n\n        .calculate-btn {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            border: none;\n            padding: 18px 35px;\n            font-size: clamp(1.2rem, 3.5vw, 1.4rem);\n            font-weight: 600;\n            border-radius: 50px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);\n            width: 100%;\n            max-width: 350px;\n        }\n\n        .calculate-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);\n        }\n\n        .calculate-btn:active {\n            transform: translateY(-1px);\n        }\n\n        .results {\n            margin-top: 35px;\n            padding: 30px;\n            background: linear-gradient(135deg, #a8edea, #fed6e3);\n            border-radius: 15px;\n            display: none;\n        }\n\n        .results.show {\n            display: block;\n            animation: slideIn 0.5s ease;\n        }\n\n        .result-summary {\n            margin-bottom: 35px;\n        }\n\n        .summary-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 20px;\n            margin-top: 25px;\n        }\n\n        .summary-card {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 25px;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);\n            transition: transform 0.3s ease;\n        }\n\n        .summary-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .summary-icon {\n            font-size: clamp(2.5rem, 6vw, 3rem);\n            margin-bottom: 15px;\n        }\n\n        .summary-value {\n            font-size: clamp(2rem, 5vw, 2.8rem);\n            font-weight: bold;\n            margin: 15px 0;\n        }\n\n        .summary-unit {\n            font-size: clamp(1rem, 2.5vw, 1.2rem);\n            opacity: 0.9;\n            font-weight: 500;\n        }\n\n        .breakdown {\n            background: #f8f9fa;\n            padding: 25px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n        }\n\n        .breakdown h3 {\n            color: #333;\n            margin-bottom: 20px;\n            font-size: clamp(1.3rem, 3.5vw, 1.5rem);\n            font-weight: 600;\n        }\n\n        .breakdown-item {\n            display: grid;\n            grid-template-columns: 1fr auto;\n            align-items: center;\n            gap: 15px;\n            padding: 15px;\n            background: white;\n            border-radius: 10px;\n            margin-bottom: 12px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n        }\n\n        .breakdown-label {\n            font-weight: 500;\n            color: #555;\n            font-size: clamp(1rem, 2.8vw, 1.1rem);\n        }\n\n        .breakdown-values {\n            display: flex;\n            flex-direction: column;\n            gap: 5px;\n            font-weight: bold;\n            color: #667eea;\n            font-size: clamp(0.95rem, 2.5vw, 1rem);\n            text-align: right;\n        }\n\n        .tips {\n            background: linear-gradient(135deg, #a8edea, #fed6e3);\n            padding: 25px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n        }\n\n        .tips h3 {\n            color: #333;\n            margin-bottom: 20px;\n            font-size: clamp(1.3rem, 3.5vw, 1.5rem);\n            font-weight: 600;\n        }\n\n        .tips-content {\n            display: grid;\n            gap: 12px;\n        }\n\n        .tip-item {\n            display: flex;\n            align-items: flex-start;\n            background: rgba(255, 255, 255, 0.8);\n            padding: 15px;\n            border-radius: 10px;\n        }\n\n        .tip-icon {\n            font-size: clamp(1.3rem, 3vw, 1.5rem);\n            margin-right: 15px;\n            margin-top: 2px;\n        }\n\n        .tip-item p {\n            font-size: clamp(1rem, 2.8vw, 1.1rem);\n            line-height: 1.5;\n            font-weight: 500;\n        }\n\n        .action-buttons {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 15px;\n            justify-content: center;\n        }\n\n        .btn-primary, .btn-secondary {\n            padding: 15px 30px;\n            font-size: clamp(1.1rem, 3vw, 1.2rem);\n            font-weight: 600;\n            border: none;\n            border-radius: 50px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 25px rgba(102, 126, 234, 0.4);\n        }\n\n        .btn-secondary {\n            background: #f8f9fa;\n            color: #667eea;\n            border: 2px solid #667eea;\n        }\n\n        .btn-secondary:hover {\n            background: #667eea;\n            color: white;\n            transform: translateY(-2px);\n        }\n\n        @keyframes slideIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .results h2 {\n            color: #333;\n            margin-bottom: 25px;\n            text-align: center;\n            font-size: clamp(1.6rem, 4vw, 2.2rem);\n            font-weight: 600;\n        }\n\n        .result-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n        }\n\n        .result-card {\n            background: rgba(255, 255, 255, 0.9);\n            padding: 25px;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .result-card:hover {\n            transform: translateY(-3px);\n        }\n\n        .result-card h3 {\n            color: #667eea;\n            margin-bottom: 15px;\n            font-size: clamp(1.2rem, 3vw, 1.4rem);\n            font-weight: 600;\n        }\n\n        .result-value {\n            font-size: clamp(1.8rem, 4vw, 2.2rem);\n            font-weight: bold;\n            color: #333;\n            margin-bottom: 10px;\n        }\n\n        .result-unit {\n            color: #666;\n            font-size: clamp(1rem, 2.5vw, 1.1rem);\n            font-weight: 500;\n        }\n\n        #resultPage {\n            display: none;\n        }\n\n        \/* Modal para impress\u00e3o *\/\n        .print-modal {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 1000;\n            padding: 15px;\n        }\n\n        .print-modal.show {\n            display: flex;\n        }\n\n        .print-content {\n            background: white;\n            padding: 30px;\n            border-radius: 10px;\n            max-width: 90%;\n            max-height: 90%;\n            overflow-y: auto;\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n        }\n\n        .print-close {\n            position: absolute;\n            top: 15px;\n            right: 20px;\n            background: #ff4444;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 35px;\n            height: 35px;\n            cursor: pointer;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .print-buttons {\n            text-align: center;\n            margin-top: 25px;\n            padding-top: 20px;\n            border-top: 2px solid #eee;\n        }\n\n        .print-buttons button {\n            margin: 0 10px 10px 10px;\n            padding: 12px 25px;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: clamp(1rem, 2.5vw, 1.1rem);\n            font-weight: 600;\n        }\n\n        .btn-print {\n            background: #667eea;\n            color: white;\n        }\n\n        .btn-copy {\n            background: #28a745;\n            color: white;\n        }\n\n        \/* Responsividade espec\u00edfica *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 10px;\n            }\n            \n            .container {\n                border-radius: 15px;\n                margin: 0;\n            }\n            \n            .header {\n                padding: 25px 20px;\n            }\n            \n            .content {\n                padding: 25px 20px;\n            }\n            \n            .input-row {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 12px;\n                padding: 18px;\n            }\n            \n            .input-row input {\n                width: 100%;\n                max-width: 140px;\n                margin: 0 auto;\n                padding: 12px 15px;\n            }\n            \n            .checkbox-group {\n                grid-template-columns: 1fr;\n            }\n            \n            .checkbox-item {\n                padding: 18px;\n            }\n            \n            .summary-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .breakdown-item {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 10px;\n                padding: 18px;\n            }\n            \n            .breakdown-values {\n                text-align: center;\n            }\n            \n            .action-buttons {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n\n            .btn-primary, .btn-secondary {\n                padding: 18px 30px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            body {\n                padding: 8px;\n            }\n\n            .header {\n                padding: 20px 15px;\n            }\n            \n            .content {\n                padding: 20px 15px;\n            }\n\n            .input-group, .options, .breakdown, .tips {\n                padding: 20px;\n            }\n            \n            .summary-card {\n                padding: 20px;\n            }\n            \n            .print-content {\n                padding: 20px;\n                margin: 10px;\n            }\n\n            .calculate-btn {\n                padding: 20px 35px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\" id=\"mainContainer\">\n        <div class=\"header\">\n            <h1>\ud83c\udf89 Calculadora de Festa<\/h1>\n            <p>Calcule a quantidade ideal de salgados e bebidas para sua festa<\/p>\n        <\/div>\n        \n        <div class=\"content\">\n            <div class=\"input-grid\">\n                <div class=\"input-group\">\n                    <h3>\ud83d\udc65 N\u00famero de Convidados<\/h3>\n                    <div class=\"input-row\">\n                        <label>Homens adultos:<\/label>\n                        <input type=\"number\" id=\"homensAdultos\" min=\"0\" value=\"0\">\n                    <\/div>\n                    <div class=\"input-row\">\n                        <label>Mulheres adultas:<\/label>\n                        <input type=\"number\" id=\"mulheresAdultas\" min=\"0\" value=\"0\">\n                    <\/div>\n                    <div class=\"input-row\">\n                        <label>Jovens homens:<\/label>\n                        <input type=\"number\" id=\"jovensHomens\" min=\"0\" value=\"0\">\n                    <\/div>\n                    <div class=\"input-row\">\n                        <label>Jovens mulheres:<\/label>\n                        <input type=\"number\" id=\"jovensMulheres\" min=\"0\" value=\"0\">\n                    <\/div>\n                    <div class=\"input-row\">\n                        <label>Crian\u00e7as:<\/label>\n                        <input type=\"number\" id=\"criancas\" min=\"0\" value=\"0\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"options\">\n                <h3>\u2699\ufe0f Op\u00e7\u00f5es da Festa<\/h3>\n                <div class=\"checkbox-group\">\n                    <div class=\"checkbox-item\">\n                        <input type=\"checkbox\" id=\"festaLonga\">\n                        <label for=\"festaLonga\">Festa longa (+ 4 horas)<\/label>\n                    <\/div>\n                    <div class=\"checkbox-item\">\n                        <input type=\"checkbox\" id=\"diaQuente\">\n                        <label for=\"diaQuente\">Dia quente<\/label>\n                    <\/div>\n                    <div class=\"checkbox-item\">\n                        <input type=\"checkbox\" id=\"horarioRefeicao\">\n                        <label for=\"horarioRefeicao\">Hor\u00e1rio de refei\u00e7\u00e3o<\/label>\n                    <\/div>\n                    <div class=\"checkbox-item\">\n                        <input type=\"checkbox\" id=\"margem\">\n                        <label for=\"margem\">Adicionar margem de seguran\u00e7a<\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <button class=\"calculate-btn\" id=\"calcularBtn\">\n                Calcular Consumo\n            <\/button>\n\n            <div class=\"results\" id=\"results\">\n                <h2>\ud83d\udcca Resultado do C\u00e1lculo<\/h2>\n                <div class=\"result-grid\">\n                    <div class=\"result-card\">\n                        <h3>\ud83e\udd5f Salgados<\/h3>\n                        <div class=\"result-value\" id=\"totalSalgados\">0<\/div>\n                        <div class=\"result-unit\">unidades<\/div>\n                    <\/div>\n                    <div class=\"result-card\">\n                        <h3>\ud83e\udd64 Bebidas<\/h3>\n                        <div class=\"result-value\" id=\"totalBebidas\">0<\/div>\n                        <div class=\"result-unit\">litros<\/div>\n                    <\/div>\n                    <div class=\"result-card\">\n                        <h3>\ud83d\udc65 Total de Convidados<\/h3>\n                        <div class=\"result-value\" id=\"totalPessoas\">0<\/div>\n                        <div class=\"result-unit\">pessoas<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- P\u00e1gina de Resultados -->\n    <div id=\"resultPage\">\n        <div class=\"container\">\n            <div class=\"header\">\n                <h1>\ud83c\udf8a Resultados da sua Festa<\/h1>\n                <p>Aqui est\u00e1 tudo que voc\u00ea precisa preparar!<\/p>\n            <\/div>\n            \n            <div class=\"content\">\n                <div class=\"result-summary\">\n                    <h2>\ud83d\udccb Resumo do Pedido<\/h2>\n                    <div class=\"summary-grid\">\n                        <div class=\"summary-card\">\n                            <div class=\"summary-icon\">\ud83e\udd5f<\/div>\n                            <h3>Salgados<\/h3>\n                            <div class=\"summary-value\" id=\"summaryTotalSalgados\">0<\/div>\n                            <div class=\"summary-unit\">unidades<\/div>\n                        <\/div>\n                        <div class=\"summary-card\">\n                            <div class=\"summary-icon\">\ud83e\udd64<\/div>\n                            <h3>Bebidas<\/h3>\n                            <div class=\"summary-value\" id=\"summaryTotalBebidas\">0<\/div>\n                            <div class=\"summary-unit\">litros<\/div>\n                        <\/div>\n                        <div class=\"summary-card\">\n                            <div class=\"summary-icon\">\ud83d\udc65<\/div>\n                            <h3>Convidados<\/h3>\n                            <div class=\"summary-value\" id=\"summaryTotalPessoas\">0<\/div>\n                            <div class=\"summary-unit\">pessoas<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"breakdown\">\n                    <h3>\ud83d\udcca Detalhamento por Grupo<\/h3>\n                    <div id=\"detalhamento\"><\/div>\n                <\/div>\n\n                <div class=\"tips\">\n                    <h3>\ud83d\udca1 Dicas Importantes<\/h3>\n                    <div class=\"tips-content\">\n                        <div class=\"tip-item\">\n                            <span class=\"tip-icon\">\u23f0<\/span>\n                            <p>Prepare os salgados com anteced\u00eancia e aque\u00e7a antes de servir<\/p>\n                        <\/div>\n                        <div class=\"tip-item\">\n                            <span class=\"tip-icon\">\u2744\ufe0f<\/span>\n                            <p>Mantenha as bebidas geladas em recipientes com gelo<\/p>\n                        <\/div>\n                        <div class=\"tip-item\">\n                            <span class=\"tip-icon\">\ud83c\udf7d\ufe0f<\/span>\n                            <p>Disponha os salgados em travessas pequenas e v\u00e1 repondo<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"action-buttons\">\n                    <button class=\"btn-secondary\" id=\"voltarBtn\">\u2190 Voltar ao C\u00e1lculo<\/button>\n                    <button class=\"btn-primary\" id=\"imprimirBtn\">\ud83d\udda8\ufe0f Ver Lista de Compras<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal de Impress\u00e3o -->\n    <div class=\"print-modal\" id=\"printModal\">\n        <div class=\"print-content\">\n            <button class=\"print-close\" id=\"printClose\">\u00d7<\/button>\n            <div id=\"printableContent\">\n                <h1 style=\"text-align: center; color: #667eea; margin-bottom: 20px; font-size: 1.8rem;\">\ud83c\udf89 Lista de Compras para Festa<\/h1>\n                <div id=\"printData\"><\/div>\n            <\/div>\n            <div class=\"print-buttons\">\n                <button class=\"btn-print\" id=\"printBtn\">\ud83d\udda8\ufe0f Imprimir<\/button>\n                <button class=\"btn-copy\" id=\"copyBtn\">\ud83d\udccb Copiar Texto<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Aguarda o carregamento completo da p\u00e1gina\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Armazena os dados do c\u00e1lculo\n            let dadosCalculados = {};\n\n            \/\/ Event listeners\n            document.getElementById('calcularBtn').addEventListener('click', calcularEMostrar);\n            document.getElementById('voltarBtn').addEventListener('click', voltarCalculadora);\n            document.getElementById('imprimirBtn').addEventListener('click', mostrarModalImpressao);\n            document.getElementById('printClose').addEventListener('click', fecharModalImpressao);\n            document.getElementById('printBtn').addEventListener('click', imprimirLista);\n            document.getElementById('copyBtn').addEventListener('click', copiarTexto);\n\n            function calcularEMostrar() {\n                const dados = calcular();\n                if (dados) {\n                    dadosCalculados = dados;\n                    mostrarPaginaResultado();\n                }\n            }\n\n            function calcular() {\n                \/\/ Pega os valores dos inputs\n                const homensAdultos = parseInt(document.getElementById('homensAdultos').value) || 0;\n                const mulheresAdultas = parseInt(document.getElementById('mulheresAdultas').value) || 0;\n                const jovensHomens = parseInt(document.getElementById('jovensHomens').value) || 0;\n                const jovensMulheres = parseInt(document.getElementById('jovensMulheres').value) || 0;\n                const criancas = parseInt(document.getElementById('criancas').value) || 0;\n\n                const totalPessoas = homensAdultos + mulheresAdultas + jovensHomens + jovensMulheres + criancas;\n                \n                if (totalPessoas === 0) {\n                    alert('Por favor, informe pelo menos uma pessoa para o c\u00e1lculo!');\n                    return null;\n                }\n\n                \/\/ Consumo base de salgados por pessoa\n                const salgadosBase = {\n                    homensAdultos: 17.5,\n                    mulheresAdultas: 12.5,\n                    jovensHomens: 15,\n                    jovensMulheres: 10,\n                    criancas: 8\n                };\n\n                \/\/ Consumo base de bebidas por pessoa (em ml)\n                const bebidasBase = {\n                    homensAdultos: 700,\n                    mulheresAdultas: 500,\n                    jovensHomens: 600,\n                    jovensMulheres: 450,\n                    criancas: 350\n                };\n\n                \/\/ Calcula consumo base\n                let totalSalgados = \n                    (homensAdultos * salgadosBase.homensAdultos) +\n                    (mulheresAdultas * salgadosBase.mulheresAdultas) +\n                    (jovensHomens * salgadosBase.jovensHomens) +\n                    (jovensMulheres * salgadosBase.jovensMulheres) +\n                    (criancas * salgadosBase.criancas);\n\n                let totalBebidas = \n                    (homensAdultos * bebidasBase.homensAdultos) +\n                    (mulheresAdultas * bebidasBase.mulheresAdultas) +\n                    (jovensHomens * bebidasBase.jovensHomens) +\n                    (jovensMulheres * bebidasBase.jovensMulheres) +\n                    (criancas * bebidasBase.criancas);\n\n                \/\/ Aplica modificadores baseados nas op\u00e7\u00f5es\n                let multiplicadorSalgados = 1;\n                let multiplicadorBebidas = 1;\n                let opcoesSelecionadas = [];\n\n                if (document.getElementById('festaLonga').checked) {\n                    multiplicadorSalgados *= 1.25;\n                    multiplicadorBebidas *= 1.3;\n                    opcoesSelecionadas.push('Festa longa (+4 horas)');\n                }\n\n                if (document.getElementById('diaQuente').checked) {\n                    multiplicadorBebidas *= 1.4;\n                    opcoesSelecionadas.push('Dia quente');\n                }\n\n                if (document.getElementById('horarioRefeicao').checked) {\n                    multiplicadorSalgados *= 1.3;\n                    opcoesSelecionadas.push('Hor\u00e1rio de refei\u00e7\u00e3o');\n                }\n\n                if (document.getElementById('margem').checked) {\n                    multiplicadorSalgados *= 1.15;\n                    multiplicadorBebidas *= 1.15;\n                    opcoesSelecionadas.push('Margem de seguran\u00e7a');\n                }\n\n                \/\/ Aplica os multiplicadores\n                totalSalgados = Math.ceil(totalSalgados * multiplicadorSalgados);\n                totalBebidas = Math.ceil((totalBebidas * multiplicadorBebidas) \/ 1000 * 10) \/ 10;\n\n                return {\n                    totalSalgados,\n                    totalBebidas,\n                    totalPessoas,\n                    grupos: {\n                        homensAdultos: {\n                            quantidade: homensAdultos,\n                            salgados: Math.ceil(homensAdultos * salgadosBase.homensAdultos * multiplicadorSalgados),\n                            bebidas: Math.ceil((homensAdultos * bebidasBase.homensAdultos * multiplicadorBebidas) \/ 100) \/ 10\n                        },\n                        mulheresAdultas: {\n                            quantidade: mulheresAdultas,\n                            salgados: Math.ceil(mulheresAdultas * salgadosBase.mulheresAdultas * multiplicadorSalgados),\n                            bebidas: Math.ceil((mulheresAdultas * bebidasBase.mulheresAdultas * multiplicadorBebidas) \/ 100) \/ 10\n                        },\n                        jovensHomens: {\n                            quantidade: jovensHomens,\n                            salgados: Math.ceil(jovensHomens * salgadosBase.jovensHomens * multiplicadorSalgados),\n                            bebidas: Math.ceil((jovensHomens * bebidasBase.jovensHomens * multiplicadorBebidas) \/ 100) \/ 10\n                        },\n                        jovensMulheres: {\n                            quantidade: jovensMulheres,\n                            salgados: Math.ceil(jovensMulheres * salgadosBase.jovensMulheres * multiplicadorSalgados),\n                            bebidas: Math.ceil((jovensMulheres * bebidasBase.jovensMulheres * multiplicadorBebidas) \/ 100) \/ 10\n                        },\n                        criancas: {\n                            quantidade: criancas,\n                            salgados: Math.ceil(criancas * salgadosBase.criancas * multiplicadorSalgados),\n                            bebidas: Math.ceil((criancas * bebidasBase.criancas * multiplicadorBebidas) \/ 100) \/ 10\n                        }\n                    },\n                    opcoesSelecionadas\n                };\n            }\n\n            function mostrarPaginaResultado() {\n                \/\/ Esconde a calculadora\n                document.getElementById('mainContainer').style.display = 'none';\n                \n                \/\/ Mostra a p\u00e1gina de resultados\n                document.getElementById('resultPage').style.display = 'block';\n                \n                \/\/ Preenche os dados na p\u00e1gina de resultados\n                document.getElementById('summaryTotalSalgados').textContent = dadosCalculados.totalSalgados;\n                document.getElementById('summaryTotalBebidas').textContent = dadosCalculados.totalBebidas.toFixed(1);\n                document.getElementById('summaryTotalPessoas').textContent = dadosCalculados.totalPessoas;\n                \n                \/\/ Cria o detalhamento por grupo\n                criarDetalhamento();\n                \n                \/\/ Rola para o topo\n                window.scrollTo(0, 0);\n            }\n\n            function criarDetalhamento() {\n                const detalhamento = document.getElementById('detalhamento');\n                const grupos = dadosCalculados.grupos;\n                const nomes = {\n                    homensAdultos: 'Homens adultos',\n                    mulheresAdultas: 'Mulheres adultas', \n                    jovensHomens: 'Jovens homens',\n                    jovensMulheres: 'Jovens mulheres',\n                    criancas: 'Crian\u00e7as'\n                };\n\n                let html = '';\n                \n                for (const [key, dados] of Object.entries(grupos)) {\n                    if (dados.quantidade > 0) {\n                        html += '<div class=\"breakdown-item\">' +\n                            '<div class=\"breakdown-label\">' +\n                            nomes[key] + ' (' + dados.quantidade + (dados.quantidade === 1 ? ' pessoa' : ' pessoas') + ')' +\n                            '<\/div>' +\n                            '<div class=\"breakdown-values\">' +\n                            '<span>' + dados.salgados + ' salgados<\/span>' +\n                            '<span>' + dados.bebidas.toFixed(1) + 'L bebidas<\/span>' +\n                            '<\/div>' +\n                            '<\/div>';\n                    }\n                }\n\n                if (dadosCalculados.opcoesSelecionadas.length > 0) {\n                    html += '<div style=\"margin-top: 15px; padding: 15px; background: #e3f2fd; border-radius: 8px; font-size: clamp(0.95rem, 2.5vw, 1rem);\">' +\n                        '<strong>Op\u00e7\u00f5es aplicadas:<\/strong> ' + dadosCalculados.opcoesSelecionadas.join(', ') +\n                        '<\/div>';\n                }\n\n                detalhamento.innerHTML = html;\n            }\n\n            function voltarCalculadora() {\n                \/\/ Mostra a calculadora\n                document.getElementById('mainContainer').style.display = 'block';\n                \n                \/\/ Esconde a p\u00e1gina de resultados\n                document.getElementById('resultPage').style.display = 'none';\n                \n                \/\/ Rola para o topo\n                window.scrollTo(0, 0);\n            }\n\n            function mostrarModalImpressao() {\n                \/\/ Prepara o conte\u00fado para impress\u00e3o\n                const printData = document.getElementById('printData');\n                \n                let html = '<div style=\"background: #f8f9fa; padding: 20px; margin: 20px 0; border-radius: 10px; border: 2px solid #667eea;\">';\n                html += '<h2 style=\"color: #333; margin-bottom: 15px; font-size: 1.4rem; text-align: center;\">\ud83d\udccb RESUMO TOTAL<\/h2>';\n                html += '<div style=\"font-size: 1.2rem; margin: 12px 0; font-weight: bold;\"><strong>\ud83e\udd5f Salgados:<\/strong> ' + dadosCalculados.totalSalgados + ' unidades<\/div>';\n                html += '<div style=\"font-size: 1.2rem; margin: 12px 0; font-weight: bold;\"><strong>\ud83e\udd64 Bebidas:<\/strong> ' + dadosCalculados.totalBebidas.toFixed(1) + ' litros<\/div>';\n                html += '<div style=\"font-size: 1.2rem; margin: 12px 0; font-weight: bold;\"><strong>\ud83d\udc65 Total de convidados:<\/strong> ' + dadosCalculados.totalPessoas + ' pessoas<\/div>';\n                html += '<\/div>';\n                \n                html += '<h2 style=\"color: #333; margin: 25px 0 15px 0; font-size: 1.3rem;\">\ud83d\udcca DETALHAMENTO POR GRUPO<\/h2>';\n                \n                const grupos = dadosCalculados.grupos;\n                const nomes = {\n                    homensAdultos: 'Homens adultos',\n                    mulheresAdultas: 'Mulheres adultas', \n                    jovensHomens: 'Jovens homens',\n                    jovensMulheres: 'Jovens mulheres',\n                    criancas: 'Crian\u00e7as'\n                };\n                \n                for (const [key, dados] of Object.entries(grupos)) {\n                    if (dados.quantidade > 0) {\n                        html += '<div style=\"margin: 12px 0; padding: 15px; border-left: 4px solid #667eea; background: #f0f8ff; border-radius: 5px;\">';\n                        html += '<div style=\"font-weight: bold; margin-bottom: 8px; font-size: 1.1rem;\">' + nomes[key] + ' (' + dados.quantidade + (dados.quantidade === 1 ? ' pessoa' : ' pessoas') + '):<\/div>';\n                        html += '<div style=\"margin-left: 10px;\">\u2022 ' + dados.salgados + ' salgados<\/div>';\n                        html += '<div style=\"margin-left: 10px;\">\u2022 ' + dados.bebidas.toFixed(1) + 'L bebidas<\/div>';\n                        html += '<\/div>';\n                    }\n                }\n                \n                if (dadosCalculados.opcoesSelecionadas.length > 0) {\n                    html += '<div style=\"margin-top: 20px; padding: 15px; background: #e3f2fd; border-radius: 8px; border: 1px solid #42a5f5;\">';\n                    html += '<div style=\"font-weight: bold; margin-bottom: 5px;\">Op\u00e7\u00f5es aplicadas:<\/div>';\n                    html += '<div>' + dadosCalculados.opcoesSelecionadas.join(', ') + '<\/div>';\n                    html += '<\/div>';\n                }\n                \n                html += '<div style=\"margin-top: 30px; padding: 20px; background: #f0f8f0; border-radius: 10px; border: 2px solid #28a745;\">';\n                html += '<h3 style=\"color: #333; margin-bottom: 15px; font-size: 1.2rem;\">\ud83d\udca1 DICAS IMPORTANTES<\/h3>';\n                html += '<div style=\"margin: 8px 0;\">\u2022 Prepare os salgados com anteced\u00eancia e aque\u00e7a antes de servir<\/div>';\n                html += '<div style=\"margin: 8px 0;\">\u2022 Mantenha as bebidas sempre geladas em recipientes com gelo<\/div>';\n                html += '<div style=\"margin: 8px 0;\">\u2022 Disponha os salgados em travessas pequenas e v\u00e1 repondo<\/div>';\n                html += '<\/div>';\n                \n                printData.innerHTML = html;\n                \n                \/\/ Mostra o modal\n                document.getElementById('printModal').classList.add('show');\n            }\n\n            function fecharModalImpressao() {\n                document.getElementById('printModal').classList.remove('show');\n            }\n\n            function imprimirLista() {\n                \/\/ Cria uma nova janela apenas com o conte\u00fado da lista\n                const printContent = document.getElementById('printableContent').innerHTML;\n                const printWindow = window.open('', '_blank', 'width=800,height=600');\n                \n                const printDocument = `\n                    <!DOCTYPE html>\n                    <html>\n                    <head>\n                        <title>Lista de Compras - Festa<\/title>\n                        <style>\n                            body { \n                                font-family: Arial, sans-serif; \n                                margin: 20px; \n                                line-height: 1.6;\n                                color: #333;\n                            }\n                            h1, h2, h3 { \n                                color: #333; \n                            }\n                            @media print {\n                                body { margin: 0; }\n                                * { \n                                    -webkit-print-color-adjust: exact !important;\n                                    color-adjust: exact !important;\n                                }\n                            }\n                        <\/style>\n                    <\/head>\n                    <body>\n                        ${printContent}\n                    <\/body>\n                    <\/html>\n                `;\n                \n                printWindow.document.write(printDocument);\n                printWindow.document.close();\n                \n                \/\/ Aguarda carregar e imprime\n                printWindow.onload = function() {\n                    printWindow.print();\n                    \/\/ printWindow.close(); \/\/ Opcional: fecha a janela ap\u00f3s imprimir\n                };\n            }\n\n            function copiarTexto() {\n                const printContent = document.getElementById('printableContent');\n                const texto = printContent.innerText;\n                \n                if (navigator.clipboard) {\n                    navigator.clipboard.writeText(texto).then(function() {\n                        alert('Lista copiada para a \u00e1rea de transfer\u00eancia!');\n                    }).catch(function() {\n                        \/\/ Fallback para navegadores mais antigos\n                        copiarTextoFallback(texto);\n                    });\n                } else {\n                    copiarTextoFallback(texto);\n                }\n            }\n\n            function copiarTextoFallback(texto) {\n                const textArea = document.createElement('textarea');\n                textArea.value = texto;\n                document.body.appendChild(textArea);\n                textArea.select();\n                try {\n                    document.execCommand('copy');\n                    alert('Lista copiada para a \u00e1rea de transfer\u00eancia!');\n                } catch (err) {\n                    alert('N\u00e3o foi poss\u00edvel copiar automaticamente. Por favor, selecione e copie manualmente.');\n                }\n                document.body.removeChild(textArea);\n            }\n\n            \/\/ Fecha modal clicando fora dele\n            document.getElementById('printModal').addEventListener('click', function(e) {\n                if (e.target === this) {\n                    fecharModalImpressao();\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Consumo para Festa \ud83c\udf89 Calculadora de Festa Calcule a quantidade ideal de salgados e bebidas para sua festa \ud83d\udc65 N\u00famero de Convidados Homens adultos: Mulheres adultas: Jovens homens: Jovens mulheres: Crian\u00e7as: \u2699\ufe0f Op\u00e7\u00f5es da Festa Festa longa (+ 4 horas) Dia quente Hor\u00e1rio de refei\u00e7\u00e3o Adicionar margem de seguran\u00e7a Calcular Consumo \ud83d\udcca Resultado [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1193","post","type-post","status-publish","format-standard","hentry","category-autoajuda"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/posts\/1193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/comments?post=1193"}],"version-history":[{"count":4,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/posts\/1193\/revisions"}],"predecessor-version":[{"id":1197,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/posts\/1193\/revisions\/1197"}],"wp:attachment":[{"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/media?parent=1193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/categories?post=1193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enricando.com.br\/en\/wp-json\/wp\/v2\/tags?post=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}