{"id":12,"date":"2026-07-09T00:03:18","date_gmt":"2026-07-08T21:03:18","guid":{"rendered":"https:\/\/kaylaneecaua.ditrafego.com\/?page_id=12"},"modified":"2026-07-25T01:02:34","modified_gmt":"2026-07-24T22:02:34","slug":"convite","status":"publish","type":"page","link":"https:\/\/kaylaneecaua.ditrafego.com\/","title":{"rendered":"Convite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-294e3fd e-con e-atomic-element e-flexbox-base e-ebcbdd1 \" data-id=\"294e3fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"294e3fd\" data-e-type=\"e-flexbox\" data-id=\"294e3fd\">\n    \t\t<div class=\"elementor-element elementor-element-2603b12 elementor-widget elementor-widget-html\" data-id=\"2603b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n    <style>\r\n        \/* =========================================\r\n           CONFIGURA\u00c7\u00d5ES GERAIS E REMO\u00c7\u00c3O DE BORDAS\r\n           ========================================= *\/\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body, html {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden; \r\n            \/* \ud83d\udfe2 Rolagem suave ao clicar nos links internos (\u00e2ncoras) *\/\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* \ud83d\udfe2 ADI\u00c7\u00c3O DO PLANO DE FUNDO FLORIDO EST\u00c1TICO (PATTERN) NO BODY *\/\r\n        body {\r\n            background-image: url('https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/Ativo-7.png'); \r\n            background-repeat: repeat; \r\n            background-attachment: fixed; \r\n            background-position: center; \r\n            background-size: 100%; \r\n            background-color: #F7F5F2; \r\n        }\r\n\r\n        .elementor-widget-html {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* =========================================\r\n           1. HERO SECTION (IMAGEM DE IN\u00cdCIO)\r\n           ========================================= *\/\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100vw;\r\n            height: 50vh; \r\n            margin-left: calc(-50vw + 50%);\r\n            margin-right: calc(-50vw + 50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: flex-end; \r\n            padding-bottom: 30px; \r\n            overflow: hidden;\r\n            background-color: transparent; \r\n        }\r\n\r\n        .foto-fundo {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: 1;\r\n        }\r\n\r\n        .overlay-escuro {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 60%, rgba(247, 245, 242, 0) 100%);\r\n            z-index: 2;\r\n        }\r\n\r\n        .textos-hero {\r\n            position: relative;\r\n            z-index: 3;\r\n            text-align: center;\r\n            padding: 0 20px;\r\n            margin-bottom: 0; \r\n        }\r\n\r\n        .frase-inspiradora {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n            color: #6F7F5F; \r\n            font-size: 18px; \r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .nome-casal {\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 500;\r\n            margin: 0;\r\n            line-height: 1;\r\n            color: #6F7F5F; \r\n            font-size: 40px; \r\n        }\r\n\r\n        \/* =========================================\r\n           2. DATA E LOCAL (EVENTO)\r\n           ========================================= *\/\r\n        .sessao-evento {\r\n            width: 100%;\r\n            background-color: transparent; \r\n            padding: 15px 20px 60px 20px; \r\n            display: flex;\r\n            justify-content: center;\r\n            text-align: center;\r\n            color: #6F7F5F;\r\n        }\r\n\r\n        .container-evento {\r\n            max-width: 600px;\r\n            background-color: rgba(247, 245, 242, 0.95); \r\n            padding: 40px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05); \r\n        }\r\n\r\n        .convite-texto {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 18px;\r\n            margin-bottom: 30px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-top: 0; \r\n        }\r\n\r\n        .data-dia {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 80px;\r\n            margin: 0;\r\n            color: #6F7F5F;\r\n        }\r\n\r\n        .data-mes {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 30px;\r\n            font-style: italic;\r\n            margin: -10px 0 10px;\r\n        }\r\n\r\n        .data-hora {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .bloco-local { margin-bottom: 30px; }\r\n\r\n        .local-titulo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 22px;\r\n            margin-bottom: 5px;\r\n            color: #D8C7A3;\r\n        }\r\n\r\n        .bloco-local p {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 18px;\r\n            line-height: 1.5;\r\n            margin-top: 0;\r\n        }\r\n\r\n        \/* =========================================\r\n           3. CRON\u00d4METRO\r\n           ========================================= *\/\r\n        .sessao-timer {\r\n            background-color: transparent; \r\n            padding: 40px 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .timer-container {\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            display: inline-block; \r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .timer-titulo {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 20px;\r\n            color: #6F7F5F;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .timer-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .timer-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            color: #6F7F5F;\r\n            min-width: 50px;\r\n        }\r\n\r\n        .timer-item span {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .timer-item small {\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* =========================================\r\n           4. LEIA COM CARINHO\r\n           ========================================= *\/\r\n        .sessao-carinho {\r\n            width: 100%;\r\n            background-color: transparent; \r\n            padding: 60px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .container-texto {\r\n            max-width: 700px;\r\n            text-align: center;\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            padding: 50px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .titulo-carinho {\r\n            font-family: 'Playfair Display', serif;\r\n            font-style: italic;\r\n            font-weight: 500;\r\n            color: #6F7F5F;\r\n            font-size: 32px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .conteudo-carinho p {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 20px;\r\n            line-height: 1.7;\r\n            color: #6F7F5F;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* =========================================\r\n           5. \u00cdCONES\r\n           ========================================= *\/\r\n        .sessao-icones {\r\n            width: 100%;\r\n            padding: 20px;\r\n            background-color: transparent; \r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .container-icones {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            max-width: 500px;\r\n        }\r\n\r\n        .icone-link {\r\n            text-decoration: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            color: #6F7F5F;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .icone-link:hover { transform: translateY(-5px); }\r\n\r\n        .icone-circulo {\r\n            width: 60px;\r\n            height: 60px;\r\n            background-color: #D8C7A3;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 24px;\r\n            margin-bottom: 10px;\r\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .icone-link span {\r\n            font-size: 14px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* =========================================\r\n           6. ORIENTA\u00c7\u00d5ES\r\n           ========================================= *\/\r\n        .sessao-orientacoes {\r\n            width: 100%;\r\n            background-color: transparent; \r\n            padding: 60px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .container-orientacoes {\r\n            max-width: 600px;\r\n            text-align: center;\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            padding: 50px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .titulo-orientacoes {\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 500;\r\n            color: #D8C7A3;\r\n            font-size: 32px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .lista-orientacoes {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .lista-orientacoes li {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 19px;\r\n            line-height: 1.8;\r\n            color: #6F7F5F;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .agradecimento {\r\n            font-style: italic;\r\n            margin-top: 30px;\r\n            font-size: 20px !important;\r\n        }\r\n\r\n        \/* =========================================\r\n           7. CONTRIBUI\u00c7\u00d5ES (PIX)\r\n           ========================================= *\/\r\n        .sessao-pix {\r\n            width: 100%;\r\n            background-color: transparent; \r\n            padding: 40px 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .container-pix {\r\n            max-width: 600px;\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            padding: 40px;\r\n            border-radius: 15px;\r\n            display: inline-block;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .titulo-pix {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 32px;\r\n            color: #6F7F5F;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .texto-pix, .chamada-pix {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 18px;\r\n            color: #6F7F5F;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .subtexto-pix {\r\n            font-style: italic;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            margin-bottom: 20px;\r\n            color: #6F7F5F;\r\n        }\r\n\r\n        .grid-pix {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 15px;\r\n            max-width: 500px;\r\n            margin: 30px auto 0;\r\n        }\r\n\r\n        .btn-pix {\r\n            background: linear-gradient(135deg, #E6D2A0 0%, #D8C7A3 50%, #C7B58E 100%);\r\n            color: #5d4f3b;\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 600;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            text-decoration: none;\r\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n            transition: transform 0.2s;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .btn-pix:hover { transform: scale(1.05); }\r\n\r\n        \/* =========================================\r\n           8. CARROSSEL (SWIPER)\r\n           ========================================= *\/\r\n        .sessao-carrossel { \r\n            padding: 40px 20px; \r\n            background-color: transparent; \r\n            width: 100%;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .swiper { \r\n            width: 100%; \r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .swiper-slide img { \r\n            width: 100%; \r\n            height: auto;\r\n            border-radius: 15px;\r\n            display: block; \r\n            object-fit: cover;\r\n        }\r\n        \r\n        .swiper-pagination-bullet { background: #D8C7A3 !important; opacity: 0.6; }\r\n        .swiper-pagination-bullet-active { background: #6F7F5F !important; opacity: 1; }\r\n\r\n        \/* =========================================\r\n           9. CONVITE INDIVIDUAL E IMAGEM FINAL\r\n           ========================================= *\/\r\n        .sessao-convite-individual {\r\n            width: 100%;\r\n            background-color: transparent; \r\n            padding: 60px 0 0 0;\r\n            margin: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .container-convite {\r\n            width: 100%;\r\n            max-width: 600px;\r\n            padding: 40px 20px;\r\n            text-align: center; \r\n            color: #6F7F5F;\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            margin-bottom: 0; \r\n        }\r\n\r\n        .titulo-convite {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 32px;\r\n            margin-bottom: 20px;\r\n            color: #6F7F5F;\r\n        }\r\n\r\n        .texto-convite p {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 18px;\r\n            line-height: 1.6;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .btn-confirmar {\r\n            display: inline-block;\r\n            background-color: #6F7F5F; \r\n            color: #F7F5F2; \r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 18px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            padding: 15px 40px;\r\n            margin-top: 25px;\r\n            border-radius: 5px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 10px rgba(111, 127, 95, 0.3);\r\n        }\r\n\r\n        .btn-confirmar:hover {\r\n            background-color: #5a664d;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 15px rgba(111, 127, 95, 0.4);\r\n            color: #ffffff;\r\n        }\r\n\r\n        .imagem-final {\r\n            width: 100vw;      \r\n            margin-left: calc(-50vw + 50%); \r\n            margin-right: calc(-50vw + 50%);\r\n            display: block;\r\n            margin-top: 40px;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* =========================================\r\n           RESPONSIVIDADE (MOBILE)\r\n           ========================================= *\/\r\n        @media (max-width: 767px) {\r\n            .nome-casal { font-size: 35px; }\r\n            .titulo-orientacoes, .titulo-carinho, .titulo-pix, .titulo-convite { font-size: 26px; }\r\n            .lista-orientacoes li, .conteudo-carinho p { font-size: 17px; }\r\n            .sessao-carinho { padding: 50px 20px; }\r\n            .container-evento, .container-texto, .container-orientacoes, .container-pix, .container-convite {\r\n                padding: 30px;\r\n            }\r\n            .btn-confirmar {\r\n                font-size: 16px;\r\n                padding: 12px 30px;\r\n                width: 100%;\r\n            }\r\n        }\r\n        \r\n        \/* =========================================\r\n           PLAYER DE M\u00daSICA\r\n           ========================================= *\/\r\n        .sessao-musica {\r\n            width: 100%;\r\n            background-color: transparent;\r\n            padding: 30px 20px 10px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            z-index: 10;\r\n            position: relative;\r\n        }\r\n\r\n        .container-musica {\r\n            background-color: rgba(247, 245, 242, 0.95);\r\n            border-radius: 50px;\r\n            padding: 12px 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            max-width: 350px;\r\n            width: 100%;\r\n            border: 1px solid rgba(111, 127, 95, 0.1);\r\n        }\r\n\r\n        .musica-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .icone-musica {\r\n            font-size: 20px;\r\n            color: #D8C7A3;\r\n        }\r\n\r\n        .musica-texto {\r\n            text-align: left;\r\n        }\r\n\r\n        .musica-titulo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 16px;\r\n            color: #6F7F5F;\r\n            margin: 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .musica-subtitulo {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-size: 14px;\r\n            color: #6F7F5F;\r\n            margin: 0;\r\n            font-style: italic;\r\n        }\r\n\r\n        .btn-musica {\r\n            background-color: #D8C7A3;\r\n            color: #5d4f3b;\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            min-width: 40px; \/* \ud83d\udfe2 Impede que o bot\u00e3o seja esmagado *\/\r\n            flex-shrink: 0;  \/* \ud83d\udfe2 For\u00e7a o tamanho fixo ao lado do texto *\/\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0; \/* \ud83d\udfe2 Remove espa\u00e7amentos que causam deslocamento *\/\r\n            margin: 0;\r\n            line-height: 0; \/* \ud83d\udfe2 Centraliza perfeitamente na vertical *\/\r\n            transition: transform 0.3s ease, background-color 0.3s ease;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .btn-musica:hover {\r\n            transform: scale(1.05);\r\n            background-color: #c7b58e;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"hero-section\">\r\n        <img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/capa-degrade.png\" alt=\"Kaylane e Cau\u00e3\" class=\"foto-fundo\">\r\n        <div class=\"overlay-escuro\"><\/div>\r\n\r\n        <div class=\"textos-hero\">\r\n            <p class=\"frase-inspiradora\">Nosso muito <br>obrigado por todo amor e carinho.<\/p>\r\n            <h1 class=\"nome-casal\">Kaylane & Cau\u00e3<\/h1>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"sessao-evento\">\r\n        <div class=\"container-evento\">\r\n            <p class=\"convite-texto\">com muita alegria, convidamos para nosso casamento<\/p>\r\n            \r\n            <h2 class=\"data-dia\">03<\/h2>\r\n            <p class=\"data-mes\">OUTUBRO<br>de 2026<\/p>\r\n            <p class=\"data-hora\">\u00e0s 16h pontualmente<\/p>\r\n\r\n            <div class=\"bloco-local\">\r\n                <h3 class=\"local-titulo\">Local da Cerim\u00f4nia<\/h3>\r\n                <p>Malu\u00ed Residence<br>Rod. Engenheiro Edilson T\u00e1vora, 7300 - Olhos d'\u00c1gua, Barra dos Coqueiros - SE<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<section class=\"sessao-musica\">\r\n        <div class=\"container-musica\">\r\n            <div class=\"musica-info\">\r\n                <span class=\"icone-musica\">\ud83e\udd0d<\/span>\r\n                <div class=\"musica-texto\">\r\n                    <p class=\"musica-titulo\">Nossa Trilha Sonora<\/p>\r\n                    <p class=\"musica-subtitulo\">D\u00ea o play para entrar no clima<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <button id=\"btn-play-pause\" class=\"btn-musica\">\u25b6<\/button>\r\n            \r\n            <audio id=\"musica-casamento\" loop>\r\n                <source src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/Lana-Del-Rey-Say-Yes-To-Heaven-Instrumental-Rockstar-Beats-youtube.mp3\" type=\"audio\/mpeg\">\r\n                Seu navegador n\u00e3o suporta \u00e1udio.\r\n            <\/audio>\r\n        <\/div>\r\n    <\/section>\r\n    <section class=\"sessao-timer\">\r\n        <div class=\"timer-container\">\r\n            <h3 class=\"timer-titulo\">nossa contagem regressiva<\/h3>\r\n            <div id=\"countdown\" class=\"timer-grid\">\r\n                <div class=\"timer-item\"><span id=\"dias\">00<\/span><small>dias<\/small><\/div>\r\n                <div class=\"timer-item\"><span id=\"horas\">00<\/span><small>horas<\/small><\/div>\r\n                <div class=\"timer-item\"><span id=\"minutos\">00<\/span><small>minutos<\/small><\/div>\r\n                <div class=\"timer-item\"><span id=\"segundos\">00<\/span><small>segundos<\/small><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sessao-carinho\">\r\n        <div class=\"container-texto\">\r\n            <h2 class=\"titulo-carinho\">Leia com carinho \ud83e\udd0d<\/h2>\r\n            <div class=\"conteudo-carinho\">\r\n                <p>\u2728 Pensamos em uma forma especial de montar nossa lista de presentes<\/p>\r\n                <p>\u2728 Como j\u00e1 temos muitos itens para o nosso lar, escolhemos transformar essa lista em uma contribui\u00e7\u00e3o para nos ajudar na realiza\u00e7\u00e3o dos nossos sonhos e na constru\u00e7\u00e3o da nossa nova hist\u00f3ria.<\/p>\r\n                <p>\u2728 Voc\u00eas poder\u00e3o escolher o valor que desejarem contribuir e, ao selecionar uma op\u00e7\u00e3o, ser\u00e3o direcionados ao Pix.<\/p>\r\n                <p>\u2728  Fiquem \u00e0 vontade para escolher a forma que preferirem \u2014 todo gesto ser\u00e1 recebido com muito amor.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"sessao-pix\" id=\"presentes\">\r\n        <div class=\"container-pix\">\r\n            <h2 class=\"titulo-pix\">Lista de Presentes<\/h2>\r\n            <p class=\"texto-pix\">Escolha a sugest\u00e3o que desejar nos presentear.\r\nAo selecionar um valor, voc\u00ea ser\u00e1 direcionado(a) para o PIX.<\/p>\r\n            <p class=\"subtexto-pix\">Todo gesto ser\u00e1 recebido com muito Amor \ud83e\udd0d<\/p>\r\n            <p class=\"chamada-pix\">Escolha o valor que desejar nos presentear.<\/p>\r\n            \r\n            <div class=\"grid-pix\">\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637ad9-38f3-4789-bd7e-d21e482adca4\" target=\"_blank\" class=\"btn-pix\">R$ 100<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637ae9-3c90-425b-accf-e82e405274da\" target=\"_blank\" class=\"btn-pix\">R$ 200<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637af7-dcbf-4ae9-87d7-e12e6e870ee4\" target=\"_blank\" class=\"btn-pix\">R$ 300<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637b06-6ed6-4419-b81e-715c6121a9be\" target=\"_blank\" class=\"btn-pix\">R$ 400<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637b23-5d50-4c48-8064-ac96bf45d559\" target=\"_blank\" class=\"btn-pix\">R$ 600<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637b4c-edc2-4ca7-94d9-efc5656e82df\" target=\"_blank\" class=\"btn-pix\">R$ 700<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637b6c-035f-4377-b4d6-18fd44ffb29a\" target=\"_blank\" class=\"btn-pix\">R$ 800<\/a>\r\n                <a href=\"https:\/\/nubank.com.br\/cobrar\/ck76g\/6a637b7a-2438-4fde-843a-3639dc5a20a2\" target=\"_blank\" class=\"btn-pix\">R$ 1.000<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sessao-icones\">\r\n        <div class=\"container-icones\">\r\n            <a href=\"https:\/\/share.google\/4JCm8WhRjudAz392z\" target=\"_blank\" class=\"icone-link\">\r\n                <div class=\"icone-circulo\">\ud83d\udccd<\/div><span>Local<\/span>\r\n            <\/a>\r\n            \r\n            <a href=\"#presentes\" class=\"icone-link\">\r\n                <div class=\"icone-circulo\">\ud83c\udf81<\/div><span>Presentes<\/span>\r\n            <\/a>\r\n            \r\n            <a href=\"#sessao-carrossel\" class=\"icone-link\">\r\n                <div class=\"icone-circulo\">\ud83d\udcd6<\/div><span>Book<\/span>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/wa.me\/+5579996126775\" target=\"_blank\" class=\"icone-link\">\r\n                <div class=\"icone-circulo\">\ud83d\udcac<\/div><span>WhatsApp<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sessao-orientacoes\">\r\n        <div class=\"container-orientacoes\">\r\n            <h2 class=\"titulo-orientacoes\">Orienta\u00e7\u00f5es<\/h2>\r\n            <ul class=\"lista-orientacoes\">\r\n                <li>\u2728 A cerim\u00f4nia ter\u00e1 in\u00edcio \u00e0s 16h. Sugerimos a chegada com anteced\u00eancia para melhor acomoda\u00e7\u00e3o.<\/li>\r\n                <li>\u2728 Pedimos, gentilmente, que mantenham os celulares no modo silencioso durante a cerim\u00f4nia.<\/li>\r\n                <li>\u2728 Fiquem \u00e0 vontade para registrar momentos especiais, com a delicadeza de n\u00e3o interferir no trabalho dos fot\u00f3grafos.<\/li>\r\n                <li>\u2728 A confirma\u00e7\u00e3o de presen\u00e7a \u00e9 essencial para a organiza\u00e7\u00e3o do evento.<\/li>\r\n                <li>\u2728 Em caso de d\u00favidas, nossa equipe de cerimonial estar\u00e1 \u00e0 disposi\u00e7\u00e3o para auxiliar.<\/li>\r\n                <li>\u2728 Por favor, evitem coment\u00e1rios sobre pol\u00edtica \u2014 para manter o clima harm\u00f4nico durante nossa celebra\u00e7\u00e3o.<\/li>\r\n                <li class=\"agradecimento\">Agradecemos, com carinho, a presen\u00e7a de todos neste momento t\u00e3o especial.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sessao-carrossel\" id=\"sessao-carrossel\">\r\n        <div class=\"swiper meuCarrossel\">\r\n            <div class=\"swiper-wrapper\">\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/IMG_1574-scaled.jpg\" alt=\"Foto 1\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/IMG_1564-scaled.jpg\" alt=\"Foto 2\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/IMG_1461-scaled.jpg\" alt=\"Foto 3\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/IMG_1098.jpg\" alt=\"Foto 4\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.08.02.jpeg\" alt=\"Foto 5\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.41.25-scaled.jpeg\" alt=\"Foto 6\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.42.18.jpeg\" alt=\"Foto 7\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.43.20-scaled.jpeg\" alt=\"Foto 8\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.49.16.jpeg\" alt=\"Foto 9\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.49.17.jpeg\" alt=\"Foto 10\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.55.54.jpeg\" alt=\"Foto 11\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.58.26-1.jpeg\" alt=\"Foto 12\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.58.26-2.jpeg\" alt=\"Foto 13\"><\/div>\r\n                <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-23-at-13.58.26.jpeg\" alt=\"Foto 14\"><\/div>\r\n                \r\n            <\/div>\r\n            <div class=\"swiper-pagination\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sessao-convite-individual\">\r\n        <div class=\"container-convite\">\r\n            <h2 class=\"titulo-convite\">Convite Individual<\/h2>\r\n            <div class=\"texto-convite\">\r\n                <p>Este convite \u00e9 pessoal e intransfer\u00edvel.<\/p>\r\n                <p>Cada convite corresponde a um convidado e acompanhates (c\u00f4njuge e filhos), sendo necess\u00e1ria a confirma\u00e7\u00e3o individual pelo formul\u00e1rio.<\/p>\r\n                <p class=\"data-confirmacao\"><strong>Confirma\u00e7\u00e3o at\u00e9 25\/08\/2026.<\/strong><\/p>\r\n                <p class=\"aviso-entrada\"><em>A entrada no evento estar\u00e1 vinculada \u00e0 confirma\u00e7\u00e3o pr\u00e9via.<\/em><\/p>\r\n                \r\n                <a href=\"https:\/\/forms.gle\/qmqWJHEd5bzyb9sG8\" target=\"_blank\" class=\"btn-confirmar\">Confirmar Presen\u00e7a<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/footer-1.png\" alt=\"Convite Individual\" class=\"imagem-final\">\r\n    <\/section>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            \/\/ 1. L\u00f3gica do Cron\u00f4metro\r\n            const dataCasamento = new Date(\"OCT 03, 2026 16:00:00\").getTime();\r\n            \r\n            setInterval(function() {\r\n                const agora = new Date().getTime();\r\n                const distancia = dataCasamento - agora;\r\n\r\n                if (distancia > 0) {\r\n                    document.getElementById(\"dias\").innerHTML = String(Math.floor(distancia \/ (1000 * 60 * 60 * 24))).padStart(2, '0');\r\n                    document.getElementById(\"horas\").innerHTML = String(Math.floor((distancia % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60))).padStart(2, '0');\r\n                    document.getElementById(\"minutos\").innerHTML = String(Math.floor((distancia % (1000 * 60 * 60)) \/ (1000 * 60))).padStart(2, '0');\r\n                    document.getElementById(\"segundos\").innerHTML = String(Math.floor((distancia % (1000 * 60)) \/ 1000)).padStart(2, '0');\r\n                }\r\n            }, 1000);\r\n\r\n            \/\/ 2. Inicializa\u00e7\u00e3o do Carrossel\r\n            const swiper = new Swiper('.meuCarrossel', {\r\n                loop: true,\r\n                grabCursor: true,\r\n                autoplay: {\r\n                    delay: 3000,\r\n                    disableOnInteraction: false,\r\n                },\r\n                pagination: { \r\n                    el: '.swiper-pagination', \r\n                    clickable: true \r\n                },\r\n                slidesPerView: 1,\r\n                spaceBetween: 20,\r\n            });\r\n        });\r\n        \/\/ =========================================\r\n            \/\/ 3. L\u00f3gica do Player de M\u00fasica (BLINDADA)\r\n            \/\/ =========================================\r\n            const audio = document.getElementById('musica-casamento');\r\n            const btnPlayPause = document.getElementById('btn-play-pause');\r\n            let isPlaying = false;\r\n\r\n            if (btnPlayPause && audio) {\r\n                btnPlayPause.addEventListener('click', function() {\r\n                    if (isPlaying) {\r\n                        audio.pause();\r\n                        btnPlayPause.innerHTML = '\u25b6'; \r\n                        isPlaying = false;\r\n                    } else {\r\n                        \/\/ Tenta tocar e captura qualquer erro (como link quebrado)\r\n                        audio.play().then(() => {\r\n                            btnPlayPause.innerHTML = '\u23f8'; \r\n                            isPlaying = true;\r\n                        }).catch((erro) => {\r\n                            console.error(\"Erro no player:\", erro);\r\n                            alert(\"Erro ao carregar a m\u00fasica! Verifique se o link do MP3 est\u00e1 correto e funcionando.\");\r\n                        });\r\n                    }\r\n                });\r\n            }\r\n\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e67250 elementor-widget elementor-widget-html\" data-id=\"5e67250\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"convite-capa\" class=\"convite-capa\">\r\n    <div class=\"convite-conteudo\">\r\n        <img decoding=\"async\" src=\"https:\/\/kaylaneecaua.ditrafego.com\/wp-content\/uploads\/2026\/07\/Ativo-5.png\" alt=\"Convite Kaylane e Cau\u00e3\" id=\"imagem-convite\">\r\n        \r\n        <p class=\"toque-texto\">Toque no convite para abrir \ud83e\udd0d<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* A Capa que esconde todo o site *\/\r\n    .convite-capa {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background-color: #F7F5F2; \/* Fundo off-white *\/\r\n        z-index: 999999; \/* Fica por cima de ABSOLUTAMENTE TUDO no site *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: opacity 1s ease, visibility 1s ease; \/* Anima\u00e7\u00e3o de FadeOut *\/\r\n    }\r\n\r\n    \/* Conte\u00fado centralizado *\/\r\n    .convite-conteudo {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Imagem do convite *\/\r\n    #imagem-convite {\r\n        max-width: 90%;\r\n        max-height: 75vh;\r\n        box-shadow: 0px 15px 30px rgba(0,0,0,0.15); \/* Sombra elegante *\/\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease;\r\n        animation: pulsar-leve 2.5s infinite; \/* Efeito visual para incentivar o clique *\/\r\n    }\r\n\r\n    #imagem-convite:hover {\r\n        transform: scale(1.03); \/* Leve zoom ao passar o mouse *\/\r\n    }\r\n\r\n    \/* Texto indicativo *\/\r\n    .toque-texto {\r\n        font-family: 'Cormorant Garamond', serif;\r\n        color: #6F7F5F; \/* Verde Oliva *\/\r\n        font-size: 1.3em;\r\n        margin-top: 20px;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* Classe ativada pelo JavaScript para sumir com tudo *\/\r\n    .esconder-convite {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n    }\r\n\r\n    \/* Anima\u00e7\u00e3o de pulsar *\/\r\n    @keyframes pulsar-leve {\r\n        0% { transform: scale(1); }\r\n        50% { transform: scale(1.02); }\r\n        100% { transform: scale(1); }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.getElementById('imagem-convite').addEventListener('click', function() {\r\n        var capa = document.getElementById('convite-capa');\r\n        \r\n        \/\/ 1. Adiciona a classe que faz o FadeOut suave\r\n        capa.classList.add('esconder-convite');\r\n        \r\n        \/\/ 2. Ap\u00f3s 1 segundo, remove a capa totalmente para n\u00e3o bloquear cliques no site\r\n        setTimeout(function() {\r\n            capa.style.display = 'none';\r\n            \r\n            \/\/ FUTURO: Aqui n\u00f3s vamos colocar o c\u00f3digo para dar PLAY na m\u00fasica!\r\n            \/\/ ex: document.getElementById('musica-casamento').play();\r\n            \r\n        }, 1000); \/\/ 1000ms = 1 segundo de anima\u00e7\u00e3o\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nosso muito obrigado por todo amor e carinho. Kaylane &#038; Cau\u00e3 com muita alegria, convidamos para nosso casamento 03 OUTUBROde 2026 \u00e0s 16h pontualmente Local da Cerim\u00f4nia Malu\u00ed ResidenceRod. Engenheiro Edilson T\u00e1vora, 7300 &#8211; Olhos d&#8217;\u00c1gua, Barra dos Coqueiros &#8211; SE \ud83e\udd0d Nossa Trilha Sonora D\u00ea o play para entrar no clima \u25b6 Seu navegador [&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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":206,"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/kaylaneecaua.ditrafego.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}