{"id":14,"date":"2026-08-08T13:25:47","date_gmt":"2026-08-08T13:25:47","guid":{"rendered":"https:\/\/camposdev.com\/chaderevelacao\/?page_id=14"},"modified":"2026-08-08T14:16:55","modified_gmt":"2026-08-08T14:16:55","slug":"elementor-14","status":"publish","type":"page","link":"https:\/\/camposdev.com\/chaderevelacao\/","title":{"rendered":"Elementor #14"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cca816e e-flex e-con-boxed e-con e-parent\" data-id=\"cca816e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3e8e12 elementor-widget elementor-widget-html\" data-id=\"f3e8e12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CH\u00c1 REVELA\u00c7\u00c3O \u2014 5 TELAS + ABERTURA COM NUVENS\n     1) Capa: vers\u00edculo + Ch\u00e1 Revela\u00e7\u00e3o + BOY OU GIRL?\n     2) Data e hor\u00e1rio\n     3) Localiza\u00e7\u00e3o + confirma\u00e7\u00e3o de presen\u00e7a\n     4) Traje + presentes + encerramento\n     5) Quiz final: MENINA ou MENINO\n     C\u00f3digo completo para UM widget HTML do Elementor\n========================================================= -->\n\n<style>\n\/* =====================================================\n       ESTRUTURA\n    ===================================================== *\/\n\n    .cha-revelacao-wrapper {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n    }\n\n    .cha-revelacao-fofo,\n    .cha-revelacao-fofo * {\n        box-sizing: border-box;\n    }\n\n    .cha-revelacao-fofo {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        aspect-ratio: 500 \/ 870;\n        overflow: hidden;\n        isolation: isolate;\n\n        background:\n            radial-gradient(\n                circle at 10% 14%,\n                rgba(255, 255, 255, 0.8) 0 5px,\n                transparent 6px\n            ),\n            radial-gradient(\n                circle at 88% 18%,\n                rgba(255, 255, 255, 0.7) 0 7px,\n                transparent 8px\n            ),\n            radial-gradient(\n                circle at 76% 38%,\n                rgba(255, 255, 255, 0.5) 0 4px,\n                transparent 5px\n            ),\n            linear-gradient(\n                180deg,\n                #f4ebe3 0%,\n                #fffaf4 31%,\n                #fffaf6 69%,\n                #f3e6da 100%\n            );\n\n        box-shadow:\n            inset 0 0 40px rgba(157, 121, 94, 0.1),\n            inset 0 0 4px rgba(255, 255, 255, 0.95);\n\n        animation: crEntradaFundo 1s ease-out both;\n    }\n\n    .cha-revelacao-fofo img {\n        display: block;\n        width: 100%;\n        max-width: none;\n        height: auto;\n        pointer-events: none;\n        user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    .cha-revelacao-fofo::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        pointer-events: none;\n\n        background:\n            radial-gradient(\n                circle at 16% 46%,\n                rgba(199, 169, 143, 0.12),\n                transparent 22%\n            ),\n            radial-gradient(\n                circle at 84% 56%,\n                rgba(199, 169, 143, 0.1),\n                transparent 24%\n            ),\n            repeating-linear-gradient(\n                0deg,\n                rgba(164, 132, 106, 0.025) 0,\n                rgba(164, 132, 106, 0.025) 1px,\n                transparent 1px,\n                transparent 5px\n            );\n    }\n\n    @keyframes crEntradaFundo {\n        0% {\n            opacity: 0;\n            transform: scale(1.05);\n            filter: blur(7px);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n            filter: blur(0);\n        }\n    }\n\n    \/* =====================================================\n       ARCO-\u00cdRIS\n    ===================================================== *\/\n\n    .cr-arco-container {\n        position: absolute;\n        z-index: 2;\n        top: -41%;\n        left: 50%;\n        width: 116%;\n        transform: translateX(-50%);\n        transform-origin: center top;\n\n        animation: crEntradaArco 1.4s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 0.15s both;\n    }\n\n    .cr-arco-iris {\n        width: 100%;\n        filter:\n            saturate(0.92)\n            drop-shadow(0 10px 13px rgba(156, 121, 94, 0.08));\n\n        animation: crArcoFlutuar 5.5s ease-in-out 1.7s infinite;\n    }\n\n    @keyframes crEntradaArco {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(-130px)\n                scale(0.9);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(10px)\n                scale(1.02);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crArcoFlutuar {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n\n        50% {\n            transform: translateY(7px) scale(1.015);\n        }\n    }\n\n    \/* =====================================================\n       N\u00c9VOA\n    ===================================================== *\/\n\n    .cr-nevoa {\n        position: absolute;\n        z-index: 3;\n        top: 9%;\n        left: -10%;\n        width: 120%;\n        height: 24%;\n        pointer-events: none;\n        opacity: 0;\n        filter: blur(10px);\n\n        background: radial-gradient(\n            ellipse at center,\n            rgba(255, 255, 255, 0.72) 0%,\n            rgba(255, 255, 255, 0.25) 46%,\n            transparent 75%\n        );\n\n        animation:\n            crEntradaNevoa 1.5s ease 0.9s forwards,\n            crNuvemRespirar 4.5s ease-in-out 2.4s infinite;\n    }\n\n    @keyframes crEntradaNevoa {\n        from {\n            opacity: 0;\n            transform: scale(0.85);\n        }\n\n        to {\n            opacity: 0.75;\n            transform: scale(1);\n        }\n    }\n\n    @keyframes crNuvemRespirar {\n        0%,\n        100% {\n            opacity: 0.68;\n            transform: scale(1);\n        }\n\n        50% {\n            opacity: 0.95;\n            transform: scale(1.04);\n        }\n    }\n\n    \/* =====================================================\n       BOT\u00c3O CLIQUE PARA SABER MAIS\n    ===================================================== *\/\n\n    .cr-botao-container {\n        position: absolute;\n        z-index: 35;\n        bottom: 3.5%;\n        left: 50%;\n        width: 82%;\n        display: flex;\n        justify-content: center;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: crEntradaBotao 1s\n            cubic-bezier(0.17, 0.89, 0.32, 1.35) 2.5s forwards;\n    }\n\n    .cr-botao-saiba-mais {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n\n        min-height: 46px;\n        padding: 12px 24px;\n        border: 2px solid rgba(255, 255, 255, 0.85);\n        border-radius: 999px;\n        overflow: hidden;\n\n        color: #ffffff !important;\n        background: linear-gradient(\n            135deg,\n            #c69a71 0%,\n            #b9845e 50%,\n            #cba47e 100%\n        );\n\n        box-shadow:\n            0 8px 20px rgba(139, 97, 67, 0.22),\n            inset 0 1px 0 rgba(255, 255, 255, 0.45);\n\n        font-family: Arial, Helvetica, sans-serif;\n        font-size: clamp(12px, 3.4vw, 16px);\n        font-weight: 700;\n        line-height: 1;\n        letter-spacing: 0.3px;\n        text-align: center;\n        text-decoration: none !important;\n        white-space: nowrap;\n        cursor: pointer;\n\n        animation:\n            crBotaoFlutuar 2.6s ease-in-out 3.5s infinite,\n            crBotaoPulsar 2.6s ease-in-out 3.5s infinite;\n\n        transition:\n            transform 0.3s ease,\n            box-shadow 0.3s ease,\n            filter 0.3s ease;\n    }\n\n    .cr-botao-saiba-mais::before {\n        content: \"\";\n        position: absolute;\n        top: -50%;\n        left: -80%;\n        width: 40%;\n        height: 200%;\n\n        background: linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.65),\n            transparent\n        );\n\n        transform: rotate(20deg);\n        animation: crBrilhoBotao 3.2s ease-in-out 3.8s infinite;\n    }\n\n    .cr-botao-saiba-mais:hover {\n        color: #ffffff !important;\n        transform: translateY(-4px) scale(1.05);\n        filter: brightness(1.06);\n\n        box-shadow:\n            0 12px 25px rgba(139, 97, 67, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.55);\n    }\n\n    .cr-botao-saiba-mais:active {\n        transform: translateY(0) scale(0.97);\n    }\n\n    .cr-botao-saiba-mais:focus-visible {\n        outline: 3px solid rgba(255, 255, 255, 0.95);\n        outline-offset: 4px;\n    }\n\n    .cr-botao-icone {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n        flex: 0 0 24px;\n        border-radius: 50%;\n\n        color: #b9845e;\n        background: rgba(255, 255, 255, 0.95);\n\n        font-size: 14px;\n        font-weight: 900;\n\n        animation: crSetaMexer 1.4s ease-in-out infinite;\n    }\n\n    @keyframes crEntradaBotao {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(35px)\n                scale(0.65);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-5px)\n                scale(1.06);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crBotaoFlutuar {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-5px);\n        }\n    }\n\n    @keyframes crBotaoPulsar {\n        0%,\n        100% {\n            box-shadow:\n                0 8px 20px rgba(139, 97, 67, 0.22),\n                0 0 0 0 rgba(198, 154, 113, 0.25);\n        }\n\n        50% {\n            box-shadow:\n                0 11px 24px rgba(139, 97, 67, 0.3),\n                0 0 0 10px rgba(198, 154, 113, 0);\n        }\n    }\n\n    @keyframes crBrilhoBotao {\n        0%,\n        45% {\n            left: -80%;\n        }\n\n        75%,\n        100% {\n            left: 140%;\n        }\n    }\n\n    @keyframes crSetaMexer {\n        0%,\n        100% {\n            transform: translateX(0);\n        }\n\n        50% {\n            transform: translateX(3px);\n        }\n    }\n\n    \/* =====================================================\n       BAL\u00d5ES\n    ===================================================== *\/\n\n    .cr-balao-container {\n        position: absolute;\n        z-index: 6;\n        top: 48%;\n        width: 65%;\n        transform-origin: 50% 100%;\n    }\n\n    .cr-balao-container img {\n        width: 100%;\n        opacity: 0.92;\n        filter: drop-shadow(0 9px 9px rgba(139, 103, 78, 0.1));\n    }\n\n    .cr-balao-container-esquerdo {\n        left: -21%;\n        opacity: 0;\n\n        animation: crEntradaBalaoEsquerdo 1.2s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 1.15s forwards;\n    }\n\n    .cr-balao-container-direito {\n        right: -21%;\n        opacity: 0;\n\n        animation: crEntradaBalaoDireito 1.2s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 1.3s forwards;\n    }\n\n    .cr-balao-esquerdo {\n        animation: crBalaoEsquerdo 4.2s ease-in-out 2.5s infinite;\n    }\n\n    .cr-balao-direito {\n        animation: crBalaoDireito 4.7s ease-in-out 2.6s infinite;\n    }\n\n    @keyframes crEntradaBalaoEsquerdo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-130px)\n                translateY(70px)\n                rotate(-15deg)\n                scale(0.7);\n        }\n\n        75% {\n            opacity: 1;\n            transform:\n                translateX(8px)\n                translateY(-5px)\n                rotate(2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crEntradaBalaoDireito {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(130px)\n                translateY(70px)\n                rotate(15deg)\n                scale(0.7);\n        }\n\n        75% {\n            opacity: 1;\n            transform:\n                translateX(-8px)\n                translateY(-5px)\n                rotate(-2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crBalaoEsquerdo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(-1.5deg);\n        }\n\n        50% {\n            transform: translateY(-12px) rotate(2deg);\n        }\n    }\n\n    @keyframes crBalaoDireito {\n        0%,\n        100% {\n            transform: translateY(-3px) rotate(1.5deg);\n        }\n\n        50% {\n            transform: translateY(-15px) rotate(-2deg);\n        }\n    }\n\n    \/* =====================================================\n       C\u00cdRCULOS DECORATIVOS\n    ===================================================== *\/\n\n    .cr-circulo {\n        position: absolute;\n        z-index: 4;\n        bottom: 1.5%;\n        width: 50%;\n        aspect-ratio: 1 \/ 1;\n        border-radius: 50%;\n        opacity: 0;\n        border: 1px solid rgba(196, 165, 140, 0.14);\n\n        background:\n            radial-gradient(\n                circle at 28% 24%,\n                rgba(255, 255, 255, 0.9) 0 5px,\n                transparent 6px\n            ),\n            radial-gradient(\n                circle at 67% 20%,\n                rgba(255, 255, 255, 0.8) 0 8px,\n                transparent 9px\n            ),\n            radial-gradient(\n                circle at 76% 48%,\n                rgba(255, 255, 255, 0.75) 0 6px,\n                transparent 7px\n            ),\n            linear-gradient(\n                145deg,\n                rgba(235, 214, 196, 0.62),\n                rgba(255, 250, 245, 0.15)\n            );\n    }\n\n    .cr-circulo-esquerdo {\n        left: -19%;\n\n        animation:\n            crEntradaCirculoEsquerdo 1s ease 1.55s forwards,\n            crCirculoBrilhar 4s ease-in-out 2.6s infinite;\n    }\n\n    .cr-circulo-direito {\n        right: -19%;\n\n        animation:\n            crEntradaCirculoDireito 1s ease 1.65s forwards,\n            crCirculoBrilhar 4s ease-in-out 2.7s infinite;\n    }\n\n    @keyframes crEntradaCirculoEsquerdo {\n        from {\n            opacity: 0;\n            transform: translateX(-70px) scale(0.7);\n        }\n\n        to {\n            opacity: 0.58;\n            transform: translateX(0) scale(1);\n        }\n    }\n\n    @keyframes crEntradaCirculoDireito {\n        from {\n            opacity: 0;\n            transform: translateX(70px) scale(0.7);\n        }\n\n        to {\n            opacity: 0.58;\n            transform: translateX(0) scale(1);\n        }\n    }\n\n    @keyframes crCirculoBrilhar {\n        0%,\n        100% {\n            opacity: 0.52;\n        }\n\n        50% {\n            opacity: 0.72;\n        }\n    }\n\n    \/* =====================================================\n       SOMBRA\n    ===================================================== *\/\n\n    .cr-sombra {\n        position: absolute;\n        z-index: 7;\n        bottom: 1.7%;\n        left: 50%;\n        width: 69%;\n        height: 7%;\n        border-radius: 50%;\n        opacity: 0;\n        filter: blur(9px);\n\n        background: radial-gradient(\n            ellipse,\n            rgba(165, 132, 106, 0.28) 0%,\n            rgba(165, 132, 106, 0.08) 48%,\n            transparent 75%\n        );\n\n        animation: crEntradaSombra 1s ease 1.8s forwards;\n    }\n\n    @keyframes crEntradaSombra {\n        from {\n            opacity: 0;\n            transform: translateX(-50%) scaleX(0.3);\n        }\n\n        to {\n            opacity: 0.48;\n            transform: translateX(-50%) scaleX(1);\n        }\n    }\n\n    \/* =====================================================\n       URSINHOS\n    ===================================================== *\/\n\n    .cr-urso-container {\n        position: absolute;\n        z-index: 14;\n        bottom: -5.8%;\n        transform-origin: center bottom;\n        opacity: 0;\n    }\n\n    .cr-urso-menina-container {\n        left: -3.3%;\n        width: 67%;\n\n        animation: crEntradaUrsa 1.25s\n            cubic-bezier(0.18, 0.89, 0.32, 1.25) 1.75s forwards;\n    }\n\n    .cr-urso-menino-container {\n        right: -4.5%;\n        width: 66%;\n\n        animation: crEntradaUrso 1.25s\n            cubic-bezier(0.18, 0.89, 0.32, 1.25) 1.95s forwards;\n    }\n\n    .cr-urso {\n        width: 100%;\n        transform-origin: center bottom;\n\n        filter:\n            drop-shadow(0 9px 8px rgba(135, 101, 78, 0.12))\n            drop-shadow(0 0 6px rgba(255, 255, 255, 0.2));\n    }\n\n    .cr-urso-menina {\n        animation: crUrsaFofo 3.3s ease-in-out 3.1s infinite;\n    }\n\n    .cr-urso-menino {\n        animation: crUrsoFofo 3.3s ease-in-out 3.25s infinite;\n    }\n\n    @keyframes crEntradaUrsa {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(230px)\n                rotate(-8deg)\n                scale(0.75);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateY(-12px)\n                rotate(2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crEntradaUrso {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(230px)\n                rotate(8deg)\n                scale(0.75);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateY(-12px)\n                rotate(-2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes crUrsaFofo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(0);\n        }\n\n        50% {\n            transform: translateY(-7px) rotate(-1.1deg);\n        }\n    }\n\n    @keyframes crUrsoFofo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(0);\n        }\n\n        50% {\n            transform: translateY(-7px) rotate(1.1deg);\n        }\n    }\n\n    \/* =====================================================\n       BRILHOS\n    ===================================================== *\/\n\n    .cr-brilho {\n        position: absolute;\n        z-index: 20;\n        width: 8px;\n        height: 8px;\n        pointer-events: none;\n        border-radius: 50%;\n\n        background: rgba(255, 255, 255, 0.95);\n\n        box-shadow:\n            0 0 7px rgba(255, 255, 255, 0.95),\n            0 0 14px rgba(255, 227, 198, 0.75);\n\n        animation: crPiscar 2.4s ease-in-out infinite;\n    }\n\n    .cr-brilho::before,\n    .cr-brilho::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.92);\n        transform: translate(-50%, -50%);\n    }\n\n    .cr-brilho::before {\n        width: 20px;\n        height: 2px;\n    }\n\n    .cr-brilho::after {\n        width: 2px;\n        height: 20px;\n    }\n\n    .cr-brilho-1 {\n        top: 29%;\n        left: 13%;\n        animation-delay: 2.2s;\n    }\n\n    .cr-brilho-2 {\n        top: 36%;\n        right: 12%;\n        animation-delay: 2.7s;\n    }\n\n    .cr-brilho-3 {\n        top: 57%;\n        left: 10%;\n        animation-delay: 3.2s;\n    }\n\n    .cr-brilho-4 {\n        top: 64%;\n        right: 9%;\n        animation-delay: 3.7s;\n    }\n\n    @keyframes crPiscar {\n        0%,\n        100% {\n            opacity: 0.15;\n            transform: scale(0.55);\n        }\n\n        50% {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    \/* =====================================================\n       CORA\u00c7\u00d5ES\n    ===================================================== *\/\n\n    .cr-coracao {\n        position: absolute;\n        z-index: 13;\n        bottom: 20%;\n        width: 12px;\n        height: 12px;\n        opacity: 0;\n        pointer-events: none;\n        background: rgba(205, 161, 143, 0.55);\n        transform: rotate(45deg);\n\n        animation: crCoracaoSubir 6s linear infinite;\n    }\n\n    .cr-coracao::before,\n    .cr-coracao::after {\n        content: \"\";\n        position: absolute;\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background: inherit;\n    }\n\n    .cr-coracao::before {\n        left: -6px;\n        top: 0;\n    }\n\n    .cr-coracao::after {\n        left: 0;\n        top: -6px;\n    }\n\n    .cr-coracao-1 {\n        left: 22%;\n        animation-delay: 3.1s;\n    }\n\n    .cr-coracao-2 {\n        left: 48%;\n        animation-delay: 4.7s;\n    }\n\n    .cr-coracao-3 {\n        right: 20%;\n        animation-delay: 6.2s;\n    }\n\n    @keyframes crCoracaoSubir {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(0)\n                rotate(45deg)\n                scale(0.5);\n        }\n\n        15% {\n            opacity: 0.65;\n        }\n\n        70% {\n            opacity: 0.45;\n        }\n\n        100% {\n            opacity: 0;\n            transform:\n                translateY(-210px)\n                rotate(70deg)\n                scale(1.1);\n        }\n    }\n\n    \/* =====================================================\n       RESPONSIVO\n    ===================================================== *\/\n\n    @media (max-width: 480px) {\n        .cha-revelacao-fofo {\n            max-width: none;\n        }\n\n        .cr-arco-container {\n            width: 118%;\n        }\n\n        .cr-botao-container {\n            bottom: 2.8%;\n            width: 88%;\n        }\n\n        .cr-botao-saiba-mais {\n            min-height: 42px;\n            padding: 10px 19px;\n        }\n\n        .cr-urso-menina-container {\n            left: -4.5%;\n        }\n\n        .cr-urso-menino-container {\n            right: -5.5%;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .cha-revelacao-fofo *,\n        .cha-revelacao-fofo::before {\n            animation-duration: 0.01ms !important;\n            animation-delay: 0ms !important;\n            animation-iteration-count: 1 !important;\n        }\n    }\n\n\/* =====================================================\n       CONTAINER EXTERNO\n    ===================================================== *\/\n\n    .cr2-wrapper {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    .cr2-wrapper,\n    .cr2-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* =====================================================\n       CONVITE PRINCIPAL\n    ===================================================== *\/\n\n    .cr2-convite {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        aspect-ratio: 500 \/ 887;\n        overflow: hidden;\n        isolation: isolate;\n\n        background:\n            radial-gradient(\n                circle at 12% 18%,\n                rgba(255, 255, 255, 0.55) 0 3px,\n                transparent 4px\n            ),\n            radial-gradient(\n                circle at 86% 30%,\n                rgba(255, 255, 255, 0.5) 0 4px,\n                transparent 5px\n            ),\n            radial-gradient(\n                ellipse at 50% 100%,\n                rgba(205, 181, 159, 0.26) 0%,\n                transparent 55%\n            ),\n            linear-gradient(\n                180deg,\n                #eee5dc 0%,\n                #fff9f2 20%,\n                #fffaf4 68%,\n                #eae0d6 100%\n            );\n\n        box-shadow:\n            inset 0 0 45px rgba(158, 126, 101, 0.12),\n            inset 0 0 4px rgba(255, 255, 255, 0.9);\n\n        animation: cr2EntradaFundo 1.1s ease-out both;\n    }\n\n    .cr2-convite img {\n        display: block;\n        max-width: none;\n        height: auto;\n        user-select: none;\n        pointer-events: none;\n        -webkit-user-drag: none;\n    }\n\n    \/* =====================================================\n       TEXTURA DE PAPEL\n    ===================================================== *\/\n\n    .cr2-convite::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        pointer-events: none;\n\n        background:\n            repeating-linear-gradient(\n                0deg,\n                rgba(137, 108, 84, 0.018) 0,\n                rgba(137, 108, 84, 0.018) 1px,\n                transparent 1px,\n                transparent 4px\n            ),\n            repeating-linear-gradient(\n                90deg,\n                rgba(255, 255, 255, 0.018) 0,\n                rgba(255, 255, 255, 0.018) 1px,\n                transparent 1px,\n                transparent 6px\n            );\n\n        opacity: 0.85;\n        mix-blend-mode: multiply;\n    }\n\n    .cr2-convite::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 50;\n        pointer-events: none;\n\n        box-shadow:\n            inset 0 0 30px rgba(140, 109, 84, 0.08),\n            inset 0 0 2px rgba(255, 255, 255, 0.9);\n    }\n\n    @keyframes cr2EntradaFundo {\n        0% {\n            opacity: 0;\n            transform: scale(1.055);\n            filter: blur(8px);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n            filter: blur(0);\n        }\n    }\n\n    \/* =====================================================\n       BAL\u00d5ES\n    ===================================================== *\/\n\n    .cr2-balao-container {\n        position: absolute;\n        z-index: 5;\n        top: -1.5%;\n        opacity: 0;\n        transform-origin: 50% 10%;\n    }\n\n    .cr2-balao-container img {\n        width: 100%;\n        filter:\n            saturate(0.85)\n            drop-shadow(0 8px 8px rgba(127, 92, 65, 0.09));\n    }\n\n    .cr2-balao-esquerdo-container {\n        left: -20%;\n        width: 49%;\n\n        animation: cr2EntradaBalaoEsquerdo 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.18) 0.25s forwards;\n    }\n\n    .cr2-balao-direito-container {\n        right: -17%;\n        width: 47%;\n\n        animation: cr2EntradaBalaoDireito 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.18) 0.4s forwards;\n    }\n\n    .cr2-balao-esquerdo {\n        animation: cr2FlutuarBalaoEsquerdo 5.2s ease-in-out 1.7s infinite;\n    }\n\n    .cr2-balao-direito {\n        animation: cr2FlutuarBalaoDireito 5.7s ease-in-out 1.8s infinite;\n    }\n\n    @keyframes cr2EntradaBalaoEsquerdo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-100px)\n                translateY(-80px)\n                rotate(-12deg)\n                scale(0.76);\n        }\n\n        75% {\n            opacity: 1;\n            transform:\n                translateX(6px)\n                translateY(7px)\n                rotate(2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2EntradaBalaoDireito {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(100px)\n                translateY(-80px)\n                rotate(12deg)\n                scale(0.76);\n        }\n\n        75% {\n            opacity: 1;\n            transform:\n                translateX(-6px)\n                translateY(7px)\n                rotate(-2deg)\n                scale(1.03);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2FlutuarBalaoEsquerdo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(-1deg);\n        }\n\n        50% {\n            transform: translateY(-10px) rotate(1.5deg);\n        }\n    }\n\n    @keyframes cr2FlutuarBalaoDireito {\n        0%,\n        100% {\n            transform: translateY(-3px) rotate(1deg);\n        }\n\n        50% {\n            transform: translateY(-14px) rotate(-1.5deg);\n        }\n    }\n\n    \/* =====================================================\n       NUVENS\n    ===================================================== *\/\n\n    .cr2-nuvem-container {\n        position: absolute;\n        z-index: 6;\n        opacity: 0;\n    }\n\n    .cr2-nuvem-container img {\n        width: 100%;\n        filter:\n            saturate(0.78)\n            drop-shadow(0 8px 12px rgba(145, 112, 85, 0.07));\n    }\n\n    .cr2-nuvem-superior-container {\n        top: 0.3%;\n        left: 32%;\n        width: 42%;\n\n        animation: cr2EntradaNuvemSuperior 1.15s ease 0.65s forwards;\n    }\n\n    .cr2-nuvem-central-container {\n        top: 13.2%;\n        left: 55%;\n        width: 50%;\n\n        animation: cr2EntradaNuvemCentral 1.15s ease 0.85s forwards;\n    }\n\n    .cr2-nuvem-superior {\n        animation: cr2FlutuarNuvem1 5s ease-in-out 2s infinite;\n    }\n\n    .cr2-nuvem-central {\n        animation: cr2FlutuarNuvem2 5.8s ease-in-out 2.1s infinite;\n    }\n\n    @keyframes cr2EntradaNuvemSuperior {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(-40px)\n                scale(0.78);\n        }\n\n        100% {\n            opacity: 0.9;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2EntradaNuvemCentral {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(-25px)\n                scale(0.75);\n        }\n\n        100% {\n            opacity: 0.95;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2FlutuarNuvem1 {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n\n        50% {\n            transform: translateY(6px) scale(1.025);\n        }\n    }\n\n    @keyframes cr2FlutuarNuvem2 {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-7px);\n        }\n    }\n\n    \/* =====================================================\n       SOMBRA DOS URSOS\n    ===================================================== *\/\n\n    .cr2-sombra {\n        position: absolute;\n        z-index: 10;\n        bottom: 0.5%;\n        left: 50%;\n        width: 78%;\n        height: 7%;\n        opacity: 0;\n        border-radius: 50%;\n        filter: blur(11px);\n\n        background: radial-gradient(\n            ellipse,\n            rgba(139, 102, 74, 0.28) 0%,\n            rgba(139, 102, 74, 0.09) 49%,\n            transparent 74%\n        );\n\n        animation: cr2EntradaSombra 1s ease 1.75s forwards;\n    }\n\n    @keyframes cr2EntradaSombra {\n        0% {\n            opacity: 0;\n            transform: translateX(-50%) scaleX(0.3);\n        }\n\n        100% {\n            opacity: 0.48;\n            transform: translateX(-50%) scaleX(1);\n        }\n    }\n\n    \/* =====================================================\n       URSINHOS\n    ===================================================== *\/\n\n    .cr2-urso-container {\n        position: absolute;\n        z-index: 18;\n        bottom: -0.4%;\n        opacity: 0;\n        transform-origin: center bottom;\n    }\n\n    .cr2-urso-container img {\n        width: 100%;\n        filter:\n            drop-shadow(0 8px 7px rgba(113, 79, 57, 0.12))\n            saturate(0.92);\n    }\n\n    .cr2-ursinha-container {\n        left: 4.4%;\n        width: 52.5%;\n\n        animation: cr2EntradaUrsinha 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.55s forwards;\n    }\n\n    .cr2-ursinho-container {\n        right: 4.2%;\n        width: 52.5%;\n\n        animation: cr2EntradaUrsinho 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.78s forwards;\n    }\n\n    .cr2-ursinha {\n        animation: cr2UrsinhaFofo 3.8s ease-in-out 2.9s infinite;\n    }\n\n    .cr2-ursinho {\n        animation: cr2UrsinhoFofo 3.8s ease-in-out 3.1s infinite;\n    }\n\n    @keyframes cr2EntradaUrsinha {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(260px)\n                translateX(-50px)\n                rotate(-9deg)\n                scale(0.7);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateY(-12px)\n                translateX(4px)\n                rotate(2deg)\n                scale(1.035);\n        }\n\n        85% {\n            transform:\n                translateY(5px)\n                translateX(0)\n                rotate(-1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateY(0)\n                translateX(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2EntradaUrsinho {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(260px)\n                translateX(50px)\n                rotate(9deg)\n                scale(0.7);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateY(-12px)\n                translateX(-4px)\n                rotate(-2deg)\n                scale(1.035);\n        }\n\n        85% {\n            transform:\n                translateY(5px)\n                translateX(0)\n                rotate(1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateY(0)\n                translateX(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr2UrsinhaFofo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(0);\n        }\n\n        50% {\n            transform: translateY(-6px) rotate(-0.8deg);\n        }\n    }\n\n    @keyframes cr2UrsinhoFofo {\n        0%,\n        100% {\n            transform: translateY(0) rotate(0);\n        }\n\n        50% {\n            transform: translateY(-6px) rotate(0.8deg);\n        }\n    }\n\n    \/* =====================================================\n       BRILHOS DECORATIVOS\n    ===================================================== *\/\n\n    .cr2-brilho {\n        position: absolute;\n        z-index: 22;\n        width: 7px;\n        height: 7px;\n        opacity: 0;\n        border-radius: 50%;\n        pointer-events: none;\n\n        background: rgba(255, 255, 255, 0.95);\n\n        box-shadow:\n            0 0 6px rgba(255, 255, 255, 0.95),\n            0 0 14px rgba(255, 224, 194, 0.78);\n\n        animation: cr2Piscar 2.8s ease-in-out infinite;\n    }\n\n    .cr2-brilho::before,\n    .cr2-brilho::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.9);\n        transform: translate(-50%, -50%);\n    }\n\n    .cr2-brilho::before {\n        width: 18px;\n        height: 1.5px;\n    }\n\n    .cr2-brilho::after {\n        width: 1.5px;\n        height: 18px;\n    }\n\n    .cr2-brilho-1 {\n        top: 20%;\n        left: 13%;\n        animation-delay: 2s;\n    }\n\n    .cr2-brilho-2 {\n        top: 17%;\n        right: 15%;\n        animation-delay: 2.7s;\n        transform: scale(0.7);\n    }\n\n    .cr2-brilho-3 {\n        top: 55%;\n        left: 8%;\n        animation-delay: 3.3s;\n        transform: scale(0.65);\n    }\n\n    .cr2-brilho-4 {\n        top: 51%;\n        right: 9%;\n        animation-delay: 3.8s;\n        transform: scale(0.8);\n    }\n\n    @keyframes cr2Piscar {\n        0%,\n        100% {\n            opacity: 0;\n        }\n\n        45% {\n            opacity: 0.2;\n        }\n\n        55% {\n            opacity: 1;\n        }\n\n        70% {\n            opacity: 0.15;\n        }\n    }\n\n    \/* =====================================================\n       CORA\u00c7\u00d5ES SUBINDO\n    ===================================================== *\/\n\n    .cr2-coracao {\n        position: absolute;\n        z-index: 16;\n        bottom: 16%;\n        width: 10px;\n        height: 10px;\n        opacity: 0;\n        pointer-events: none;\n        background: rgba(208, 161, 144, 0.48);\n        transform: rotate(45deg);\n\n        animation: cr2CoracaoSubir 7s linear infinite;\n    }\n\n    .cr2-coracao::before,\n    .cr2-coracao::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: inherit;\n    }\n\n    .cr2-coracao::before {\n        top: 0;\n        left: -5px;\n    }\n\n    .cr2-coracao::after {\n        top: -5px;\n        left: 0;\n    }\n\n    .cr2-coracao-1 {\n        left: 22%;\n        animation-delay: 3s;\n    }\n\n    .cr2-coracao-2 {\n        left: 49%;\n        animation-delay: 5.2s;\n        transform: rotate(45deg) scale(0.7);\n    }\n\n    .cr2-coracao-3 {\n        right: 21%;\n        animation-delay: 7.4s;\n        transform: rotate(45deg) scale(0.85);\n    }\n\n    @keyframes cr2CoracaoSubir {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(0)\n                translateX(0)\n                rotate(45deg)\n                scale(0.5);\n        }\n\n        16% {\n            opacity: 0.55;\n        }\n\n        48% {\n            transform:\n                translateY(-95px)\n                translateX(12px)\n                rotate(55deg)\n                scale(0.8);\n        }\n\n        75% {\n            opacity: 0.35;\n        }\n\n        100% {\n            opacity: 0;\n            transform:\n                translateY(-210px)\n                translateX(-8px)\n                rotate(72deg)\n                scale(1.1);\n        }\n    }\n\n    \/* =====================================================\n       ESTRELINHAS NO C\u00c9U\n    ===================================================== *\/\n\n    .cr2-estrela {\n        position: absolute;\n        z-index: 7;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        pointer-events: none;\n        opacity: 0;\n        background: rgba(255, 255, 255, 0.98);\n        box-shadow:\n            0 0 8px rgba(255, 255, 255, 0.95),\n            0 0 16px rgba(255, 238, 210, 0.72);\n        animation: cr2BrilharEstrela 3s ease-in-out infinite;\n    }\n\n    .cr2-estrela::before,\n    .cr2-estrela::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.95);\n    }\n\n    .cr2-estrela::before {\n        width: 18px;\n        height: 2px;\n    }\n\n    .cr2-estrela::after {\n        width: 2px;\n        height: 18px;\n    }\n\n    .cr2-estrela-1 {\n        top: 8%;\n        left: 14%;\n        animation-delay: 0.2s;\n        transform: scale(0.8);\n    }\n\n    .cr2-estrela-2 {\n        top: 10%;\n        left: 26%;\n        animation-delay: 1s;\n        transform: scale(0.55);\n    }\n\n    .cr2-estrela-3 {\n        top: 7%;\n        right: 18%;\n        animation-delay: 1.8s;\n        transform: scale(0.95);\n    }\n\n    .cr2-estrela-4 {\n        top: 15%;\n        right: 10%;\n        animation-delay: 0.8s;\n        transform: scale(0.7);\n    }\n\n    .cr2-estrela-5 {\n        top: 18%;\n        left: 9%;\n        animation-delay: 2.1s;\n        transform: scale(0.65);\n    }\n\n    .cr2-estrela-6 {\n        top: 21%;\n        right: 24%;\n        animation-delay: 1.4s;\n        transform: scale(0.6);\n    }\n\n    @keyframes cr2BrilharEstrela {\n        0%,\n        100% {\n            opacity: 0.25;\n            transform: scale(0.55);\n        }\n\n        50% {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    \/* =====================================================\n       BOT\u00c3O REDONDO INFERIOR DIREITO\n    ===================================================== *\/\n\n    .cr2-botao-circular {\n        position: absolute;\n        z-index: 40;\n        right: 4.2%;\n        bottom: 4.2%;\n        width: 72px;\n        height: 72px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border: 2px solid rgba(255, 255, 255, 0.9);\n        border-radius: 50%;\n        text-decoration: none;\n        background: linear-gradient(\n            135deg,\n            #c69a71 0%,\n            #b9845e 50%,\n            #cba47e 100%\n        );\n        box-shadow:\n            0 10px 20px rgba(139, 97, 67, 0.24),\n            inset 0 1px 0 rgba(255, 255, 255, 0.45);\n        opacity: 0;\n        transform: translateY(20px) scale(0.8);\n\n        animation:\n            cr2EntradaBotaoCircular 0.9s\n                cubic-bezier(0.17, 0.89, 0.32, 1.35) 2.2s forwards,\n            cr2PulsoBotaoCircular 2.3s ease-in-out 3.2s infinite;\n\n        transition:\n            transform 0.25s ease,\n            box-shadow 0.25s ease,\n            filter 0.25s ease;\n    }\n\n    .cr2-botao-circular:hover {\n        transform: translateY(-3px) scale(1.05);\n        filter: brightness(1.05);\n        box-shadow:\n            0 14px 24px rgba(139, 97, 67, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.55);\n    }\n\n    .cr2-botao-circular:focus-visible {\n        outline: 3px solid rgba(255, 255, 255, 0.95);\n        outline-offset: 4px;\n    }\n\n    .cr2-botao-circular::before {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n        border-radius: 50%;\n        border: 2px solid rgba(198, 154, 113, 0.35);\n        animation: cr2AuraBotaoCircular 2.3s ease-in-out 3.2s infinite;\n    }\n\n    .cr2-botao-seta {\n        position: relative;\n        z-index: 1;\n        width: 64%;\n        height: 64%;\n        object-fit: contain;\n        pointer-events: none;\n        animation: cr2SetaPulsar 1.4s ease-in-out 3.2s infinite;\n        filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.18));\n    }\n\n    @keyframes cr2EntradaBotaoCircular {\n        0% {\n            opacity: 0;\n            transform: translateY(20px) scale(0.8);\n        }\n\n        70% {\n            opacity: 1;\n            transform: translateY(-4px) scale(1.06);\n        }\n\n        100% {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\n\n    @keyframes cr2PulsoBotaoCircular {\n        0%,\n        100% {\n            box-shadow:\n                0 10px 20px rgba(139, 97, 67, 0.24),\n                0 0 0 0 rgba(198, 154, 113, 0.18);\n        }\n\n        50% {\n            box-shadow:\n                0 12px 24px rgba(139, 97, 67, 0.28),\n                0 0 0 10px rgba(198, 154, 113, 0);\n        }\n    }\n\n    @keyframes cr2AuraBotaoCircular {\n        0%,\n        100% {\n            opacity: 0.55;\n            transform: scale(0.96);\n        }\n\n        50% {\n            opacity: 0;\n            transform: scale(1.18);\n        }\n    }\n\n    @keyframes cr2SetaPulsar {\n        0%,\n        100% {\n            transform: translateX(2px) scale(1);\n        }\n\n        50% {\n            transform: translateX(6px) scale(1.14);\n        }\n    }\n\n    \/* =====================================================\n       RESPONSIVIDADE\n    ===================================================== *\/\n\n    @media (max-width: 480px) {\n        .cr2-convite {\n            max-width: none;\n        }\n\n        .cr2-balao-esquerdo-container {\n            left: -22%;\n            width: 51%;\n        }\n\n        .cr2-balao-direito-container {\n            right: -19%;\n            width: 49%;\n        }\n\n        .cr2-nuvem-superior-container {\n            top: 0.8%;\n            left: 31%;\n            width: 44%;\n        }\n\n        .cr2-nuvem-central-container {\n            top: 13.9%;\n            left: 55%;\n            width: 52%;\n        }\n\n        .cr2-ursinha-container {\n            left: 3%;\n            width: 54%;\n        }\n\n        .cr2-ursinho-container {\n            right: 3%;\n            width: 54%;\n        }\n\n        .cr2-botao-circular {\n            width: 66px;\n            height: 66px;\n            right: 4%;\n            bottom: 3.6%;\n        }\n\n        .cr2-botao-seta {\n            width: 66%;\n            height: 66%;\n        }\n    }\n\n    \/* =====================================================\n       ACESSIBILIDADE\n    ===================================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .cr2-convite,\n        .cr2-convite *,\n        .cr2-convite::before,\n        .cr2-convite::after {\n            animation-duration: 0.01ms !important;\n            animation-delay: 0ms !important;\n            animation-iteration-count: 1 !important;\n        }\n\n        .cr2-balao-container,\n        .cr2-nuvem-container,\n        .cr2-urso-container,\n        .cr2-sombra,\n        .cr2-botao-circular {\n            opacity: 1 !important;\n        }\n    }\n\n\/* =====================================================\n       CONTAINER EXTERNO\n    ===================================================== *\/\n\n    .cr5-wrapper {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .cr5-wrapper,\n    .cr5-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* =====================================================\n       CONVITE\n    ===================================================== *\/\n\n    .cr5-convite {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        aspect-ratio: 500 \/ 887;\n        overflow: hidden;\n        isolation: isolate;\n\n        background:\n            radial-gradient(\n                circle at 18% 13%,\n                rgba(255, 255, 255, 0.75) 0 5px,\n                transparent 6px\n            ),\n            radial-gradient(\n                circle at 86% 25%,\n                rgba(255, 255, 255, 0.52) 0 4px,\n                transparent 5px\n            ),\n            radial-gradient(\n                circle at 12% 54%,\n                rgba(255, 255, 255, 0.38) 0 3px,\n                transparent 4px\n            ),\n            radial-gradient(\n                ellipse at 50% 103%,\n                rgba(188, 155, 127, 0.25) 0%,\n                transparent 58%\n            ),\n            linear-gradient(\n                180deg,\n                #eee4da 0%,\n                #fff8ef 20%,\n                #fffaf4 66%,\n                #e9ded2 100%\n            );\n\n        box-shadow:\n            inset 0 0 45px rgba(143, 107, 78, 0.12),\n            inset 0 0 3px rgba(255, 255, 255, 0.95);\n\n        animation: cr5EntradaFundo 1.1s ease-out both;\n    }\n\n    .cr5-convite img {\n        display: block;\n        max-width: none;\n        height: auto;\n        user-select: none;\n        pointer-events: none;\n        -webkit-user-drag: none;\n    }\n\n    \/* Textura de papel *\/\n\n    .cr5-convite::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.63;\n        pointer-events: none;\n\n        background:\n            repeating-linear-gradient(\n                0deg,\n                rgba(137, 104, 78, 0.022) 0,\n                rgba(137, 104, 78, 0.022) 1px,\n                transparent 1px,\n                transparent 5px\n            ),\n            repeating-linear-gradient(\n                90deg,\n                rgba(255, 255, 255, 0.025) 0,\n                rgba(255, 255, 255, 0.025) 1px,\n                transparent 1px,\n                transparent 7px\n            );\n    }\n\n    .cr5-convite::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 60;\n        pointer-events: none;\n\n        box-shadow:\n            inset 0 0 35px rgba(128, 94, 68, 0.08),\n            inset 0 0 2px rgba(255, 255, 255, 0.95);\n    }\n\n    @keyframes cr5EntradaFundo {\n        0% {\n            opacity: 0;\n            transform: scale(1.055);\n            filter: blur(8px);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n            filter: blur(0);\n        }\n    }\n\n    \/* =====================================================\n       ARCO-\u00cdRIS\n    ===================================================== *\/\n\n    .cr5-arco-container {\n        position: absolute;\n        z-index: 5;\n        top: -30%;\n        left: 50%;\n        width: 92%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr5EntradaArco 1.4s\n            cubic-bezier(0.18, 0.89, 0.32, 1.22) 0.15s forwards;\n    }\n\n    .cr5-arco {\n        width: 100%;\n        filter:\n            saturate(0.88)\n            drop-shadow(0 10px 13px rgba(136, 99, 71, 0.1));\n\n        animation: cr5ArcoFlutuar 5.2s ease-in-out 1.7s infinite;\n    }\n\n    @keyframes cr5EntradaArco {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(-120px)\n                scale(0.75);\n        }\n\n        68% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(10px)\n                scale(1.035);\n        }\n\n        84% {\n            transform:\n                translateX(-50%)\n                translateY(-4px)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5ArcoFlutuar {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n\n        50% {\n            transform: translateY(8px) scale(1.015);\n        }\n    }\n\n    \/* =====================================================\n       NUVENS\n    ===================================================== *\/\n\n    .cr5-nuvem-container {\n        position: absolute;\n        z-index: 7;\n        width: 53%;\n        opacity: 0;\n    }\n\n    .cr5-nuvem-container img {\n        width: 100%;\n        filter:\n            saturate(0.76)\n            drop-shadow(0 8px 12px rgba(139, 106, 80, 0.08));\n    }\n\n    .cr5-nuvem-esquerda-container {\n        top: -5%;\n        left: -8%;\n\n        animation: cr5EntradaNuvemEsquerda 1.25s\n            cubic-bezier(0.18, 0.89, 0.32, 1.18) 0.55s forwards;\n    }\n\n    .cr5-nuvem-direita-container {\n        top: 1%;\n        right: -10%;\n\n        animation: cr5EntradaNuvemDireita 1.25s\n            cubic-bezier(0.18, 0.89, 0.32, 1.18) 0.7s forwards;\n    }\n\n    .cr5-nuvem-esquerda {\n        animation: cr5NuvemEsquerda 5.2s ease-in-out 2s infinite;\n    }\n\n    .cr5-nuvem-direita {\n        animation: cr5NuvemDireita 5.8s ease-in-out 2.2s infinite;\n    }\n\n    @keyframes cr5EntradaNuvemEsquerda {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-100px)\n                translateY(-25px)\n                scale(0.72);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(8px)\n                translateY(3px)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.95;\n            transform:\n                translateX(0)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5EntradaNuvemDireita {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(100px)\n                translateY(-25px)\n                scale(0.72);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(-8px)\n                translateY(3px)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.95;\n            transform:\n                translateX(0)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5NuvemEsquerda {\n        0%,\n        100% {\n            transform: translateY(0) translateX(0);\n        }\n\n        50% {\n            transform: translateY(-8px) translateX(5px);\n        }\n    }\n\n    @keyframes cr5NuvemDireita {\n        0%,\n        100% {\n            transform: translateY(-2px) translateX(0);\n        }\n\n        50% {\n            transform: translateY(-12px) translateX(-5px);\n        }\n    }\n\n    \/* =====================================================\n       ESTRELA CADENTE\n    ===================================================== *\/\n\n    .cr5-estrela-container {\n        position: absolute;\n        z-index: 10;\n        top: 8%;\n        right: 2%;\n        width: 31%;\n        opacity: 0;\n\n        animation: cr5EntradaEstrela 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.3) 1s forwards;\n    }\n\n    .cr5-estrela {\n        width: 100%;\n        filter:\n            saturate(0.92)\n            drop-shadow(0 0 10px rgba(224, 171, 104, 0.35));\n\n        animation:\n            cr5EstrelaFlutuar 4s ease-in-out 2.35s infinite,\n            cr5EstrelaBrilhar 2.8s ease-in-out 2.35s infinite;\n    }\n\n    @keyframes cr5EntradaEstrela {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(100px)\n                translateY(-70px)\n                rotate(-15deg)\n                scale(0.35);\n        }\n\n        65% {\n            opacity: 1;\n            transform:\n                translateX(-8px)\n                translateY(7px)\n                rotate(3deg)\n                scale(1.08);\n        }\n\n        82% {\n            transform:\n                translateX(3px)\n                translateY(-3px)\n                rotate(-1deg)\n                scale(0.97);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5EstrelaFlutuar {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                rotate(0);\n        }\n\n        50% {\n            transform:\n                translateY(-8px)\n                rotate(2deg);\n        }\n    }\n\n    @keyframes cr5EstrelaBrilhar {\n        0%,\n        100% {\n            filter:\n                saturate(0.92)\n                brightness(1)\n                drop-shadow(0 0 8px rgba(224, 171, 104, 0.25));\n        }\n\n        50% {\n            filter:\n                saturate(1)\n                brightness(1.18)\n                drop-shadow(0 0 16px rgba(224, 171, 104, 0.55));\n        }\n    }\n\n    \/* =====================================================\n       TEXTO DAS ROUPAS\n    ===================================================== *\/\n\n    .cr5-roupas-container {\n        position: absolute;\n        z-index: 15;\n        top: 24%;\n        left: 50%;\n        width: 94%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr5EntradaRoupas 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.22) 1.15s forwards;\n    }\n\n    .cr5-roupas {\n        width: 100%;\n        filter:\n            saturate(0.92)\n            drop-shadow(0 4px 4px rgba(110, 73, 45, 0.08));\n\n        animation: cr5RoupasRespirar 4.4s ease-in-out 2.6s infinite;\n    }\n\n    @keyframes cr5EntradaRoupas {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(50px)\n                scale(0.72);\n        }\n\n        68% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-7px)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5RoupasRespirar {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-4px);\n        }\n    }\n\n    \/* =====================================================\n       SUGEST\u00c3O DE PRESENTE\n    ===================================================== *\/\n\n    .cr5-presente-titulo-container {\n        position: absolute;\n        z-index: 16;\n        top: 42.5%;\n        left: 50%;\n        width: 79%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr5EntradaPresenteTitulo 1.2s\n            cubic-bezier(0.17, 0.89, 0.32, 1.3) 1.5s forwards;\n    }\n\n    .cr5-presente-titulo {\n        width: 100%;\n        filter:\n            saturate(0.95)\n            drop-shadow(0 4px 4px rgba(108, 68, 35, 0.09));\n\n        animation: cr5TituloPresente 4s ease-in-out 2.9s infinite;\n    }\n\n    @keyframes cr5EntradaPresenteTitulo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(40px)\n                scale(0.55)\n                rotate(-3deg);\n        }\n\n        58% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-7px)\n                scale(1.07)\n                rotate(1deg);\n        }\n\n        80% {\n            transform:\n                translateX(-50%)\n                translateY(3px)\n                scale(0.98)\n                rotate(-0.5deg);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1)\n                rotate(0);\n        }\n    }\n\n    @keyframes cr5TituloPresente {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n\n        50% {\n            transform: translateY(-4px) scale(1.015);\n        }\n    }\n\n    \/* =====================================================\n       FRALDA M OU G + MIMO\n    ===================================================== *\/\n\n    .cr5-fralda-container {\n        position: absolute;\n        z-index: 16;\n        top: 47.5%;\n        left: 50%;\n        width: 65%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr5EntradaFralda 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.25) 1.8s forwards;\n    }\n\n    .cr5-fralda {\n        width: 100%;\n        filter:\n            saturate(0.92)\n            drop-shadow(0 4px 4px rgba(109, 72, 44, 0.08));\n\n        animation: cr5FraldaFlutuar 4.2s ease-in-out 3.2s infinite;\n    }\n\n    @keyframes cr5EntradaFralda {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(55px)\n                scale(0.65);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-7px)\n                scale(1.04);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5FraldaFlutuar {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-5px);\n        }\n    }\n\n    \/* =====================================================\n       FOLHAGENS\n    ===================================================== *\/\n\n    .cr5-folhagem-container {\n        position: absolute;\n        z-index: 11;\n        bottom: -1%;\n        width: 43%;\n        opacity: 0;\n        transform-origin: center bottom;\n    }\n\n    .cr5-folhagem-container img {\n        width: 100%;\n        filter:\n            saturate(0.84)\n            drop-shadow(0 8px 9px rgba(110, 78, 52, 0.08));\n    }\n\n    .cr5-folhagem-esquerda-container {\n        left: -7%;\n\n        animation: cr5EntradaFolhagemEsquerda 1.35s\n            cubic-bezier(0.17, 0.89, 0.32, 1.25) 2s forwards;\n    }\n\n    .cr5-folhagem-direita-container {\n        right: -8%;\n\n        animation: cr5EntradaFolhagemDireita 1.35s\n            cubic-bezier(0.17, 0.89, 0.32, 1.25) 2.15s forwards;\n    }\n\n    .cr5-folhagem-esquerda {\n        animation: cr5FolhagemEsquerda 5s ease-in-out 3.4s infinite;\n    }\n\n    .cr5-folhagem-direita {\n        animation: cr5FolhagemDireita 5.4s ease-in-out 3.55s infinite;\n    }\n\n    @keyframes cr5EntradaFolhagemEsquerda {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-100px)\n                translateY(150px)\n                rotate(-18deg)\n                scale(0.62);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(5px)\n                translateY(-7px)\n                rotate(2deg)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.9;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5EntradaFolhagemDireita {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(100px)\n                translateY(150px)\n                rotate(18deg)\n                scale(0.62);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(-5px)\n                translateY(-7px)\n                rotate(-2deg)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.9;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr5FolhagemEsquerda {\n        0%,\n        100% {\n            transform: rotate(-2deg);\n        }\n\n        50% {\n            transform: rotate(2.5deg);\n        }\n    }\n\n    @keyframes cr5FolhagemDireita {\n        0%,\n        100% {\n            transform: rotate(2deg);\n        }\n\n        50% {\n            transform: rotate(-2.5deg);\n        }\n    }\n\n    \/* =====================================================\n       BRILHOS\n    ===================================================== *\/\n\n    .cr5-brilho {\n        position: absolute;\n        z-index: 30;\n        width: 8px;\n        height: 8px;\n        opacity: 0;\n        border-radius: 50%;\n        pointer-events: none;\n\n        background: rgba(255, 255, 255, 0.98);\n\n        box-shadow:\n            0 0 7px rgba(255, 255, 255, 0.95),\n            0 0 15px rgba(255, 222, 187, 0.8);\n\n        animation: cr5BrilhoPiscar 2.8s ease-in-out infinite;\n    }\n\n    .cr5-brilho::before,\n    .cr5-brilho::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.92);\n        transform: translate(-50%, -50%);\n    }\n\n    .cr5-brilho::before {\n        width: 20px;\n        height: 1.5px;\n    }\n\n    .cr5-brilho::after {\n        width: 1.5px;\n        height: 20px;\n    }\n\n    .cr5-brilho-1 {\n        top: 18%;\n        left: 13%;\n        animation-delay: 1.9s;\n    }\n\n    .cr5-brilho-2 {\n        top: 27%;\n        right: 13%;\n        animation-delay: 2.5s;\n        transform: scale(0.7);\n    }\n\n    .cr5-brilho-3 {\n        top: 51%;\n        left: 10%;\n        animation-delay: 3.2s;\n        transform: scale(0.65);\n    }\n\n    .cr5-brilho-4 {\n        top: 57%;\n        right: 10%;\n        animation-delay: 3.8s;\n        transform: scale(0.8);\n    }\n\n    .cr5-brilho-5 {\n        top: 71%;\n        left: 48%;\n        animation-delay: 4.4s;\n        transform: scale(0.65);\n    }\n\n    @keyframes cr5BrilhoPiscar {\n        0%,\n        100% {\n            opacity: 0;\n        }\n\n        42% {\n            opacity: 0.15;\n        }\n\n        55% {\n            opacity: 1;\n        }\n\n        72% {\n            opacity: 0.1;\n        }\n    }\n\n    \/* =====================================================\n       PART\u00cdCULAS\n    ===================================================== *\/\n\n    .cr5-particula {\n        position: absolute;\n        z-index: 9;\n        bottom: -20px;\n        width: 8px;\n        height: 8px;\n        opacity: 0;\n        pointer-events: none;\n        border-radius: 50%;\n\n        background: rgba(203, 163, 127, 0.38);\n\n        animation: cr5ParticulaSubir 8s linear infinite;\n    }\n\n    .cr5-particula-1 {\n        left: 18%;\n        animation-delay: 2.5s;\n    }\n\n    .cr5-particula-2 {\n        left: 46%;\n        width: 6px;\n        height: 6px;\n        animation-delay: 4.8s;\n    }\n\n    .cr5-particula-3 {\n        right: 19%;\n        width: 10px;\n        height: 10px;\n        animation-delay: 7s;\n    }\n\n    @keyframes cr5ParticulaSubir {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(0)\n                translateX(0)\n                scale(0.5);\n        }\n\n        16% {\n            opacity: 0.48;\n        }\n\n        50% {\n            transform:\n                translateY(-220px)\n                translateX(14px)\n                scale(0.8);\n        }\n\n        75% {\n            opacity: 0.25;\n        }\n\n        100% {\n            opacity: 0;\n            transform:\n                translateY(-440px)\n                translateX(-10px)\n                scale(1.1);\n        }\n    }\n\n\n\n    \/* =====================================================\n       BOT\u00c3O REDONDO INFERIOR DIREITO\n    ===================================================== *\/\n\n    .cr5-botao-circular {\n        position: absolute;\n        z-index: 70;\n        right: 4.2%;\n        bottom: 4.2%;\n        width: 72px;\n        height: 72px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border: 2px solid rgba(255, 255, 255, 0.92);\n        border-radius: 50%;\n        text-decoration: none;\n        background: linear-gradient(\n            135deg,\n            #c69a71 0%,\n            #b9845e 50%,\n            #cba47e 100%\n        );\n        box-shadow:\n            0 10px 22px rgba(139, 97, 67, 0.28),\n            inset 0 1px 0 rgba(255, 255, 255, 0.5);\n        opacity: 0;\n        transform: translateY(24px) scale(0.75);\n        cursor: pointer;\n\n        animation:\n            cr5EntradaBotaoCircular 0.9s\n                cubic-bezier(0.17, 0.89, 0.32, 1.35) 2.25s forwards,\n            cr5PulsoBotaoCircular 2.3s ease-in-out 3.25s infinite;\n\n        transition:\n            transform 0.25s ease,\n            box-shadow 0.25s ease,\n            filter 0.25s ease;\n    }\n\n    .cr5-botao-circular:hover {\n        transform: translateY(-3px) scale(1.06);\n        filter: brightness(1.06);\n        box-shadow:\n            0 14px 26px rgba(139, 97, 67, 0.34),\n            inset 0 1px 0 rgba(255, 255, 255, 0.58);\n    }\n\n    .cr5-botao-circular:active {\n        transform: scale(0.96);\n    }\n\n    .cr5-botao-circular:focus-visible {\n        outline: 3px solid rgba(255, 255, 255, 0.96);\n        outline-offset: 4px;\n    }\n\n    .cr5-botao-circular::before {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n        border: 2px solid rgba(198, 154, 113, 0.38);\n        border-radius: 50%;\n        pointer-events: none;\n        animation: cr5AuraBotaoCircular 2.3s ease-in-out 3.25s infinite;\n    }\n\n    .cr5-botao-seta {\n        position: relative;\n        z-index: 1;\n        width: 66% !important;\n        height: 66% !important;\n        object-fit: contain;\n        pointer-events: none !important;\n        filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.18));\n        animation: cr5SetaPulsar 1.4s ease-in-out 3.25s infinite;\n    }\n\n    @keyframes cr5EntradaBotaoCircular {\n        0% {\n            opacity: 0;\n            transform: translateY(24px) scale(0.75);\n        }\n\n        70% {\n            opacity: 1;\n            transform: translateY(-4px) scale(1.07);\n        }\n\n        100% {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\n\n    @keyframes cr5PulsoBotaoCircular {\n        0%,\n        100% {\n            box-shadow:\n                0 10px 22px rgba(139, 97, 67, 0.28),\n                0 0 0 0 rgba(198, 154, 113, 0.22);\n        }\n\n        50% {\n            box-shadow:\n                0 13px 26px rgba(139, 97, 67, 0.32),\n                0 0 0 12px rgba(198, 154, 113, 0);\n        }\n    }\n\n    @keyframes cr5AuraBotaoCircular {\n        0%,\n        100% {\n            opacity: 0.58;\n            transform: scale(0.96);\n        }\n\n        50% {\n            opacity: 0;\n            transform: scale(1.2);\n        }\n    }\n\n    @keyframes cr5SetaPulsar {\n        0%,\n        100% {\n            transform: translateX(2px) scale(1);\n        }\n\n        50% {\n            transform: translateX(6px) scale(1.14);\n        }\n    }\n\n    @media (max-width: 480px) {\n        .cr5-botao-circular {\n            right: 4%;\n            bottom: 3.6%;\n            width: 66px;\n            height: 66px;\n        }\n\n        .cr5-botao-seta {\n            width: 68% !important;\n            height: 68% !important;\n        }\n    }\n\n    \/* =====================================================\n       RESPONSIVIDADE\n    ===================================================== *\/\n\n    @media (max-width: 480px) {\n        .cr5-convite {\n            max-width: none;\n        }\n\n        .cr5-arco-container {\n            top: -29%;\n            width: 95%;\n        }\n\n        .cr5-nuvem-container {\n            width: 56%;\n        }\n\n        .cr5-estrela-container {\n            top: 8.5%;\n            right: 0;\n            width: 33%;\n        }\n\n        .cr5-roupas-container {\n            top: 24.5%;\n            width: 96%;\n        }\n\n        .cr5-presente-titulo-container {\n            top: 43%;\n            width: 82%;\n        }\n\n        .cr5-fralda-container {\n            top: 48%;\n            width: 68%;\n        }\n\n        .cr5-folhagem-container {\n            width: 45%;\n        }\n    }\n\n    \/* =====================================================\n       ACESSIBILIDADE\n    ===================================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .cr5-convite,\n        .cr5-convite *,\n        .cr5-convite::before,\n        .cr5-convite::after {\n            animation-duration: 0.01ms !important;\n            animation-delay: 0ms !important;\n            animation-iteration-count: 1 !important;\n        }\n\n        .cr5-arco-container,\n        .cr5-nuvem-container,\n        .cr5-estrela-container,\n        .cr5-roupas-container,\n        .cr5-presente-titulo-container,\n        .cr5-fralda-container,\n        .cr5-folhagem-container,\n        .cr5-botao-circular {\n            opacity: 1 !important;\n        }\n    }\n\n\n\/* =========================================================\n   QUARTA TELA \u2014 ESPERAMOS POR VOC\u00ca\n========================================================= *\/\n\n\/* =====================================================\n       CONTAINER EXTERNO\n    ===================================================== *\/\n\n    .cr6-wrapper {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .cr6-wrapper,\n    .cr6-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* =====================================================\n       CONVITE PRINCIPAL\n    ===================================================== *\/\n\n    .cr6-convite {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        aspect-ratio: 500 \/ 887;\n        overflow: hidden;\n        isolation: isolate;\n\n        background:\n            radial-gradient(\n                circle at 14% 12%,\n                rgba(255, 255, 255, 0.8) 0 5px,\n                transparent 6px\n            ),\n            radial-gradient(\n                circle at 88% 19%,\n                rgba(255, 255, 255, 0.65) 0 6px,\n                transparent 7px\n            ),\n            radial-gradient(\n                circle at 19% 47%,\n                rgba(255, 255, 255, 0.42) 0 4px,\n                transparent 5px\n            ),\n            radial-gradient(\n                circle at 83% 53%,\n                rgba(255, 255, 255, 0.45) 0 4px,\n                transparent 5px\n            ),\n            radial-gradient(\n                ellipse at 50% 102%,\n                rgba(183, 150, 121, 0.27) 0%,\n                transparent 57%\n            ),\n            linear-gradient(\n                180deg,\n                #eee3d8 0%,\n                #fff8ef 22%,\n                #fffaf5 67%,\n                #e7dbcf 100%\n            );\n\n        box-shadow:\n            inset 0 0 45px rgba(143, 107, 78, 0.12),\n            inset 0 0 3px rgba(255, 255, 255, 0.95);\n\n        animation: cr6EntradaFundo 1.1s ease-out both;\n    }\n\n    .cr6-convite img {\n        display: block;\n        width: 100%;\n        max-width: none;\n        height: auto;\n        user-select: none;\n        pointer-events: none;\n        -webkit-user-drag: none;\n    }\n\n    \/* =====================================================\n       TEXTURA DE PAPEL\n    ===================================================== *\/\n\n    .cr6-convite::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.65;\n        pointer-events: none;\n\n        background:\n            repeating-linear-gradient(\n                0deg,\n                rgba(137, 104, 78, 0.022) 0,\n                rgba(137, 104, 78, 0.022) 1px,\n                transparent 1px,\n                transparent 5px\n            ),\n            repeating-linear-gradient(\n                90deg,\n                rgba(255, 255, 255, 0.025) 0,\n                rgba(255, 255, 255, 0.025) 1px,\n                transparent 1px,\n                transparent 7px\n            );\n    }\n\n    .cr6-convite::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 60;\n        pointer-events: none;\n\n        box-shadow:\n            inset 0 0 36px rgba(128, 94, 68, 0.08),\n            inset 0 0 2px rgba(255, 255, 255, 0.95);\n    }\n\n    @keyframes cr6EntradaFundo {\n        0% {\n            opacity: 0;\n            transform: scale(1.06);\n            filter: blur(8px);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n            filter: blur(0);\n        }\n    }\n\n    \/* =====================================================\n       BAL\u00d5ES SUPERIORES\n    ===================================================== *\/\n\n    .cr6-balao-container {\n        position: absolute;\n        z-index: 8;\n        top: -3%;\n        width: 37%;\n        opacity: 0;\n        transform-origin: 50% 5%;\n    }\n\n    .cr6-balao-container img {\n        filter:\n            saturate(0.86)\n            drop-shadow(0 9px 10px rgba(120, 85, 58, 0.12));\n    }\n\n    .cr6-balao-esquerdo-container {\n        left: -9%;\n\n        animation: cr6EntradaBalaoEsquerdo 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 0.25s forwards;\n    }\n\n    .cr6-balao-direito-container {\n        right: -9%;\n\n        animation: cr6EntradaBalaoDireito 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 0.4s forwards;\n    }\n\n    .cr6-balao-esquerdo {\n        animation: cr6BalaoEsquerdo 5.1s ease-in-out 1.8s infinite;\n    }\n\n    .cr6-balao-direito {\n        transform: scaleX(-1);\n        animation: cr6BalaoDireito 5.6s ease-in-out 2s infinite;\n    }\n\n    @keyframes cr6EntradaBalaoEsquerdo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-120px)\n                translateY(-90px)\n                rotate(-14deg)\n                scale(0.68);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(7px)\n                translateY(8px)\n                rotate(2deg)\n                scale(1.04);\n        }\n\n        84% {\n            transform:\n                translateX(-2px)\n                translateY(-3px)\n                rotate(-1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6EntradaBalaoDireito {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(120px)\n                translateY(-90px)\n                rotate(14deg)\n                scale(0.68);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-7px)\n                translateY(8px)\n                rotate(-2deg)\n                scale(1.04);\n        }\n\n        84% {\n            transform:\n                translateX(2px)\n                translateY(-3px)\n                rotate(1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6BalaoEsquerdo {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                rotate(-1.5deg);\n        }\n\n        50% {\n            transform:\n                translateY(-13px)\n                rotate(1.7deg);\n        }\n    }\n\n    @keyframes cr6BalaoDireito {\n        0%,\n        100% {\n            transform:\n                scaleX(-1)\n                translateY(-2px)\n                rotate(-1deg);\n        }\n\n        50% {\n            transform:\n                scaleX(-1)\n                translateY(-15px)\n                rotate(1.5deg);\n        }\n    }\n\n    \/* =====================================================\n       NUVENS\n    ===================================================== *\/\n\n    .cr6-nuvem-container {\n        position: absolute;\n        z-index: 6;\n        opacity: 0;\n    }\n\n    .cr6-nuvem-container img {\n        filter:\n            saturate(0.75)\n            drop-shadow(0 9px 13px rgba(137, 104, 78, 0.08));\n    }\n\n    .cr6-nuvem-esquerda-container {\n        top: 7%;\n        left: 3%;\n        width: 49%;\n\n        animation: cr6EntradaNuvemEsquerda 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.16) 0.65s forwards;\n    }\n\n    .cr6-nuvem-direita-container {\n        top: 14%;\n        right: -1%;\n        width: 49%;\n\n        animation: cr6EntradaNuvemDireita 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.16) 0.82s forwards;\n    }\n\n    .cr6-nuvem-esquerda {\n        animation: cr6NuvemEsquerda 5.3s ease-in-out 2s infinite;\n    }\n\n    .cr6-nuvem-direita {\n        animation: cr6NuvemDireita 5.8s ease-in-out 2.2s infinite;\n    }\n\n    @keyframes cr6EntradaNuvemEsquerda {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-110px)\n                translateY(-25px)\n                scale(0.68);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(8px)\n                translateY(4px)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.94;\n            transform:\n                translateX(0)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6EntradaNuvemDireita {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(110px)\n                translateY(-25px)\n                scale(0.68);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-8px)\n                translateY(4px)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.94;\n            transform:\n                translateX(0)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6NuvemEsquerda {\n        0%,\n        100% {\n            transform:\n                translateX(0)\n                translateY(0);\n        }\n\n        50% {\n            transform:\n                translateX(7px)\n                translateY(-8px);\n        }\n    }\n\n    @keyframes cr6NuvemDireita {\n        0%,\n        100% {\n            transform:\n                translateX(0)\n                translateY(-2px);\n        }\n\n        50% {\n            transform:\n                translateX(-7px)\n                translateY(-12px);\n        }\n    }\n\n    \/* =====================================================\n       T\u00cdTULO\n    ===================================================== *\/\n\n    .cr6-titulo-container {\n        position: absolute;\n        z-index: 17;\n        top: 30%;\n        left: 50%;\n        width: 86%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr6EntradaTitulo 1.3s\n            cubic-bezier(0.17, 0.89, 0.32, 1.32) 1.05s forwards;\n    }\n\n    .cr6-titulo {\n        filter:\n            saturate(0.95)\n            drop-shadow(0 5px 4px rgba(112, 74, 44, 0.11))\n            drop-shadow(0 0 9px rgba(255, 255, 255, 0.58));\n\n        animation: cr6TituloFofo 3.8s ease-in-out 2.5s infinite;\n    }\n\n    @keyframes cr6EntradaTitulo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(55px)\n                scale(0.48)\n                rotate(-4deg);\n        }\n\n        58% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-9px)\n                scale(1.08)\n                rotate(1.5deg);\n        }\n\n        80% {\n            transform:\n                translateX(-50%)\n                translateY(4px)\n                scale(0.98)\n                rotate(-0.5deg);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1)\n                rotate(0);\n        }\n    }\n\n    @keyframes cr6TituloFofo {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                scale(1);\n        }\n\n        50% {\n            transform:\n                translateY(-5px)\n                scale(1.025);\n        }\n    }\n\n    \/* =====================================================\n       BOLINHAS DECORATIVAS\n    ===================================================== *\/\n\n    .cr6-bolinhas-container {\n        position: absolute;\n        z-index: 10;\n        top: 41%;\n        left: 50%;\n        width: 91%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr6EntradaBolinhas 1.1s ease 1.35s forwards;\n    }\n\n    .cr6-bolinhas {\n        opacity: 0.72;\n        filter:\n            saturate(0.75)\n            drop-shadow(0 5px 8px rgba(135, 100, 72, 0.08));\n\n        animation: cr6BolinhasMover 5s ease-in-out 2.6s infinite;\n    }\n\n    @keyframes cr6EntradaBolinhas {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                scale(0.4);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                scale(1.06);\n        }\n\n        100% {\n            opacity: 0.72;\n            transform:\n                translateX(-50%)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6BolinhasMover {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                scale(1);\n        }\n\n        50% {\n            transform:\n                translateY(-7px)\n                scale(1.025);\n        }\n    }\n\n    \/* =====================================================\n       SOMBRA DOS URSINHOS\n    ===================================================== *\/\n\n    .cr6-sombra {\n        position: absolute;\n        z-index: 12;\n        bottom: 1.5%;\n        left: 50%;\n        width: 76%;\n        height: 7%;\n        opacity: 0;\n        border-radius: 50%;\n        filter: blur(11px);\n\n        background: radial-gradient(\n            ellipse,\n            rgba(134, 96, 68, 0.29) 0%,\n            rgba(134, 96, 68, 0.09) 50%,\n            transparent 75%\n        );\n\n        animation:\n            cr6EntradaSombra 1s ease 1.75s forwards,\n            cr6SombraRespirar 3.8s ease-in-out 3s infinite;\n    }\n\n    @keyframes cr6EntradaSombra {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                scaleX(0.25);\n        }\n\n        100% {\n            opacity: 0.47;\n            transform:\n                translateX(-50%)\n                scaleX(1);\n        }\n    }\n\n    @keyframes cr6SombraRespirar {\n        0%,\n        100% {\n            width: 76%;\n            opacity: 0.47;\n        }\n\n        50% {\n            width: 70%;\n            opacity: 0.36;\n        }\n    }\n\n    \/* =====================================================\n       URSINHOS ABRA\u00c7ADOS\n       POSICIONADOS UM POUCO MAIS PARA BAIXO\n    ===================================================== *\/\n\n    .cr6-ursos-container {\n        position: absolute;\n        z-index: 22;\n        bottom: -15%;\n        left: 50%;\n        width: 84%;\n        opacity: 0;\n        transform: translateX(-50%);\n        transform-origin: center bottom;\n\n        animation: cr6EntradaUrsos 1.45s\n            cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.55s forwards;\n    }\n\n    .cr6-ursos {\n        filter:\n            saturate(0.93)\n            drop-shadow(0 10px 9px rgba(111, 77, 52, 0.14));\n\n        animation: cr6UrsosFofo 3.7s ease-in-out 3.1s infinite;\n    }\n\n    @keyframes cr6EntradaUrsos {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(300px)\n                scale(0.58);\n        }\n\n        66% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-15px)\n                scale(1.045);\n        }\n\n        82% {\n            transform:\n                translateX(-50%)\n                translateY(6px)\n                scale(0.985);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6UrsosFofo {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                rotate(0);\n        }\n\n        50% {\n            transform:\n                translateY(-8px)\n                rotate(0.5deg);\n        }\n    }\n\n    \/* =====================================================\n       FOLHAGENS\n    ===================================================== *\/\n\n    .cr6-folhagem-container {\n        position: absolute;\n        z-index: 18;\n        bottom: -3%;\n        width: 36%;\n        opacity: 0;\n        transform-origin: center bottom;\n    }\n\n    .cr6-folhagem-container img {\n        filter:\n            saturate(0.82)\n            drop-shadow(0 8px 9px rgba(105, 75, 51, 0.08));\n    }\n\n    .cr6-folhagem-esquerda-container {\n        left: -8%;\n\n        animation: cr6EntradaFolhagemEsquerda 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.22) 1.9s forwards;\n    }\n\n    .cr6-folhagem-direita-container {\n        right: -7%;\n\n        animation: cr6EntradaFolhagemDireita 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.22) 2.05s forwards;\n    }\n\n    .cr6-folhagem-esquerda {\n        animation: cr6FolhagemEsquerda 5s ease-in-out 3.3s infinite;\n    }\n\n    .cr6-folhagem-direita {\n        animation: cr6FolhagemDireita 5.4s ease-in-out 3.5s infinite;\n    }\n\n    @keyframes cr6EntradaFolhagemEsquerda {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-100px)\n                translateY(150px)\n                rotate(-20deg)\n                scale(0.62);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(5px)\n                translateY(-8px)\n                rotate(2deg)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.9;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6EntradaFolhagemDireita {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(100px)\n                translateY(150px)\n                rotate(20deg)\n                scale(0.62);\n        }\n\n        72% {\n            opacity: 1;\n            transform:\n                translateX(-5px)\n                translateY(-8px)\n                rotate(-2deg)\n                scale(1.035);\n        }\n\n        100% {\n            opacity: 0.9;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr6FolhagemEsquerda {\n        0%,\n        100% {\n            transform: rotate(-2deg);\n        }\n\n        50% {\n            transform: rotate(3deg);\n        }\n    }\n\n    @keyframes cr6FolhagemDireita {\n        0%,\n        100% {\n            transform: rotate(2deg);\n        }\n\n        50% {\n            transform: rotate(-3deg);\n        }\n    }\n\n    \/* =====================================================\n       ESTRELINHAS\n    ===================================================== *\/\n\n    .cr6-brilho {\n        position: absolute;\n        z-index: 31;\n        width: 8px;\n        height: 8px;\n        opacity: 0;\n        pointer-events: none;\n        border-radius: 50%;\n\n        background: rgba(255, 255, 255, 0.98);\n\n        box-shadow:\n            0 0 7px rgba(255, 255, 255, 0.96),\n            0 0 15px rgba(255, 220, 181, 0.82);\n\n        animation: cr6BrilhoPiscar 2.7s ease-in-out infinite;\n    }\n\n    .cr6-brilho::before,\n    .cr6-brilho::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.94);\n        transform: translate(-50%, -50%);\n    }\n\n    .cr6-brilho::before {\n        width: 20px;\n        height: 1.5px;\n    }\n\n    .cr6-brilho::after {\n        width: 1.5px;\n        height: 20px;\n    }\n\n    .cr6-brilho-1 {\n        top: 26%;\n        left: 15%;\n        animation-delay: 1.8s;\n    }\n\n    .cr6-brilho-2 {\n        top: 28%;\n        right: 14%;\n        animation-delay: 2.4s;\n        transform: scale(0.72);\n    }\n\n    .cr6-brilho-3 {\n        top: 48%;\n        left: 9%;\n        animation-delay: 3s;\n        transform: scale(0.62);\n    }\n\n    .cr6-brilho-4 {\n        top: 50%;\n        right: 9%;\n        animation-delay: 3.6s;\n        transform: scale(0.8);\n    }\n\n    .cr6-brilho-5 {\n        top: 63%;\n        left: 48%;\n        animation-delay: 4.2s;\n        transform: scale(0.58);\n    }\n\n    @keyframes cr6BrilhoPiscar {\n        0%,\n        100% {\n            opacity: 0;\n        }\n\n        42% {\n            opacity: 0.15;\n        }\n\n        54% {\n            opacity: 1;\n        }\n\n        70% {\n            opacity: 0.08;\n        }\n    }\n\n    \/* =====================================================\n       CORA\u00c7\u00d5ES FLUTUANTES\n    ===================================================== *\/\n\n    .cr6-coracao {\n        position: absolute;\n        z-index: 20;\n        bottom: 18%;\n        width: 10px;\n        height: 10px;\n        opacity: 0;\n        pointer-events: none;\n        background: rgba(208, 157, 139, 0.5);\n        transform: rotate(45deg);\n\n        animation: cr6CoracaoSubir 7s linear infinite;\n    }\n\n    .cr6-coracao::before,\n    .cr6-coracao::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: inherit;\n    }\n\n    .cr6-coracao::before {\n        top: 0;\n        left: -5px;\n    }\n\n    .cr6-coracao::after {\n        top: -5px;\n        left: 0;\n    }\n\n    .cr6-coracao-1 {\n        left: 22%;\n        animation-delay: 3s;\n    }\n\n    .cr6-coracao-2 {\n        left: 48%;\n        animation-delay: 5s;\n    }\n\n    .cr6-coracao-3 {\n        right: 21%;\n        animation-delay: 7s;\n    }\n\n    @keyframes cr6CoracaoSubir {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(0)\n                translateX(0)\n                rotate(45deg)\n                scale(0.45);\n        }\n\n        15% {\n            opacity: 0.58;\n        }\n\n        48% {\n            transform:\n                translateY(-85px)\n                translateX(12px)\n                rotate(58deg)\n                scale(0.8);\n        }\n\n        75% {\n            opacity: 0.34;\n        }\n\n        100% {\n            opacity: 0;\n            transform:\n                translateY(-205px)\n                translateX(-8px)\n                rotate(76deg)\n                scale(1.1);\n        }\n    }\n\n    \/* =====================================================\n       RESPONSIVIDADE\n    ===================================================== *\/\n\n    @media (max-width: 480px) {\n        .cr6-convite {\n            max-width: none;\n        }\n\n        .cr6-balao-container {\n            width: 39%;\n        }\n\n        .cr6-balao-esquerdo-container {\n            left: -11%;\n        }\n\n        .cr6-balao-direito-container {\n            right: -11%;\n        }\n\n        .cr6-nuvem-esquerda-container {\n            top: 7%;\n            left: 1%;\n            width: 51%;\n        }\n\n        .cr6-nuvem-direita-container {\n            top: 14%;\n            right: -3%;\n            width: 51%;\n        }\n\n        .cr6-titulo-container {\n            top: 30.5%;\n            width: 89%;\n        }\n\n        .cr6-bolinhas-container {\n            top: 41.5%;\n            width: 94%;\n        }\n\n        .cr6-ursos-container {\n            width: 87%;\n            bottom: -2%;\n        }\n\n        .cr6-sombra {\n            bottom: 1%;\n        }\n\n        .cr6-folhagem-container {\n            width: 38%;\n        }\n    }\n\n    \/* =====================================================\n       REDU\u00c7\u00c3O DE MOVIMENTO\n    ===================================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .cr6-convite,\n        .cr6-convite *,\n        .cr6-convite::before,\n        .cr6-convite::after {\n            animation-duration: 0.01ms !important;\n            animation-delay: 0ms !important;\n            animation-iteration-count: 1 !important;\n        }\n\n        .cr6-balao-container,\n        .cr6-nuvem-container,\n        .cr6-titulo-container,\n        .cr6-bolinhas-container,\n        .cr6-ursos-container,\n        .cr6-folhagem-container,\n        .cr6-sombra {\n            opacity: 1 !important;\n        }\n    }\n\n\n\/* =========================================================\n   ABERTURA \u2014 NUVENS GRANDES REVELANDO O CONVITE\n========================================================= *\/\n.cr-abertura-nuvens {\n    position: absolute;\n    inset: 0;\n    z-index: 999;\n    overflow: hidden;\n    pointer-events: none;\n    isolation: isolate;\n    background: rgba(255, 250, 245, 0.10);\n    animation: crAberturaSumir 2.65s ease forwards;\n}\n\n.cr-abertura-nuvens::before {\n    content: \"\";\n    position: absolute;\n    inset: -12%;\n    z-index: 1;\n    opacity: 1;\n    background:\n        radial-gradient(circle at 50% 48%, rgba(255,255,255,.98) 0 12%, rgba(255,255,255,.76) 31%, rgba(255,255,255,.18) 58%, transparent 74%);\n    filter: blur(13px);\n    animation: crNeblinaAbertura 2.15s ease-out forwards;\n}\n\n.cr-abertura-nuvem {\n    position: absolute;\n    top: 50%;\n    z-index: 4;\n    width: 142%;\n    max-width: none !important;\n    height: auto;\n    opacity: 1;\n    user-select: none;\n    pointer-events: none;\n    -webkit-user-drag: none;\n    filter:\n        brightness(1.06)\n        saturate(.88)\n        drop-shadow(0 18px 30px rgba(115, 91, 72, .13));\n    will-change: transform, opacity, filter;\n}\n\n.cr-abertura-nuvem-esquerda {\n    left: -62%;\n    transform: translate3d(0,-50%,0) scale(1.42);\n    transform-origin: 55% 50%;\n    animation: crNuvemAbrirEsquerda 2.35s cubic-bezier(.72,.02,.22,1) .28s forwards;\n}\n\n.cr-abertura-nuvem-direita {\n    right: -62%;\n    transform: translate3d(0,-50%,0) scaleX(-1) scale(1.42);\n    transform-origin: 45% 50%;\n    animation: crNuvemAbrirDireita 2.35s cubic-bezier(.72,.02,.22,1) .28s forwards;\n}\n\n.cr-abertura-brilho {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 3;\n    width: 32%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 50%;\n    opacity: 0;\n    transform: translate(-50%,-50%) scale(.25);\n    background: rgba(255,255,255,.98);\n    filter: blur(18px);\n    box-shadow:\n        0 0 34px rgba(255,255,255,.95),\n        0 0 85px rgba(255,236,214,.80);\n    animation: crBrilhoRevelacao 2.1s ease-out .35s forwards;\n}\n\n@keyframes crNuvemAbrirEsquerda {\n    0%, 27% {\n        opacity: 1;\n        transform: translate3d(0,-50%,0) scale(1.42);\n        filter: brightness(1.06) saturate(.88) blur(0) drop-shadow(0 18px 30px rgba(115,91,72,.13));\n    }\n    55% {\n        opacity: 1;\n        transform: translate3d(-12%,-50%,0) scale(1.47);\n    }\n    100% {\n        opacity: 0;\n        transform: translate3d(-88%,-50%,0) scale(1.58);\n        filter: brightness(1.12) saturate(.84) blur(4px) drop-shadow(0 18px 30px rgba(115,91,72,0));\n    }\n}\n\n@keyframes crNuvemAbrirDireita {\n    0%, 27% {\n        opacity: 1;\n        transform: translate3d(0,-50%,0) scaleX(-1) scale(1.42);\n        filter: brightness(1.06) saturate(.88) blur(0) drop-shadow(0 18px 30px rgba(115,91,72,.13));\n    }\n    55% {\n        opacity: 1;\n        transform: translate3d(12%,-50%,0) scaleX(-1) scale(1.47);\n    }\n    100% {\n        opacity: 0;\n        transform: translate3d(88%,-50%,0) scaleX(-1) scale(1.58);\n        filter: brightness(1.12) saturate(.84) blur(4px) drop-shadow(0 18px 30px rgba(115,91,72,0));\n    }\n}\n\n@keyframes crNeblinaAbertura {\n    0%, 32% { opacity: 1; transform: scale(1.02); }\n    68% { opacity: .72; }\n    100% { opacity: 0; transform: scale(1.28); }\n}\n\n@keyframes crBrilhoRevelacao {\n    0%, 24% {\n        opacity: 0;\n        transform: translate(-50%,-50%) scale(.25);\n    }\n    52% {\n        opacity: .95;\n        transform: translate(-50%,-50%) scale(1.35);\n    }\n    100% {\n        opacity: 0;\n        transform: translate(-50%,-50%) scale(3.2);\n    }\n}\n\n@keyframes crAberturaSumir {\n    0%, 88% { opacity: 1; visibility: visible; }\n    100% { opacity: 0; visibility: hidden; }\n}\n\n@media (max-width: 480px) {\n    .cr-abertura-nuvem {\n        width: 158%;\n    }\n\n    .cr-abertura-nuvem-esquerda {\n        left: -70%;\n    }\n\n    .cr-abertura-nuvem-direita {\n        right: -70%;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .cr-abertura-nuvens,\n    .cr-abertura-nuvens::before,\n    .cr-abertura-nuvem,\n    .cr-abertura-brilho {\n        animation-duration: .01ms !important;\n        animation-delay: 0ms !important;\n        animation-iteration-count: 1 !important;\n    }\n}\n\n\/* =========================================================\n   QUARTA TELA \u2014 LUIZA OU RAVI\n   Integrada ao fluxo principal\n========================================================= *\/\n\n\/* =====================================================\n       CONTAINER EXTERNO ISOLADO\n    ===================================================== *\/\n\n    .cr3-wrapper {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    .cr3-wrapper,\n    .cr3-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* =====================================================\n       CONVITE PRINCIPAL\n    ===================================================== *\/\n\n    .cr3-convite {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        aspect-ratio: 500 \/ 887;\n        overflow: hidden;\n        isolation: isolate;\n\n        background:\n            radial-gradient(\n                circle at 10% 18%,\n                rgba(255, 255, 255, 0.72) 0 4px,\n                transparent 5px\n            ),\n            radial-gradient(\n                circle at 88% 25%,\n                rgba(255, 255, 255, 0.55) 0 5px,\n                transparent 6px\n            ),\n            radial-gradient(\n                ellipse at 50% 103%,\n                rgba(181, 151, 126, 0.22) 0%,\n                transparent 55%\n            ),\n            linear-gradient(\n                180deg,\n                #eee4d9 0%,\n                #fff9f1 18%,\n                #fffaf5 67%,\n                #e7ddd2 100%\n            );\n\n        box-shadow:\n            inset 0 0 45px rgba(150, 115, 88, 0.12),\n            inset 0 0 4px rgba(255, 255, 255, 0.95);\n\n        animation: cr3EntradaFundo 1.1s ease-out both;\n    }\n\n    .cr3-convite img {\n        display: block;\n        width: 100%;\n        height: auto;\n        max-width: none;\n        pointer-events: none;\n        user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    \/* Textura delicada de papel *\/\n\n    .cr3-convite::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        pointer-events: none;\n        opacity: 0.55;\n\n        background:\n            repeating-linear-gradient(\n                0deg,\n                rgba(136, 103, 78, 0.025) 0,\n                rgba(136, 103, 78, 0.025) 1px,\n                transparent 1px,\n                transparent 5px\n            ),\n            repeating-linear-gradient(\n                90deg,\n                rgba(255, 255, 255, 0.025) 0,\n                rgba(255, 255, 255, 0.025) 1px,\n                transparent 1px,\n                transparent 7px\n            );\n    }\n\n    .cr3-convite::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 50;\n        pointer-events: none;\n\n        box-shadow:\n            inset 0 0 35px rgba(132, 99, 73, 0.08),\n            inset 0 0 2px rgba(255, 255, 255, 0.95);\n    }\n\n    @keyframes cr3EntradaFundo {\n        0% {\n            opacity: 0;\n            transform: scale(1.06);\n            filter: blur(8px);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n            filter: blur(0);\n        }\n    }\n\n    \/* =====================================================\n       BAL\u00d5ES SUPERIORES\n    ===================================================== *\/\n\n    .cr3-balao-container {\n        position: absolute;\n        z-index: 5;\n        top: -3%;\n        width: 50%;\n        opacity: 0;\n        transform-origin: 50% 5%;\n    }\n\n    .cr3-balao-container img {\n        filter:\n            saturate(0.88)\n            drop-shadow(0 8px 10px rgba(125, 90, 64, 0.1));\n    }\n\n    .cr3-balao-esquerdo-container {\n        left: -18%;\n\n        animation: cr3EntradaBalaoEsquerdo 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 0.2s forwards;\n    }\n\n    .cr3-balao-direito-container {\n        right: -18%;\n\n        animation: cr3EntradaBalaoDireito 1.3s\n            cubic-bezier(0.18, 0.89, 0.32, 1.2) 0.35s forwards;\n    }\n\n    .cr3-balao-esquerdo {\n        animation: cr3BalaoEsquerdoFlutuar 5.2s ease-in-out 1.7s infinite;\n    }\n\n    .cr3-balao-direito {\n        animation: cr3BalaoDireitoFlutuar 5.7s ease-in-out 1.9s infinite;\n    }\n\n    @keyframes cr3EntradaBalaoEsquerdo {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-110px)\n                translateY(-80px)\n                rotate(-14deg)\n                scale(0.72);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(7px)\n                translateY(7px)\n                rotate(2deg)\n                scale(1.04);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3EntradaBalaoDireito {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(110px)\n                translateY(-80px)\n                rotate(14deg)\n                scale(0.72);\n        }\n\n        70% {\n            opacity: 1;\n            transform:\n                translateX(-7px)\n                translateY(7px)\n                rotate(-2deg)\n                scale(1.04);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3BalaoEsquerdoFlutuar {\n        0%,\n        100% {\n            transform: translateY(0) rotate(-1deg);\n        }\n\n        50% {\n            transform: translateY(-11px) rotate(1.5deg);\n        }\n    }\n\n    @keyframes cr3BalaoDireitoFlutuar {\n        0%,\n        100% {\n            transform: translateY(-2px) rotate(1deg);\n        }\n\n        50% {\n            transform: translateY(-14px) rotate(-1.5deg);\n        }\n    }\n\n    \/* =====================================================\n       MAMADEIRA\n    ===================================================== *\/\n\n    .cr3-mamadeira-container {\n        position: absolute;\n        z-index: 8;\n        top: 2.5%;\n        left: 50%;\n        width: 33%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr3EntradaMamadeira 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.25) 0.6s forwards;\n    }\n\n    .cr3-mamadeira {\n        filter:\n            saturate(0.83)\n            drop-shadow(0 9px 10px rgba(133, 99, 72, 0.1));\n\n        animation: cr3MamadeiraFlutuar 4.5s ease-in-out 2s infinite;\n    }\n\n    @keyframes cr3EntradaMamadeira {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(-70px)\n                rotate(-12deg)\n                scale(0.55);\n        }\n\n        65% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(7px)\n                rotate(3deg)\n                scale(1.06);\n        }\n\n        82% {\n            transform:\n                translateX(-50%)\n                translateY(-3px)\n                rotate(-1deg)\n                scale(0.98);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3MamadeiraFlutuar {\n        0%,\n        100% {\n            transform: translateY(0) rotate(-1deg);\n        }\n\n        50% {\n            transform: translateY(-8px) rotate(1.5deg);\n        }\n    }\n\n    \/* =====================================================\n       TEXTO: VAMOS JUNTOS DESCOBRIR\n    ===================================================== *\/\n\n    .cr3-chamada-container {\n        position: absolute;\n        z-index: 12;\n        top: 29%;\n        left: 50%;\n        width: 84%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr3EntradaChamada 1.2s\n            cubic-bezier(0.17, 0.89, 0.32, 1.2) 1s forwards;\n    }\n\n    .cr3-chamada {\n        filter:\n            saturate(0.88)\n            drop-shadow(0 3px 3px rgba(113, 76, 49, 0.08));\n\n        animation: cr3ChamadaRespirar 4.2s ease-in-out 2.4s infinite;\n    }\n\n    @keyframes cr3EntradaChamada {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(45px)\n                scale(0.72);\n        }\n\n        68% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-6px)\n                scale(1.04);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3ChamadaRespirar {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-3px);\n        }\n    }\n\n    \/* =====================================================\n       NOMES: LUIZA OU RAVI\n    ===================================================== *\/\n\n    .cr3-nomes-container {\n        position: absolute;\n        z-index: 13;\n        top: 45.5%;\n        left: 50%;\n        width: 93%;\n        opacity: 0;\n        transform: translateX(-50%);\n\n        animation: cr3EntradaNomes 1.25s\n            cubic-bezier(0.17, 0.89, 0.32, 1.3) 1.3s forwards;\n    }\n\n    .cr3-nomes {\n        filter:\n            saturate(0.9)\n            drop-shadow(0 4px 3px rgba(111, 72, 43, 0.08));\n\n        animation: cr3NomesFofo 3.8s ease-in-out 2.7s infinite;\n    }\n\n    @keyframes cr3EntradaNomes {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                translateY(40px)\n                scale(0.55)\n                rotate(-3deg);\n        }\n\n        58% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(-7px)\n                scale(1.07)\n                rotate(1deg);\n        }\n\n        80% {\n            transform:\n                translateX(-50%)\n                translateY(3px)\n                scale(0.98)\n                rotate(-0.5deg);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(-50%)\n                translateY(0)\n                scale(1)\n                rotate(0);\n        }\n    }\n\n    @keyframes cr3NomesFofo {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n\n        50% {\n            transform: translateY(-4px) scale(1.015);\n        }\n    }\n\n    \/* =====================================================\n       SOMBRA DOS URSINHOS\n    ===================================================== *\/\n\n    .cr3-sombra {\n        position: absolute;\n        z-index: 9;\n        left: 50%;\n        bottom: 2.2%;\n        width: 82%;\n        height: 7%;\n        opacity: 0;\n        border-radius: 50%;\n        filter: blur(11px);\n\n        background: radial-gradient(\n            ellipse,\n            rgba(135, 98, 71, 0.28) 0%,\n            rgba(135, 98, 71, 0.09) 50%,\n            transparent 75%\n        );\n\n        animation: cr3EntradaSombra 1s ease 1.8s forwards;\n    }\n\n    @keyframes cr3EntradaSombra {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-50%)\n                scaleX(0.25);\n        }\n\n        100% {\n            opacity: 0.48;\n            transform:\n                translateX(-50%)\n                scaleX(1);\n        }\n    }\n\n    \/* =====================================================\n       URSINHOS\n    ===================================================== *\/\n\n    .cr3-urso-container {\n        position: absolute;\n        z-index: 18;\n        bottom: 2%;\n        opacity: 0;\n        transform-origin: center bottom;\n    }\n\n    .cr3-urso-container img {\n        filter:\n            saturate(0.93)\n            drop-shadow(0 9px 8px rgba(114, 78, 53, 0.13));\n    }\n\n\n    \/* \u00c1rea clic\u00e1vel dos ursinhos *\/\n    .cr3-urso-clique {\n        width: 100%;\n        display: block;\n        cursor: pointer;\n        transform-origin: center bottom;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .cr3-urso-clique:focus-visible {\n        outline: 3px solid rgba(201, 154, 113, 0.85);\n        outline-offset: 4px;\n        border-radius: 28px;\n    }\n\n    .cr3-urso-container.cr3-urso-em-destaque {\n        z-index: 30;\n    }\n\n    .cr3-urso-clique.cr3-urso-animando {\n        animation: cr3UrsoClique 0.58s\n            cubic-bezier(0.22, 0.9, 0.28, 1.25) both;\n    }\n\n    @keyframes cr3UrsoClique {\n        0% {\n            transform: scale(1);\n        }\n\n        45% {\n            transform: scale(1.11);\n        }\n\n        72% {\n            transform: scale(1.045);\n        }\n\n        100% {\n            transform: scale(1);\n        }\n    }\n\n    .cr3-ursinha-container {\n        left: 2.5%;\n        width: 53%;\n\n        animation: cr3EntradaUrsinha 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.55s forwards;\n    }\n\n    .cr3-ursinho-container {\n        right: 2%;\n        width: 53%;\n\n        animation: cr3EntradaUrsinho 1.35s\n            cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.78s forwards;\n    }\n\n    .cr3-ursinha {\n        animation: cr3UrsinhaFofo 3.6s ease-in-out 3s infinite;\n    }\n\n    .cr3-ursinho {\n        animation: cr3UrsinhoFofo 3.6s ease-in-out 3.2s infinite;\n    }\n\n    @keyframes cr3EntradaUrsinha {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(-60px)\n                translateY(260px)\n                rotate(-10deg)\n                scale(0.65);\n        }\n\n        68% {\n            opacity: 1;\n            transform:\n                translateX(5px)\n                translateY(-13px)\n                rotate(2deg)\n                scale(1.04);\n        }\n\n        84% {\n            transform:\n                translateX(0)\n                translateY(5px)\n                rotate(-1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3EntradaUrsinho {\n        0% {\n            opacity: 0;\n            transform:\n                translateX(60px)\n                translateY(260px)\n                rotate(10deg)\n                scale(0.65);\n        }\n\n        68% {\n            opacity: 1;\n            transform:\n                translateX(-5px)\n                translateY(-13px)\n                rotate(-2deg)\n                scale(1.04);\n        }\n\n        84% {\n            transform:\n                translateX(0)\n                translateY(5px)\n                rotate(1deg)\n                scale(0.99);\n        }\n\n        100% {\n            opacity: 1;\n            transform:\n                translateX(0)\n                translateY(0)\n                rotate(0)\n                scale(1);\n        }\n    }\n\n    @keyframes cr3UrsinhaFofo {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                rotate(0);\n        }\n\n        50% {\n            transform:\n                translateY(-8px)\n                rotate(-1deg);\n        }\n    }\n\n    @keyframes cr3UrsinhoFofo {\n        0%,\n        100% {\n            transform:\n                translateY(0)\n                rotate(0);\n        }\n\n        50% {\n            transform:\n                translateY(-8px)\n                rotate(1deg);\n        }\n    }\n\n    \/* =====================================================\n       BRILHOS DECORATIVOS\n    ===================================================== *\/\n\n    .cr3-brilho {\n        position: absolute;\n        z-index: 24;\n        width: 7px;\n        height: 7px;\n        opacity: 0;\n        border-radius: 50%;\n        pointer-events: none;\n\n        background: rgba(255, 255, 255, 0.98);\n\n        box-shadow:\n            0 0 7px rgba(255, 255, 255, 0.95),\n            0 0 15px rgba(255, 224, 194, 0.8);\n\n        animation: cr3BrilhoPiscar 2.8s ease-in-out infinite;\n    }\n\n    .cr3-brilho::before,\n    .cr3-brilho::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.92);\n        transform: translate(-50%, -50%);\n    }\n\n    .cr3-brilho::before {\n        width: 19px;\n        height: 1.5px;\n    }\n\n    .cr3-brilho::after {\n        width: 1.5px;\n        height: 19px;\n    }\n\n    .cr3-brilho-1 {\n        top: 22%;\n        left: 16%;\n        animation-delay: 2.1s;\n    }\n\n    .cr3-brilho-2 {\n        top: 25%;\n        right: 16%;\n        animation-delay: 2.8s;\n        transform: scale(0.72);\n    }\n\n    .cr3-brilho-3 {\n        top: 55%;\n        left: 8%;\n        animation-delay: 3.4s;\n        transform: scale(0.65);\n    }\n\n    .cr3-brilho-4 {\n        top: 57%;\n        right: 8%;\n        animation-delay: 4s;\n        transform: scale(0.8);\n    }\n\n    @keyframes cr3BrilhoPiscar {\n        0%,\n        100% {\n            opacity: 0;\n        }\n\n        42% {\n            opacity: 0.15;\n        }\n\n        55% {\n            opacity: 1;\n        }\n\n        70% {\n            opacity: 0.1;\n        }\n    }\n\n    \/* =====================================================\n       ESTRELINHAS NO C\u00c9U\n    ===================================================== *\/\n\n    .cr3-estrela {\n        position: absolute;\n        z-index: 23;\n        width: 8px;\n        height: 8px;\n        opacity: 0;\n        pointer-events: none;\n        animation: cr3EstrelaPiscar 3.2s ease-in-out infinite;\n    }\n\n    .cr3-estrela::before,\n    .cr3-estrela::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        background: rgba(255, 255, 255, 0.95);\n        border-radius: 999px;\n        transform: translate(-50%, -50%);\n        box-shadow:\n            0 0 6px rgba(255, 255, 255, 0.95),\n            0 0 12px rgba(255, 236, 184, 0.8);\n    }\n\n    .cr3-estrela::before {\n        width: 18px;\n        height: 2px;\n    }\n\n    .cr3-estrela::after {\n        width: 2px;\n        height: 18px;\n    }\n\n    .cr3-estrela-1 { top: 10%; left: 14%; animation-delay: 0.3s; transform: scale(0.8); }\n    .cr3-estrela-2 { top: 8%; left: 28%; animation-delay: 1.2s; transform: scale(0.65); }\n    .cr3-estrela-3 { top: 12%; left: 44%; animation-delay: 0.9s; transform: scale(0.9); }\n    .cr3-estrela-4 { top: 9%; right: 29%; animation-delay: 1.8s; transform: scale(0.7); }\n    .cr3-estrela-5 { top: 11%; right: 14%; animation-delay: 0.6s; transform: scale(0.85); }\n    .cr3-estrela-6 { top: 18%; left: 9%; animation-delay: 2.3s; transform: scale(0.6); }\n    .cr3-estrela-7 { top: 17%; right: 10%; animation-delay: 2.7s; transform: scale(0.75); }\n    .cr3-estrela-8 { top: 20%; left: 37%; animation-delay: 1.5s; transform: scale(0.55); }\n\n    @keyframes cr3EstrelaPiscar {\n        0%, 100% {\n            opacity: 0.15;\n            transform: scale(0.7);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    \/* =====================================================\n       CORA\u00c7\u00d5ES FLUTUANTES\n    ===================================================== *\/\n\n    .cr3-coracao {\n        position: absolute;\n        z-index: 16;\n        bottom: 20%;\n        width: 10px;\n        height: 10px;\n        opacity: 0;\n        pointer-events: none;\n        background: rgba(205, 155, 139, 0.52);\n        transform: rotate(45deg);\n\n        animation: cr3CoracaoSubir 7s linear infinite;\n    }\n\n    .cr3-coracao::before,\n    .cr3-coracao::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: inherit;\n    }\n\n    .cr3-coracao::before {\n        left: -5px;\n        top: 0;\n    }\n\n    .cr3-coracao::after {\n        left: 0;\n        top: -5px;\n    }\n\n    .cr3-coracao-1 {\n        left: 20%;\n        animation-delay: 3s;\n    }\n\n    .cr3-coracao-2 {\n        left: 49%;\n        animation-delay: 5.2s;\n    }\n\n    .cr3-coracao-3 {\n        right: 20%;\n        animation-delay: 7.4s;\n    }\n\n    @keyframes cr3CoracaoSubir {\n        0% {\n            opacity: 0;\n            transform:\n                translateY(0)\n                translateX(0)\n                rotate(45deg)\n                scale(0.45);\n        }\n\n        15% {\n            opacity: 0.6;\n        }\n\n        48% {\n            transform:\n                translateY(-85px)\n                translateX(13px)\n                rotate(56deg)\n                scale(0.8);\n        }\n\n        75% {\n            opacity: 0.35;\n        }\n\n        100% {\n            opacity: 0;\n            transform:\n                translateY(-205px)\n                translateX(-8px)\n                rotate(75deg)\n                scale(1.1);\n        }\n    }\n\n\n\n    \/* =====================================================\n       BOT\u00c3O REDONDO INFERIOR DIREITO\n    ===================================================== *\/\n\n    .cr3-botao-circular {\n        position: absolute;\n        z-index: 40;\n        right: 4.2%;\n        bottom: 4.2%;\n        width: 72px;\n        height: 72px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border: 2px solid rgba(255, 255, 255, 0.92);\n        border-radius: 50%;\n        text-decoration: none;\n        background: linear-gradient(\n            135deg,\n            #c69a71 0%,\n            #b9845e 50%,\n            #cba47e 100%\n        );\n        box-shadow:\n            0 10px 22px rgba(139, 97, 67, 0.28),\n            inset 0 1px 0 rgba(255, 255, 255, 0.5);\n        opacity: 0;\n        transform: translateY(24px) scale(0.75);\n        cursor: pointer;\n\n        animation:\n            cr3EntradaBotaoCircular 0.9s\n                cubic-bezier(0.17, 0.89, 0.32, 1.35) 2.25s forwards,\n            cr3PulsoBotaoCircular 2.3s ease-in-out 3.25s infinite;\n\n        transition:\n            transform 0.25s ease,\n            box-shadow 0.25s ease,\n            filter 0.25s ease;\n    }\n\n    .cr3-botao-circular:hover {\n        transform: translateY(-3px) scale(1.06);\n        filter: brightness(1.06);\n        box-shadow:\n            0 14px 26px rgba(139, 97, 67, 0.34),\n            inset 0 1px 0 rgba(255, 255, 255, 0.58);\n    }\n\n    .cr3-botao-circular:active {\n        transform: scale(0.96);\n    }\n\n    .cr3-botao-circular:focus-visible {\n        outline: 3px solid rgba(255, 255, 255, 0.96);\n        outline-offset: 4px;\n    }\n\n    .cr3-botao-circular::before {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n        border: 2px solid rgba(198, 154, 113, 0.38);\n        border-radius: 50%;\n        pointer-events: none;\n        animation: cr3AuraBotaoCircular 2.3s ease-in-out 3.25s infinite;\n    }\n\n    .cr3-botao-seta {\n        position: relative;\n        z-index: 1;\n        width: 66% !important;\n        height: 66% !important;\n        object-fit: contain;\n        pointer-events: none !important;\n        filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.18));\n        animation: cr3SetaPulsar 1.4s ease-in-out 3.25s infinite;\n    }\n\n    @keyframes cr3EntradaBotaoCircular {\n        0% {\n            opacity: 0;\n            transform: translateY(24px) scale(0.75);\n        }\n\n        70% {\n            opacity: 1;\n            transform: translateY(-4px) scale(1.07);\n        }\n\n        100% {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\n\n    @keyframes cr3PulsoBotaoCircular {\n        0%,\n        100% {\n            box-shadow:\n                0 10px 22px rgba(139, 97, 67, 0.28),\n                0 0 0 0 rgba(198, 154, 113, 0.22);\n        }\n\n        50% {\n            box-shadow:\n                0 13px 26px rgba(139, 97, 67, 0.32),\n                0 0 0 12px rgba(198, 154, 113, 0);\n        }\n    }\n\n    @keyframes cr3AuraBotaoCircular {\n        0%,\n        100% {\n            opacity: 0.58;\n            transform: scale(0.96);\n        }\n\n        50% {\n            opacity: 0;\n            transform: scale(1.2);\n        }\n    }\n\n    @keyframes cr3SetaPulsar {\n        0%,\n        100% {\n            transform: translateX(2px) scale(1);\n        }\n\n        50% {\n            transform: translateX(6px) scale(1.14);\n        }\n    }\n\n    \/* =====================================================\n       RESPONSIVIDADE\n    ===================================================== *\/\n\n    @media (max-width: 480px) {\n        .cr3-convite {\n            max-width: none;\n        }\n\n        .cr3-balao-esquerdo-container {\n            left: -20%;\n            width: 53%;\n        }\n\n        .cr3-balao-direito-container {\n            right: -20%;\n            width: 53%;\n        }\n\n        .cr3-mamadeira-container {\n            top: 3%;\n            width: 35%;\n        }\n\n        .cr3-chamada-container {\n            top: 29%;\n            width: 87%;\n        }\n\n        .cr3-nomes-container {\n            top: 46%;\n            width: 95%;\n        }\n\n        .cr3-ursinha-container {\n            left: 1%;\n            width: 54%;\n        }\n\n        .cr3-ursinho-container {\n            right: 1%;\n            width: 54%;\n        }\n\n\n        .cr3-botao-circular {\n            right: 4%;\n            bottom: 3.6%;\n            width: 66px;\n            height: 66px;\n        }\n\n        .cr3-botao-seta {\n            width: 68% !important;\n            height: 68% !important;\n        }\n    }\n\n    \/* =====================================================\n       REDU\u00c7\u00c3O DE MOVIMENTO\n    ===================================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .cr3-convite,\n        .cr3-convite *,\n        .cr3-convite::before,\n        .cr3-convite::after {\n            animation-duration: 0.01ms !important;\n            animation-delay: 0ms !important;\n            animation-iteration-count: 1 !important;\n        }\n\n        .cr3-balao-container,\n        .cr3-mamadeira-container,\n        .cr3-chamada-container,\n        .cr3-nomes-container,\n        .cr3-urso-container,\n        .cr3-sombra,\n        .cr3-estrela,\n        .cr3-botao-circular {\n            opacity: 1 !important;\n        }\n    }\n\n\/* =========================================================\n   FLUXO ENTRE TELAS \u2014 TRANSI\u00c7\u00d5ES\n========================================================= *\/\n.cr-fluxo-wrapper {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n}\n\n.cr-fluxo-wrapper,\n.cr-fluxo-wrapper * { box-sizing: border-box; }\n\n.cr-fluxo-convite {\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    aspect-ratio: 500 \/ 887;\n    overflow: hidden;\n    isolation: isolate;\n    background: #fff9f2;\n}\n\n.cr-fluxo-tela {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translate3d(16%,0,0) scale(1.045);\n    filter: blur(10px);\n    transition:\n        opacity .78s ease,\n        transform .95s cubic-bezier(.22,.8,.2,1),\n        filter .8s ease,\n        visibility 0s linear .95s;\n    will-change: opacity, transform, filter;\n}\n\n.cr-fluxo-tela > * {\n    width: 100%;\n    height: 100%;\n}\n\n.cr-fluxo-tela-1 {\n    z-index: 3;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translate3d(0,0,0) scale(1);\n    filter: blur(0);\n}\n\n\/* N\u00e3o deixa as anima\u00e7\u00f5es das telas ocultas rodarem antes da hora. *\/\n.cr-fluxo-tela-2:not(.cr-tela-liberada) .cr2-convite,\n.cr-fluxo-tela-2:not(.cr-tela-liberada) .cr2-convite *,\n.cr-fluxo-tela-2:not(.cr-tela-liberada) .cr2-convite::before,\n.cr-fluxo-tela-2:not(.cr-tela-liberada) .cr2-convite::after,\n.cr-fluxo-tela-3:not(.cr-tela-liberada) .cr3-convite,\n.cr-fluxo-tela-3:not(.cr-tela-liberada) .cr3-convite *,\n.cr-fluxo-tela-3:not(.cr-tela-liberada) .cr3-convite::before,\n.cr-fluxo-tela-3:not(.cr-tela-liberada) .cr3-convite::after,\n.cr-fluxo-tela-4:not(.cr-tela-liberada) .cr6-convite,\n.cr-fluxo-tela-4:not(.cr-tela-liberada) .cr6-convite *,\n.cr-fluxo-tela-4:not(.cr-tela-liberada) .cr6-convite::before,\n.cr-fluxo-tela-4:not(.cr-tela-liberada) .cr6-convite::after,\n.cr-fluxo-tela-5:not(.cr-tela-liberada) .cr7-convite,\n.cr-fluxo-tela-5:not(.cr-tela-liberada) .cr7-convite *,\n.cr-fluxo-tela-5:not(.cr-tela-liberada) .cr7-convite::before,\n.cr-fluxo-tela-5:not(.cr-tela-liberada) .cr7-convite::after {\n    animation-play-state: paused !important;\n}\n\n\/* Primeira -> segunda *\/\n.cr-fluxo-convite.cr-mostrar-segunda .cr-fluxo-tela-1 {\n    z-index: 2;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translate3d(-16%,0,0) scale(.96) rotate(-.5deg);\n    filter: blur(9px);\n    transition-delay: 0s,0s,0s,.95s;\n}\n\n.cr-fluxo-convite.cr-mostrar-segunda:not(.cr-mostrar-terceira) .cr-fluxo-tela-2 {\n    z-index: 3;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translate3d(0,0,0) scale(1);\n    filter: blur(0);\n    transition-delay: .1s,.06s,.08s,0s;\n}\n\n\/* Segunda -> terceira (Localiza\u00e7\u00e3o e confirma\u00e7\u00e3o) *\/\n.cr-fluxo-convite.cr-mostrar-terceira .cr-fluxo-tela-2 {\n    z-index: 2;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translate3d(-16%,0,0) scale(.96) rotate(-.5deg);\n    filter: blur(9px);\n    transition-delay: 0s,0s,0s,.95s;\n}\n\n.cr-fluxo-convite.cr-mostrar-terceira .cr-fluxo-tela-3 {\n    z-index: 3;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translate3d(0,0,0) scale(1);\n    filter: blur(0);\n    transition-delay: .1s,.06s,.08s,0s;\n}\n\n\/* Terceira -> quarta (Traje, presentes e encerramento) *\/\n.cr-fluxo-convite.cr-mostrar-quarta .cr-fluxo-tela-3 {\n    z-index: 2;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translate3d(-16%,0,0) scale(.96) rotate(-.5deg);\n    filter: blur(9px);\n    transition-delay: 0s,0s,0s,.95s;\n}\n\n.cr-fluxo-convite.cr-mostrar-quarta .cr-fluxo-tela-4 {\n    z-index: 3;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translate3d(0,0,0) scale(1);\n    filter: blur(0);\n    transition-delay: .1s,.06s,.08s,0s;\n}\n\n\/* Quarta -> quinta (Quiz final) *\/\n.cr-fluxo-convite.cr-mostrar-quinta .cr-fluxo-tela-4 {\n    z-index: 2;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translate3d(-16%,0,0) scale(.96) rotate(-.5deg);\n    filter: blur(9px);\n    transition-delay: 0s,0s,0s,.95s;\n}\n\n.cr-fluxo-convite.cr-mostrar-quinta .cr-fluxo-tela-5 {\n    z-index: 3;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translate3d(0,0,0) scale(1);\n    filter: blur(0);\n    transition-delay: .1s,.06s,.08s,0s;\n}\n\n\/* Clar\u00e3o delicado atravessando a arte durante a troca. *\/\n.cr-transicao-luz {\n    position: absolute;\n    z-index: 90;\n    inset: -18%;\n    pointer-events: none;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateX(-55%) rotate(-10deg);\n    background: linear-gradient(\n        105deg,\n        transparent 25%,\n        rgba(255,255,255,.04) 38%,\n        rgba(255,255,255,.94) 50%,\n        rgba(255,245,232,.34) 61%,\n        transparent 75%\n    );\n}\n\n.cr-fluxo-convite.cr-transicionando .cr-transicao-luz {\n    visibility: visible;\n    animation: crFluxoPassagemLuz .95s cubic-bezier(.4,0,.2,1) both;\n}\n\n@keyframes crFluxoPassagemLuz {\n    0% { opacity: 0; transform: translateX(-55%) rotate(-10deg); }\n    30% { opacity: .9; }\n    100% { opacity: 0; transform: translateX(55%) rotate(-10deg); }\n}\n\n.cr-fluxo-convite.cr-transicionando .cr-botao-saiba-mais,\n.cr-fluxo-convite.cr-transicionando .cr2-botao-circular,\n.cr-fluxo-convite.cr-transicionando .cr5-botao-circular,\n.cr-fluxo-convite.cr-transicionando .cr3-botao-circular {\n    pointer-events: none !important;\n}\n\n@media (max-width: 480px) {\n    .cr-fluxo-convite { max-width: none; }\n    .cr-fluxo-tela-2,\n    .cr-fluxo-tela-3,\n    .cr-fluxo-tela-4,\n    .cr-fluxo-tela-5 { transform: translate3d(13%,0,0) scale(1.035); }\n    .cr-fluxo-convite.cr-mostrar-segunda .cr-fluxo-tela-1,\n    .cr-fluxo-convite.cr-mostrar-terceira .cr-fluxo-tela-2,\n    .cr-fluxo-convite.cr-mostrar-quarta .cr-fluxo-tela-3,\n    .cr-fluxo-convite.cr-mostrar-quinta .cr-fluxo-tela-4 {\n        transform: translate3d(-13%,0,0) scale(.965);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .cr-fluxo-tela { transition-duration: .01ms !important; filter: none !important; }\n    .cr-fluxo-convite.cr-transicionando .cr-transicao-luz { animation-duration: .01ms !important; }\n}\n\n\n\n\/* =========================================================\n   TEXTOS REAIS + SEXTA TELA (QUIZ)\n   Adicionado em 08\/08\/2026\n========================================================= *\/\n\n:root {\n    --cr-marrom: #7a5b47;\n    --cr-marrom-escuro: #5f4434;\n    --cr-dourado: #b9845e;\n    --cr-rosa: #d89da7;\n    --cr-azul: #8fb4c9;\n    --cr-creme: rgba(255, 252, 247, 0.90);\n}\n\n\/* ---------- Tipografia comum ---------- *\/\n.cr-copy-capa,\n.cr2-copy-data,\n.cr5-copy-info,\n.cr3-copy-local,\n.cr3-copy-confirmacao,\n.cr6-copy-final,\n.cr7-copy {\n    font-family: Georgia, \"Times New Roman\", serif;\n    color: var(--cr-marrom-escuro);\n    text-align: center;\n    text-shadow: 0 2px 8px rgba(255,255,255,.85);\n}\n\n\/* ---------- TELA 1: capa ---------- *\/\n.cr-copy-capa {\n    position: absolute;\n    z-index: 24;\n    top: 17.2%;\n    left: 50%;\n    width: 86%;\n    transform: translateX(-50%);\n    animation: crTextoEntrada .95s cubic-bezier(.17,.89,.32,1.25) .8s both;\n}\n\n.cr-copy-capa blockquote {\n    margin: 0 auto 7px;\n    max-width: 430px;\n    font-size: clamp(12px, 3.2vw, 16px);\n    line-height: 1.42;\n    font-style: italic;\n    font-weight: 500;\n}\n\n.cr-copy-capa .cr-versiculo-ref {\n    margin-bottom: 14px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(10px, 2.7vw, 13px);\n    font-weight: 800;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n}\n\n.cr-copy-capa .cr-capa-kicker {\n    margin-bottom: 2px;\n    font-size: clamp(18px, 5.2vw, 27px);\n    font-weight: 700;\n}\n\n.cr-copy-capa .cr-capa-titulo {\n    margin: 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(27px, 8.2vw, 43px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -.8px;\n}\n\n.cr-copy-capa .cr-boy { color: #759fb7; }\n.cr-copy-capa .cr-girl { color: #cf8e9c; }\n.cr-copy-capa .cr-ou { color: #a48168; font-size: .54em; vertical-align: .16em; }\n\n@keyframes crTextoEntrada {\n    0% { opacity: 0; transform: translateX(-50%) translateY(24px) scale(.92); }\n    100% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\n}\n\n\/* ---------- TELA 2: data e hor\u00e1rio ---------- *\/\n.cr2-copy-data {\n    position: absolute;\n    z-index: 28;\n    top: 28%;\n    left: 50%;\n    width: 76%;\n    transform: translateX(-50%);\n    padding: 18px 16px 17px;\n    border: 1px solid rgba(185,132,94,.24);\n    border-radius: 28px;\n    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,248,241,.68));\n    box-shadow: 0 12px 30px rgba(123,87,61,.08), inset 0 1px 0 rgba(255,255,255,.9);\n    backdrop-filter: blur(4px);\n    animation: cr2TextoEntrada 1.1s cubic-bezier(.17,.89,.32,1.25) 1s both;\n}\n\n.cr2-copy-data .cr2-sabado {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(13px, 3.7vw, 18px);\n    font-weight: 900;\n    letter-spacing: 4px;\n    color: #9a7459;\n}\n\n.cr2-copy-data .cr2-data {\n    margin: 3px 0 1px;\n    font-size: clamp(42px, 13vw, 68px);\n    line-height: .95;\n    font-weight: 700;\n    letter-spacing: -2px;\n}\n\n.cr2-copy-data .cr2-hora {\n    margin-top: 8px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(17px, 5vw, 25px);\n    font-weight: 900;\n    letter-spacing: 2px;\n}\n\n@keyframes cr2TextoEntrada {\n    from { opacity: 0; transform: translateX(-50%) translateY(40px) scale(.86); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\n}\n\n\/* ---------- BLOCO DE TRAJE E PRESENTES \u2014 POSICIONADO MAIS ACIMA ---------- *\/\n.cr5-copy-info {\n    position: absolute;\n    z-index: 25;\n    top: 7%;\n    left: 50%;\n    width: 78%;\n    transform: translateX(-50%);\n    animation: cr5TextoRealEntrada 1.15s cubic-bezier(.17,.89,.32,1.22) 1.15s both;\n}\n\n.cr5-copy-card {\n    padding: 15px 16px;\n    margin-bottom: 13px;\n    border-radius: 24px;\n    border: 1px solid rgba(185,132,94,.20);\n    background: rgba(255,252,247,.84);\n    box-shadow: 0 10px 25px rgba(120,83,57,.07);\n}\n\n.cr5-copy-card strong {\n    display: block;\n    margin-bottom: 5px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(12px, 3.4vw, 16px);\n    letter-spacing: 1.6px;\n    text-transform: uppercase;\n    color: #9b7153;\n}\n\n.cr5-copy-card span {\n    display: block;\n    font-size: clamp(18px, 5.3vw, 28px);\n    line-height: 1.15;\n    font-weight: 700;\n}\n\n@keyframes cr5TextoRealEntrada {\n    from { opacity: 0; transform: translateX(-50%) translateY(42px) scale(.88); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\n}\n\n\/* ---------- TELA 4: localiza\u00e7\u00e3o e confirma\u00e7\u00e3o ---------- *\/\n.cr3-chamada-container {\n    top: 20.8% !important;\n    width: 86% !important;\n}\n\n.cr3-nomes-container {\n    top: 43.5% !important;\n    width: 88% !important;\n}\n\n.cr3-copy-local,\n.cr3-copy-confirmacao {\n    padding: 14px 14px;\n    border-radius: 22px;\n    border: 1px solid rgba(185,132,94,.22);\n    background: rgba(255,252,247,.87);\n    box-shadow: 0 10px 25px rgba(119,81,55,.07);\n}\n\n.cr3-copy-local strong,\n.cr3-copy-confirmacao strong {\n    display: block;\n    margin-bottom: 6px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(12px, 3.3vw, 16px);\n    letter-spacing: 1.4px;\n    color: #956b4f;\n}\n\n.cr3-copy-local address {\n    margin: 0;\n    font-style: normal;\n    font-size: clamp(13px, 3.5vw, 17px);\n    line-height: 1.35;\n    font-weight: 600;\n}\n\n.cr3-copy-confirmacao p {\n    margin: 0 0 9px;\n    font-size: clamp(12px, 3.25vw, 16px);\n    line-height: 1.35;\n    font-weight: 600;\n}\n\n.cr-acao-link,\n.cr-confirmacao-botao,\n.cr6-ir-quiz {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40px;\n    padding: 10px 20px;\n    border: 1.5px solid rgba(255,255,255,.88);\n    border-radius: 999px;\n    background: linear-gradient(135deg, #c69a71, #b9845e 52%, #cba47e);\n    color: #fff !important;\n    box-shadow: 0 8px 18px rgba(139,97,67,.20);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(11px, 3vw, 14px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: .7px;\n    text-decoration: none !important;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;\n}\n\n.cr-acao-link:hover,\n.cr-confirmacao-botao:hover,\n.cr6-ir-quiz:hover {\n    transform: translateY(-2px) scale(1.025);\n    filter: brightness(1.04);\n    box-shadow: 0 11px 22px rgba(139,97,67,.27);\n}\n\n.cr3-feedback-confirmacao {\n    display: block;\n    min-height: 16px;\n    margin-top: 7px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    line-height: 1.3;\n    color: #7f654f;\n}\n\n\/* Na tela de localiza\u00e7\u00e3o os ursos ficam apenas decorativos. *\/\n.cr3-urso-decorativo {\n    pointer-events: none;\n}\n\n\/* ---------- TELA 4: encerramento ---------- *\/\n.cr6-copy-final {\n    position: absolute;\n    z-index: 30;\n    top: 39%;\n    left: 50%;\n    width: 82%;\n    transform: translateX(-50%);\n    padding: 17px 15px 15px;\n    border-radius: 28px;\n    background: rgba(255,252,247,.82);\n    border: 1px solid rgba(185,132,94,.18);\n    box-shadow: 0 12px 28px rgba(120,83,57,.07);\n    animation: cr6TextoRealEntrada 1.15s cubic-bezier(.17,.89,.32,1.25) 1.05s both;\n}\n\n.cr6-copy-final h2 {\n    margin: 0 0 12px;\n    font-size: clamp(25px, 7.2vw, 38px);\n    line-height: 1.05;\n    font-weight: 700;\n}\n\n.cr6-ir-quiz {\n    min-height: 42px;\n    padding-inline: 22px;\n    margin-top: 38px;\n}\n\n@keyframes cr6TextoRealEntrada {\n    from { opacity: 0; transform: translateX(-50%) translateY(42px) scale(.86); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\n}\n\n\/* ---------- TELA 5: quiz ---------- *\/\n.cr7-wrapper {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n}\n\n.cr7-wrapper,\n.cr7-wrapper * { box-sizing: border-box; }\n\n.cr7-convite {\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    aspect-ratio: 500 \/ 887;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n        radial-gradient(circle at 12% 16%, rgba(255,255,255,.78) 0 5px, transparent 6px),\n        radial-gradient(circle at 88% 22%, rgba(255,255,255,.66) 0 6px, transparent 7px),\n        radial-gradient(circle at 50% 45%, rgba(255,255,255,.55), transparent 34%),\n        linear-gradient(180deg, #eee4da 0%, #fff9f2 20%, #fffaf5 68%, #e8ddd2 100%);\n    box-shadow: inset 0 0 45px rgba(143,107,78,.12), inset 0 0 3px rgba(255,255,255,.95);\n    animation: cr7EntradaFundo 1.05s ease-out both;\n}\n\n.cr7-convite::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    background:\n        repeating-linear-gradient(0deg, rgba(137,108,84,.018) 0 1px, transparent 1px 5px),\n        radial-gradient(circle at 50% 17%, rgba(255,255,255,.70), transparent 34%);\n}\n\n.cr7-convite img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-width: none;\n    user-select: none;\n    -webkit-user-drag: none;\n    pointer-events: none;\n}\n\n@keyframes cr7EntradaFundo {\n    from { opacity: 0; transform: scale(1.045); filter: blur(7px); }\n    to { opacity: 1; transform: scale(1); filter: blur(0); }\n}\n\n.cr7-nuvem {\n    position: absolute;\n    z-index: 3;\n    top: -2%;\n    width: 54%;\n    opacity: .88;\n    filter: saturate(.78) drop-shadow(0 8px 12px rgba(145,112,85,.07));\n}\n\n.cr7-nuvem-esq { left: -13%; animation: cr7NuvemE 5.2s ease-in-out infinite; }\n.cr7-nuvem-dir { right: -14%; transform: scaleX(-1); animation: cr7NuvemD 5.7s ease-in-out infinite; }\n\n@keyframes cr7NuvemE { 50% { transform: translateY(8px) translateX(7px); } }\n@keyframes cr7NuvemD { 50% { transform: scaleX(-1) translateY(10px) translateX(7px); } }\n\n.cr7-copy {\n    position: absolute;\n    z-index: 20;\n    top: 28%;\n    left: 50%;\n    width: 88%;\n    transform: translateX(-50%);\n    animation: cr7TextoEntrada 1.05s cubic-bezier(.17,.89,.32,1.28) .55s both;\n}\n\n.cr7-copy .cr7-kicker {\n    font-size: clamp(16px, 4.8vw, 24px);\n    font-weight: 700;\n}\n\n.cr7-copy h2 {\n    margin: 2px 0 5px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(31px, 9.2vw, 48px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1px;\n}\n\n.cr7-copy h2 .boy { color: #789fb6; }\n.cr7-copy h2 .girl { color: #cf8f9d; }\n.cr7-copy p {\n    margin: 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(11px, 3vw, 14px);\n    font-weight: 700;\n    color: #806550;\n}\n\n@keyframes cr7TextoEntrada {\n    from { opacity: 0; transform: translateX(-50%) translateY(34px) scale(.86); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }\n}\n\n.cr7-opcoes {\n    position: absolute;\n    z-index: 22;\n    left: 50%;\n    bottom: 12.5%;\n    width: 94%;\n    transform: translateX(-50%);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2%;\n    align-items: end;\n}\n\n.cr7-voto {\n    position: relative;\n    appearance: none;\n    -webkit-appearance: none;\n    border: 0;\n    padding: 0 3px 12px;\n    margin: 0;\n    background: transparent;\n    cursor: pointer;\n    border-radius: 32px;\n    transform-origin: center bottom;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .25s ease, filter .25s ease;\n}\n\n.cr7-voto:hover { transform: translateY(-5px) scale(1.025); }\n.cr7-voto:focus-visible { outline: 3px solid rgba(185,132,94,.72); outline-offset: 3px; }\n\n\/* IMPEDE O TEMA\/WORDPRESS DE COLOCAR FUNDO ROSA AO CLICAR *\/\n.cr7-voto,\n.cr7-voto:hover,\n.cr7-voto:focus,\n.cr7-voto:focus-visible,\n.cr7-voto:active,\n.cr7-voto[aria-pressed=\"true\"],\n.cr7-voto.cr7-selecionado {\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    border-color: transparent !important;\n}\n\n.cr7-voto img {\n    width: 116%;\n    max-width: none;\n    margin-left: -8%;\n    filter: saturate(.95) drop-shadow(0 10px 9px rgba(111,77,52,.14));\n}\n\n.cr7-voto-menina img { animation: cr7Ursa 3.6s ease-in-out 1.6s infinite; }\n.cr7-voto-menino img { animation: cr7Urso 3.8s ease-in-out 1.8s infinite; }\n@keyframes cr7Ursa { 50% { transform: translateY(-7px) rotate(-1deg); } }\n@keyframes cr7Urso { 50% { transform: translateY(-7px) rotate(1deg); } }\n\n.cr7-voto-label {\n    position: absolute;\n    left: 50%;\n    bottom: 4px;\n    transform: translateX(-50%);\n    min-width: 92px;\n    padding: 8px 13px;\n    border-radius: 999px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(11px, 3vw, 14px);\n    font-weight: 900;\n    letter-spacing: .6px;\n    color: #fff;\n    box-shadow: 0 7px 16px rgba(100,74,55,.16);\n}\n\n.cr7-voto-menina .cr7-voto-label { background: linear-gradient(135deg, #d9a1ad, #c98797); }\n.cr7-voto-menino .cr7-voto-label { background: linear-gradient(135deg, #95b9ce, #769eb7); }\n\n.cr7-voto.cr7-selecionado {\n    transform: translateY(-8px) scale(1.055);\n    filter: drop-shadow(0 0 14px rgba(255,255,255,.85));\n}\n\n.cr7-voto.cr7-selecionado::after {\n    content: \"\u2713\";\n    position: absolute;\n    z-index: 5;\n    top: 16%;\n    right: 10%;\n    width: 38px;\n    height: 38px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: #fff;\n    color: #9b7459;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 22px;\n    font-weight: 900;\n    box-shadow: 0 7px 18px rgba(112,78,53,.18);\n    animation: cr7Check .35s cubic-bezier(.17,.89,.32,1.35) both;\n}\n\n@keyframes cr7Check { from { opacity: 0; transform: scale(.45) rotate(-12deg); } to { opacity: 1; transform: scale(1) rotate(0); } }\n\n.cr7-resultado {\n    position: absolute;\n    z-index: 26;\n    left: 50%;\n    bottom: 4.6%;\n    width: 86%;\n    min-height: 42px;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 9px 14px;\n    border-radius: 999px;\n    background: rgba(255,252,247,.88);\n    border: 1px solid rgba(185,132,94,.18);\n    box-shadow: 0 9px 20px rgba(116,81,56,.07);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(11px, 3.1vw, 14px);\n    line-height: 1.25;\n    font-weight: 800;\n    color: #765a45;\n    text-align: center;\n}\n\n.cr7-brilho {\n    position: absolute;\n    z-index: 8;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 0 8px #fff, 0 0 18px rgba(255,224,194,.72);\n    animation: cr7Piscar 2.8s ease-in-out infinite;\n}\n.cr7-brilho-1 { top: 31%; left: 10%; }\n.cr7-brilho-2 { top: 36%; right: 11%; animation-delay: .8s; }\n.cr7-brilho-3 { top: 53%; left: 48%; animation-delay: 1.5s; }\n@keyframes cr7Piscar { 0%,100% { opacity: .12; transform: scale(.5); } 50% { opacity: 1; transform: scale(1); } }\n\n\/* O bot\u00e3o do encerramento tamb\u00e9m \u00e9 bloqueado durante a transi\u00e7\u00e3o. *\/\n.cr-fluxo-convite.cr-transicionando .cr6-ir-quiz {\n    pointer-events: none !important;\n}\n\n@media (max-width: 480px) {\n    .cr-copy-capa { top: 16.2%; width: 90%; }\n    .cr-copy-capa blockquote { font-size: 11.5px; }\n    .cr-copy-capa .cr-versiculo-ref { margin-bottom: 9px; }\n    .cr2-copy-data { top: 27%; width: 79%; }\n    .cr5-copy-info { top: 6%; width: 82%; }\n    .cr3-chamada-container { top: 19.8% !important; width: 90% !important; }\n    .cr3-nomes-container { top: 43.8% !important; width: 91% !important; }\n    .cr3-copy-local, .cr3-copy-confirmacao { padding: 12px 11px; }\n    .cr6-copy-final { top: 38%; width: 85%; }\n    .cr6-ir-quiz { margin-top: 44px; }\n    .cr7-copy { top: 27%; }\n    .cr7-opcoes { bottom: 8%; width: 98%; }\n    .cr7-resultado { bottom: 4%; width: 90%; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .cr7-convite *, .cr7-convite::before { animation-duration: .01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; }\n}\n\n<\/style>\n\n<div class=\"cr-fluxo-wrapper\">\n  <div class=\"cr-fluxo-convite\" data-cr-fluxo>\n\n    <!-- ABERTURA COM NUVENS GRANDES -->\n    <div class=\"cr-abertura-nuvens\" aria-hidden=\"true\">\n        <img decoding=\"async\"\n            class=\"cr-abertura-nuvem cr-abertura-nuvem-esquerda\"\n            src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_50-3.png\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            loading=\"eager\"\n        >\n\n        <img decoding=\"async\"\n            class=\"cr-abertura-nuvem cr-abertura-nuvem-direita\"\n            src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_50-3.png\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            loading=\"eager\"\n        >\n\n        <span class=\"cr-abertura-brilho\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n\n    <div class=\"cr-fluxo-tela cr-fluxo-tela-1\" aria-hidden=\"false\">\n<!-- =========================================================\n     CH\u00c1 REVELA\u00c7\u00c3O COM ANIMA\u00c7\u00c3O DE ENTRADA E BOT\u00c3O\n     C\u00f3digo completo para o widget HTML do Elementor\n========================================================== -->\n\n\n\n<div class=\"cha-revelacao-wrapper\">\n\n    <div class=\"cha-revelacao-fofo\">\n\n        <!-- Arco-\u00edris -->\n        <div class=\"cr-arco-container\">\n            <img decoding=\"async\"\n                class=\"cr-arco-iris\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_40_57-1.png\"\n                alt=\"Arco-\u00edris com nuvens\"\n            >\n        <\/div>\n\n        <!-- N\u00e9voa -->\n        <div class=\"cr-nevoa\"><\/div>\n\n        <!-- Textos principais -->\n        <div class=\"cr-copy-capa\">\n            <blockquote>\u201cEis que os filhos s\u00e3o heran\u00e7a do Senhor, e o fruto do ventre o seu galard\u00e3o.\u201d<\/blockquote>\n            <div class=\"cr-versiculo-ref\">Salmo 127:3<\/div>\n            <div class=\"cr-capa-kicker\">Ch\u00e1 Revela\u00e7\u00e3o<\/div>\n            <h1 class=\"cr-capa-titulo\"><span class=\"cr-boy\">BOY<\/span> <span class=\"cr-ou\">OU<\/span> <span class=\"cr-girl\">GIRL?<\/span><\/h1>\n        <\/div>\n\n        <!-- Bot\u00e3o -->\n        <div class=\"cr-botao-container\">\n            <a\n                class=\"cr-botao-saiba-mais\"\n                data-abrir-segunda-tela\n                href=\"#segunda-tela-cha\"\n                aria-label=\"Clique para saber mais\"\n            >\n                Clique para saber mais\n\n                <span class=\"cr-botao-icone\" aria-hidden=\"true\">\n                    \u203a\n                <\/span>\n            <\/a>\n        <\/div>\n\n        <!-- Bal\u00e3o esquerdo -->\n        <div class=\"cr-balao-container cr-balao-container-esquerdo\">\n            <img decoding=\"async\"\n                class=\"cr-balao-esquerdo\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_40_57-5.png\"\n                alt=\"\"\n            >\n        <\/div>\n\n        <!-- Bal\u00e3o direito -->\n        <div class=\"cr-balao-container cr-balao-container-direito\">\n            <img decoding=\"async\"\n                class=\"cr-balao-direito\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_40_58-6.png\"\n                alt=\"\"\n            >\n        <\/div>\n\n        <!-- C\u00edrculos decorativos -->\n        <div class=\"cr-circulo cr-circulo-esquerdo\"><\/div>\n        <div class=\"cr-circulo cr-circulo-direito\"><\/div>\n\n        <!-- Brilhos -->\n        <span class=\"cr-brilho cr-brilho-1\"><\/span>\n        <span class=\"cr-brilho cr-brilho-2\"><\/span>\n        <span class=\"cr-brilho cr-brilho-3\"><\/span>\n        <span class=\"cr-brilho cr-brilho-4\"><\/span>\n\n        <!-- Cora\u00e7\u00f5es -->\n        <span class=\"cr-coracao cr-coracao-1\"><\/span>\n        <span class=\"cr-coracao cr-coracao-2\"><\/span>\n        <span class=\"cr-coracao cr-coracao-3\"><\/span>\n\n        <!-- Sombra -->\n        <div class=\"cr-sombra\"><\/div>\n\n        <!-- Ursinha -->\n        <div class=\"cr-urso-container cr-urso-menina-container\">\n            <img decoding=\"async\"\n                class=\"cr-urso cr-urso-menina\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_40_57-3.png\"\n                alt=\"Ursinha com vestido e la\u00e7o\"\n            >\n        <\/div>\n\n        <!-- Ursinho -->\n        <div class=\"cr-urso-container cr-urso-menino-container\">\n            <img decoding=\"async\"\n                class=\"cr-urso cr-urso-menino\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_40_57-4.png\"\n                alt=\"Ursinho com jardineira e gravata\"\n            >\n        <\/div>\n\n    <\/div>\n\n<\/div>\n    <\/div>\n\n    <div id=\"segunda-tela-cha\" class=\"cr-fluxo-tela cr-fluxo-tela-2\" aria-hidden=\"true\">\n<!-- =========================================================\n     CH\u00c1 REVELA\u00c7\u00c3O \u2014 SEGUNDA TELA\n     HTML + CSS COMPLETO PARA ELEMENTOR\n========================================================== -->\n\n\n\n<div class=\"cr2-wrapper\">\n\n    <section\n        class=\"cr2-convite\"\n        aria-label=\"Convite de ch\u00e1 revela\u00e7\u00e3o\"\n    >\n\n        <!-- Bal\u00e3o esquerdo -->\n        <div class=\"cr2-balao-container cr2-balao-esquerdo-container\">\n            <img decoding=\"async\"\n                class=\"cr2-balao-esquerdo\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-1.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Bal\u00e3o direito -->\n        <div class=\"cr2-balao-container cr2-balao-direito-container\">\n            <img decoding=\"async\"\n                class=\"cr2-balao-direito\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-2.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Nuvem superior -->\n        <div class=\"cr2-nuvem-container cr2-nuvem-superior-container\">\n            <img decoding=\"async\"\n                class=\"cr2-nuvem-superior\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-3.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Nuvem central -->\n        <div class=\"cr2-nuvem-container cr2-nuvem-central-container\">\n            <img decoding=\"async\"\n                class=\"cr2-nuvem-central\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-4.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Data e hor\u00e1rio -->\n        <div class=\"cr2-copy-data\">\n            <div class=\"cr2-sabado\">S\u00c1BADO<\/div>\n            <div class=\"cr2-data\">15.08<\/div>\n            <div class=\"cr2-hora\">14:00H<\/div>\n        <\/div>\n\n        <!-- Estrelinhas no c\u00e9u -->\n        <span class=\"cr2-estrela cr2-estrela-1\"><\/span>\n        <span class=\"cr2-estrela cr2-estrela-2\"><\/span>\n        <span class=\"cr2-estrela cr2-estrela-3\"><\/span>\n        <span class=\"cr2-estrela cr2-estrela-4\"><\/span>\n        <span class=\"cr2-estrela cr2-estrela-5\"><\/span>\n        <span class=\"cr2-estrela cr2-estrela-6\"><\/span>\n\n        <!-- Brilhos -->\n        <span class=\"cr2-brilho cr2-brilho-1\"><\/span>\n        <span class=\"cr2-brilho cr2-brilho-2\"><\/span>\n        <span class=\"cr2-brilho cr2-brilho-3\"><\/span>\n        <span class=\"cr2-brilho cr2-brilho-4\"><\/span>\n\n        <!-- Cora\u00e7\u00f5es animados -->\n        <span class=\"cr2-coracao cr2-coracao-1\"><\/span>\n        <span class=\"cr2-coracao cr2-coracao-2\"><\/span>\n        <span class=\"cr2-coracao cr2-coracao-3\"><\/span>\n\n        <!-- Sombra inferior -->\n        <div class=\"cr2-sombra\"><\/div>\n\n        <!-- Ursinha -->\n        <div class=\"cr2-urso-container cr2-ursinha-container\">\n            <img decoding=\"async\"\n                class=\"cr2-ursinha\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_21-6.png\"\n                alt=\"Ursinha com vestido rosa e la\u00e7o\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Ursinho -->\n        <div class=\"cr2-urso-container cr2-ursinho-container\">\n            <img decoding=\"async\"\n                class=\"cr2-ursinho\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_22-7.png\"\n                alt=\"Ursinho com jardineira e gravata\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Bot\u00e3o circular -->\n        <a\n            class=\"cr2-botao-circular\"\n            data-abrir-terceira-tela\n            href=\"#localizacao-cha\"\n            aria-label=\"Pr\u00f3ximo\"\n        >\n            <img decoding=\"async\"\n                class=\"cr2-botao-seta\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/seta-direita.png\"\n                alt=\"\"\n                aria-hidden=\"true\"\n            >\n        <\/a>\n\n    <\/section>\n\n<\/div>\n    <\/div>\n\n\n    <div id=\"localizacao-cha\" class=\"cr-fluxo-tela cr-fluxo-tela-3\" aria-hidden=\"true\">\n<!-- =========================================================\n     CH\u00c1 REVELA\u00c7\u00c3O \u2014 TERCEIRA TELA: LOCALIZA\u00c7\u00c3O E CONFIRMA\u00c7\u00c3O\n========================================================= -->\n\n<div class=\"cr3-wrapper\">\n\n    <section\n        class=\"cr3-convite\"\n        aria-label=\"Localiza\u00e7\u00e3o e confirma\u00e7\u00e3o do ch\u00e1 revela\u00e7\u00e3o\"\n    >\n\n        <!-- Bal\u00e3o superior esquerdo -->\n        <div class=\"cr3-balao-container cr3-balao-esquerdo-container\">\n            <img decoding=\"async\"\n                class=\"cr3-balao-esquerdo\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_41-1.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Bal\u00e3o superior direito -->\n        <div class=\"cr3-balao-container cr3-balao-direito-container\">\n            <img decoding=\"async\"\n                class=\"cr3-balao-direito\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_42-2.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Mamadeira -->\n        <div class=\"cr3-mamadeira-container\">\n            <img decoding=\"async\"\n                class=\"cr3-mamadeira\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_42-3.png\"\n                alt=\"Mamadeira decorativa\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Localiza\u00e7\u00e3o -->\n        <div class=\"cr3-chamada-container\">\n            <div class=\"cr3-copy-local\">\n                <strong>LOCALIZA\u00c7\u00c3O:<\/strong>\n                <address>\n                    Condom\u00ednio Pituba<br>\n                    Av Jardim Guanabara, 1011<br>\n                    Bairro Boa Vista<br>\n                    Vit\u00f3ria da Conquista - BA\n                <\/address>\n                <a\n                    class=\"cr-acao-link\"\n                    href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Condom%C3%ADnio%20Pituba%2C%20Av%20Jardim%20Guanabara%2C%201011%2C%20Bairro%20Boa%20Vista%2C%20Vit%C3%B3ria%20da%20Conquista%20-%20BA\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label=\"Abrir localiza\u00e7\u00e3o no Google Maps\"\n                >CLIQUE AQUI<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Confirma\u00e7\u00e3o -->\n        <div class=\"cr3-nomes-container\">\n            <div class=\"cr3-copy-confirmacao\">\n                <strong>CONFIRMAR COM NOME COMPLETO<\/strong>\n                <p>para lista na portaria.<\/p>\n                <button class=\"cr-confirmacao-botao\" type=\"button\" data-confirmar-presenca>CLIQUE AQUI<\/button>\n                <span class=\"cr3-feedback-confirmacao\" aria-live=\"polite\"><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Estrelinhas no c\u00e9u -->\n        <span class=\"cr3-estrela cr3-estrela-1\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-2\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-3\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-4\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-5\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-6\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-7\"><\/span>\n        <span class=\"cr3-estrela cr3-estrela-8\"><\/span>\n\n        <!-- Brilhos -->\n        <span class=\"cr3-brilho cr3-brilho-1\"><\/span>\n        <span class=\"cr3-brilho cr3-brilho-2\"><\/span>\n        <span class=\"cr3-brilho cr3-brilho-3\"><\/span>\n        <span class=\"cr3-brilho cr3-brilho-4\"><\/span>\n\n        <!-- Cora\u00e7\u00f5es -->\n        <span class=\"cr3-coracao cr3-coracao-1\"><\/span>\n        <span class=\"cr3-coracao cr3-coracao-2\"><\/span>\n        <span class=\"cr3-coracao cr3-coracao-3\"><\/span>\n\n        <!-- Sombra inferior -->\n        <div class=\"cr3-sombra\"><\/div>\n\n        <!-- Ursinha decorativa -->\n        <div class=\"cr3-urso-container cr3-ursinha-container cr3-urso-decorativo\">\n            <img decoding=\"async\"\n                class=\"cr3-ursinha\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_43-6.png\"\n                alt=\"Ursinha com vestido e la\u00e7o\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Ursinho decorativo -->\n        <div class=\"cr3-urso-container cr3-ursinho-container cr3-urso-decorativo\">\n            <img decoding=\"async\"\n                class=\"cr3-ursinho\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_43-7.png\"\n                alt=\"Ursinho com jardineira e gravata\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n\n        <!-- Bot\u00e3o circular -->\n        <a\n            class=\"cr3-botao-circular\"\n            data-abrir-quarta-tela\n            href=\"#esperamos-por-voce-cha\"\n            aria-label=\"Pr\u00f3ximo\"\n        >\n            <img decoding=\"async\"\n                class=\"cr3-botao-seta\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/seta-direita.png\"\n                alt=\"\"\n                aria-hidden=\"true\"\n            >\n        <\/a>\n\n    <\/section>\n\n<\/div>\n\n    <\/div>\n\n    <div id=\"esperamos-por-voce-cha\" class=\"cr-fluxo-tela cr-fluxo-tela-4\" aria-hidden=\"true\">\n<!-- =========================================================\n     CH\u00c1 REVELA\u00c7\u00c3O \u2014 QUARTA TELA: TRAJE, PRESENTES E ENCERRAMENTO\n========================================================= -->\n\n<div class=\"cr6-wrapper\">\n\n    <section\n        class=\"cr6-convite\"\n        aria-label=\"Encerramento do convite de ch\u00e1 revela\u00e7\u00e3o\"\n    >\n\n        <!-- Bal\u00e3o superior esquerdo -->\n        <div class=\"cr6-balao-container cr6-balao-esquerdo-container\">\n            <img decoding=\"async\"\n                class=\"cr6-balao-esquerdo\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_49-1.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Bal\u00e3o superior direito -->\n        <div class=\"cr6-balao-container cr6-balao-direito-container\">\n            <img decoding=\"async\"\n                class=\"cr6-balao-direito\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_49-1.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Nuvem esquerda -->\n        <div class=\"cr6-nuvem-container cr6-nuvem-esquerda-container\">\n            <img decoding=\"async\"\n                class=\"cr6-nuvem-esquerda\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_49-2.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Nuvem direita -->\n        <div class=\"cr6-nuvem-container cr6-nuvem-direita-container\">\n            <img decoding=\"async\"\n                class=\"cr6-nuvem-direita\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_50-3.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n<!-- Bolinhas decorativas -->\n        <div class=\"cr6-bolinhas-container\">\n            <img decoding=\"async\"\n                class=\"cr6-bolinhas\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_52-8.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Brilhos -->\n        <span class=\"cr6-brilho cr6-brilho-1\"><\/span>\n        <span class=\"cr6-brilho cr6-brilho-2\"><\/span>\n        <span class=\"cr6-brilho cr6-brilho-3\"><\/span>\n        <span class=\"cr6-brilho cr6-brilho-4\"><\/span>\n        <span class=\"cr6-brilho cr6-brilho-5\"><\/span>\n\n        <!-- Cora\u00e7\u00f5es -->\n        <span class=\"cr6-coracao cr6-coracao-1\"><\/span>\n        <span class=\"cr6-coracao cr6-coracao-2\"><\/span>\n        <span class=\"cr6-coracao cr6-coracao-3\"><\/span>\n\n        <!-- Sombra -->\n        <div class=\"cr6-sombra\"><\/div>\n\n        <!-- Traje e presentes -->\n        <div class=\"cr5-copy-info\">\n            <div class=\"cr5-copy-card\">\n                <strong>Traje:<\/strong>\n                <span>tons claros.<\/span>\n            <\/div>\n            <div class=\"cr5-copy-card\">\n                <strong>PRESENTES:<\/strong>\n                <span>Fralda ou Mimo.<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Folhagem esquerda -->\n        <div class=\"cr6-folhagem-container cr6-folhagem-esquerda-container\">\n            <img decoding=\"async\"\n                class=\"cr6-folhagem-esquerda\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_51-6.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Folhagem direita -->\n        <div class=\"cr6-folhagem-container cr6-folhagem-direita-container\">\n            <img decoding=\"async\"\n                class=\"cr6-folhagem-direita\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_51-7.png\"\n                alt=\"\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n        <!-- Mensagem final -->\n        <div class=\"cr6-copy-final\">\n            <h2>Contamos com a sua presen\u00e7a!<\/h2>\n            <button class=\"cr6-ir-quiz\" type=\"button\" data-abrir-quinta-tela>CLIQUE AQUI<\/button>\n        <\/div>\n\n        <!-- Ursinhos abra\u00e7ados -->\n        <div class=\"cr6-ursos-container\">\n            <img decoding=\"async\"\n                class=\"cr6-ursos\"\n                src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-01_21_50-5.png\"\n                alt=\"Ursinhos abra\u00e7ados\"\n                loading=\"eager\"\n            >\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n    <\/div>\n\n    <div id=\"quiz-cha\" class=\"cr-fluxo-tela cr-fluxo-tela-5\" aria-hidden=\"true\">\n        <div class=\"cr7-wrapper\">\n            <section class=\"cr7-convite\" aria-label=\"Quiz: menina ou menino?\">\n\n                <div class=\"cr7-nuvem cr7-nuvem-esq\">\n                    <img decoding=\"async\" src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n                <\/div>\n                <div class=\"cr7-nuvem cr7-nuvem-dir\">\n                    <img decoding=\"async\" src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_51_20-3.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\n                <\/div>\n\n                <span class=\"cr7-brilho cr7-brilho-1\" aria-hidden=\"true\"><\/span>\n                <span class=\"cr7-brilho cr7-brilho-2\" aria-hidden=\"true\"><\/span>\n                <span class=\"cr7-brilho cr7-brilho-3\" aria-hidden=\"true\"><\/span>\n\n                <div class=\"cr7-copy\">\n                    <div class=\"cr7-kicker\">Qual \u00e9 o seu palpite?<\/div>\n                    <h2><span class=\"boy\">BOY<\/span> OU <span class=\"girl\">GIRL?<\/span><\/h2>\n                    <p>Clique no ursinho do g\u00eanero que voc\u00ea acha que vem a\u00ed.<\/p>\n                <\/div>\n\n                <div class=\"cr7-opcoes\" role=\"group\" aria-label=\"Escolha menina ou menino\">\n                    <button class=\"cr7-voto cr7-voto-menina\" type=\"button\" data-voto=\"menina\" aria-pressed=\"false\">\n                        <img decoding=\"async\"\n                            src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_43-6.png\"\n                            alt=\"Ursinha: votar em menina\"\n                            loading=\"lazy\"\n                        >\n                        <span class=\"cr7-voto-label\">MENINA<\/span>\n                    <\/button>\n\n                    <button class=\"cr7-voto cr7-voto-menino\" type=\"button\" data-voto=\"menino\" aria-pressed=\"false\">\n                        <img decoding=\"async\"\n                            src=\"https:\/\/camposdev.com\/chaderevelacao\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-7-de-ago.-de-2026-00_59_43-7.png\"\n                            alt=\"Ursinho: votar em menino\"\n                            loading=\"lazy\"\n                        >\n                        <span class=\"cr7-voto-label\">MENINO<\/span>\n                    <\/button>\n                <\/div>\n\n                <div class=\"cr7-resultado\" data-resultado-voto aria-live=\"polite\">Escolha um ursinho para deixar o seu palpite.<\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n    <div class=\"cr-transicao-luz\" aria-hidden=\"true\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n\n(function () {\n    \"use strict\";\n\n    function iniciarFluxoCha() {\n        document.querySelectorAll(\"[data-cr-fluxo]\").forEach(function (convite) {\n            if (convite.dataset.crInicializado === \"true\") return;\n            convite.dataset.crInicializado = \"true\";\n\n            var botao1 = convite.querySelector(\"[data-abrir-segunda-tela]\");\n            var botao2 = convite.querySelector(\"[data-abrir-terceira-tela]\");\n            var botao3 = convite.querySelector(\"[data-abrir-quarta-tela]\");\n            var botao4 = convite.querySelector(\"[data-abrir-quinta-tela]\");\n\n            var tela1 = convite.querySelector(\".cr-fluxo-tela-1\");\n            var tela2 = convite.querySelector(\".cr-fluxo-tela-2\");\n            var tela3 = convite.querySelector(\".cr-fluxo-tela-3\");\n            var tela4 = convite.querySelector(\".cr-fluxo-tela-4\");\n            var tela5 = convite.querySelector(\".cr-fluxo-tela-5\");\n\n            var bloqueado = false;\n\n            function transicionar(acao) {\n                if (bloqueado) return;\n                bloqueado = true;\n                convite.classList.add(\"cr-transicionando\");\n\n                acao();\n\n                window.setTimeout(function () {\n                    convite.classList.remove(\"cr-transicionando\");\n                    bloqueado = false;\n                }, 1080);\n            }\n\n            function abrirTela(botao, telaAtual, proximaTela, classeEstado) {\n                if (!botao || !telaAtual || !proximaTela) return;\n\n                botao.addEventListener(\"click\", function (e) {\n                    e.preventDefault();\n\n                    if (convite.classList.contains(classeEstado)) return;\n\n                    transicionar(function () {\n                        window.requestAnimationFrame(function () {\n                            proximaTela.classList.add(\"cr-tela-liberada\");\n\n                            window.requestAnimationFrame(function () {\n                                convite.classList.add(classeEstado);\n                                telaAtual.setAttribute(\"aria-hidden\", \"true\");\n                                proximaTela.setAttribute(\"aria-hidden\", \"false\");\n                            });\n                        });\n                    });\n                });\n            }\n\n            abrirTela(botao1, tela1, tela2, \"cr-mostrar-segunda\");\n            abrirTela(botao2, tela2, tela3, \"cr-mostrar-terceira\");\n            abrirTela(botao3, tela3, tela4, \"cr-mostrar-quarta\");\n            abrirTela(botao4, tela4, tela5, \"cr-mostrar-quinta\");\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", iniciarFluxoCha);\n    } else {\n        iniciarFluxoCha();\n    }\n\n    window.addEventListener(\"elementor\/frontend\/init\", iniciarFluxoCha);\n})();\n\n<\/script>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function iniciarExtrasCha() {\n        document.querySelectorAll(\"[data-cr-fluxo]\").forEach(function (convite) {\n            if (convite.dataset.crExtrasInicializados === \"true\") return;\n            convite.dataset.crExtrasInicializados = \"true\";\n\n            \/* Confirma\u00e7\u00e3o de presen\u00e7a: envia o nome para o WordPress por REST API. *\/\n            var confirmar = convite.querySelector(\"[data-confirmar-presenca]\");\n            var feedback = convite.querySelector(\".cr3-feedback-confirmacao\");\n\n            if (confirmar) {\n\n                confirmar.addEventListener(\"click\", async function () {\n\n                    var nome = window.prompt(\n                        \"Digite seu nome completo para confirmar presen\u00e7a:\"\n                    );\n\n                    if (!nome) {\n                        if (feedback) {\n                            feedback.textContent = \"Confirma\u00e7\u00e3o cancelada.\";\n                        }\n                        return;\n                    }\n\n                    nome = nome.trim();\n\n                    if (nome.length < 5 || nome.indexOf(\" \") === -1) {\n                        if (feedback) {\n                            feedback.textContent =\n                                \"Digite nome e sobrenome para a lista da portaria.\";\n                        }\n                        return;\n                    }\n\n                    \/* GUARDA O NOME NO APARELHO *\/\n                    try {\n                        localStorage.setItem(\n                            \"cha-revelacao-nome\",\n                            nome\n                        );\n                    } catch (e) {}\n\n                    if (feedback) {\n                        feedback.textContent = \"Confirmando...\";\n                    }\n\n                    try {\n\n                        var resposta = await fetch(\n                            \"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/cha-revelacao\/v1\/registro\",\n                            {\n                                method: \"POST\",\n\n                                headers: {\n                                    \"Content-Type\": \"application\/json\"\n                                },\n\n                                body: JSON.stringify({\n                                    tipo: \"confirmacao\",\n                                    nome: nome\n                                })\n                            }\n                        );\n\n                        var dados = await resposta.json();\n\n                        if (resposta.ok && dados.sucesso) {\n\n                            if (feedback) {\n                                feedback.textContent =\n                                    \"Presen\u00e7a confirmada! \ud83d\udc9b\";\n                            }\n\n                        } else {\n\n                            if (feedback) {\n                                feedback.textContent =\n                                    \"N\u00e3o foi poss\u00edvel confirmar.\";\n                            }\n\n                        }\n\n                    } catch (erro) {\n\n                        console.error(erro);\n\n                        if (feedback) {\n                            feedback.textContent =\n                                \"Erro ao enviar a confirma\u00e7\u00e3o.\";\n                        }\n\n                    }\n\n                });\n\n            }\n\n            \/* Quiz final: salva no navegador e envia o palpite para o WordPress\/e-mail. *\/\n            var votos = convite.querySelectorAll(\"[data-voto]\");\n            var resultado = convite.querySelector(\"[data-resultado-voto]\");\n            var storageKey = \"cha-revelacao-palpite-boy-girl\";\n\n            function aplicarVoto(valor) {\n                votos.forEach(function (botao) {\n                    var ativo = botao.getAttribute(\"data-voto\") === valor;\n                    botao.classList.toggle(\"cr7-selecionado\", ativo);\n                    botao.setAttribute(\"aria-pressed\", ativo ? \"true\" : \"false\");\n                });\n\n                if (resultado) {\n                    if (valor === \"menina\") {\n                        resultado.textContent = \"Seu palpite: MENINA \ud83d\udc97\";\n                    } else if (valor === \"menino\") {\n                        resultado.textContent = \"Seu palpite: MENINO \ud83d\udc99\";\n                    } else {\n                        resultado.textContent = \"Escolha um ursinho para deixar o seu palpite.\";\n                    }\n                }\n            }\n\n            votos.forEach(function (botao) {\n                botao.addEventListener(\"click\", async function () {\n                    var valor = botao.getAttribute(\"data-voto\");\n\n                    aplicarVoto(valor);\n\n                    try {\n                        window.localStorage.setItem(storageKey, valor);\n                    } catch (e) {}\n\n                    var nome = \"\";\n\n                    try {\n                        nome = window.localStorage.getItem(\"cha-revelacao-nome\") || \"\";\n                    } catch (e) {}\n\n                    if (!nome) {\n                        nome = window.prompt(\"Digite seu nome completo para registrar seu palpite:\");\n\n                        if (!nome) {\n                            if (resultado) resultado.textContent = \"Palpite n\u00e3o enviado: nome n\u00e3o informado.\";\n                            return;\n                        }\n\n                        nome = nome.trim();\n\n                        if (nome.length < 5 || nome.indexOf(\" \") === -1) {\n                            if (resultado) resultado.textContent = \"Digite nome e sobrenome para registrar seu palpite.\";\n                            return;\n                        }\n\n                        try {\n                            window.localStorage.setItem(\"cha-revelacao-nome\", nome);\n                        } catch (e) {}\n                    }\n\n                    if (resultado) {\n                        resultado.textContent = \"Registrando seu palpite...\";\n                    }\n\n                    try {\n                        var resposta = await fetch(\n                            \"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/cha-revelacao\/v1\/registro\",\n                            {\n                                method: \"POST\",\n                                headers: {\n                                    \"Content-Type\": \"application\/json\"\n                                },\n                                body: JSON.stringify({\n                                    tipo: \"palpite\",\n                                    nome: nome,\n                                    palpite: valor\n                                })\n                            }\n                        );\n\n                        var dados = await resposta.json();\n\n                        if (resposta.ok && dados.sucesso) {\n                            if (resultado) {\n                                if (valor === \"menina\") {\n                                    resultado.textContent = \"Seu palpite: MENINA \ud83d\udc97 \u2014 registrado!\";\n                                } else {\n                                    resultado.textContent = \"Seu palpite: MENINO \ud83d\udc99 \u2014 registrado!\";\n                                }\n                            }\n                        } else {\n                            if (resultado) {\n                                resultado.textContent = \"N\u00e3o foi poss\u00edvel registrar o palpite.\";\n                            }\n                            console.error(\"Erro ao registrar palpite:\", dados);\n                        }\n                    } catch (erro) {\n                        if (resultado) {\n                            resultado.textContent = \"Erro ao enviar o palpite.\";\n                        }\n                        console.error(\"Erro ao registrar palpite:\", erro);\n                    }\n                });\n            });\n\n            try {\n                var salvo = window.localStorage.getItem(storageKey);\n                if (salvo === \"menina\" || salvo === \"menino\") aplicarVoto(salvo);\n            } catch (e) {}\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", iniciarExtrasCha);\n    } else {\n        iniciarExtrasCha();\n    }\n    window.addEventListener(\"elementor\/frontend\/init\", iniciarExtrasCha);\n})();\n<\/script>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function iniciarUrsinhosClicaveis() {\n        document.querySelectorAll(\".cr3-convite\").forEach(function (convite) {\n            if (convite.dataset.ursosClicaveisAtivos === \"true\") return;\n            convite.dataset.ursosClicaveisAtivos = \"true\";\n\n            var ursinhos = convite.querySelectorAll(\".cr3-urso-clique\");\n\n            function animarUrso(elemento) {\n                var container = elemento.closest(\".cr3-urso-container\");\n\n                elemento.classList.remove(\"cr3-urso-animando\");\n                void elemento.offsetWidth;\n\n                if (container) {\n                    container.classList.add(\"cr3-urso-em-destaque\");\n                }\n\n                elemento.classList.add(\"cr3-urso-animando\");\n            }\n\n            ursinhos.forEach(function (ursinho) {\n                ursinho.addEventListener(\"click\", function () {\n                    animarUrso(ursinho);\n                });\n\n                ursinho.addEventListener(\"keydown\", function (evento) {\n                    if (evento.key === \"Enter\" || evento.key === \" \") {\n                        evento.preventDefault();\n                        animarUrso(ursinho);\n                    }\n                });\n\n                ursinho.addEventListener(\"animationend\", function (evento) {\n                    if (evento.animationName !== \"cr3UrsoClique\") return;\n\n                    ursinho.classList.remove(\"cr3-urso-animando\");\n\n                    var container = ursinho.closest(\".cr3-urso-container\");\n                    if (container) {\n                        container.classList.remove(\"cr3-urso-em-destaque\");\n                    }\n                });\n            });\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", iniciarUrsinhosClicaveis);\n    } else {\n        iniciarUrsinhosClicaveis();\n    }\n\n    window.addEventListener(\"elementor\/frontend\/init\", iniciarUrsinhosClicaveis);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u201cEis que os filhos s\u00e3o heran\u00e7a do Senhor, e o fruto do ventre o seu galard\u00e3o.\u201d Salmo 127:3 Ch\u00e1 Revela\u00e7\u00e3o BOY OU GIRL? Clique para saber mais \u203a S\u00c1BADO 15.08 14:00H LOCALIZA\u00c7\u00c3O: Condom\u00ednio Pituba Av Jardim Guanabara, 1011 Bairro Boa Vista Vit\u00f3ria da Conquista &#8211; BA CLIQUE AQUI CONFIRMAR COM NOME COMPLETO para lista na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":22,"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/pages\/14\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/camposdev.com\/chaderevelacao\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}