{"id":2307,"date":"2024-07-29T14:49:06","date_gmt":"2024-07-29T09:19:06","guid":{"rendered":"https:\/\/olyve.tanshcreative.com\/?page_id=9"},"modified":"2026-02-11T18:30:32","modified_gmt":"2026-02-11T18:30:32","slug":"home","status":"publish","type":"page","link":"https:\/\/sitenovo.frendz.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2307\" class=\"elementor elementor-2307\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b45631 e-grid e-con-boxed e-con e-parent\" data-id=\"7b45631\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8331b54 e-con-full e-flex e-con e-child\" data-id=\"8331b54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5d0f49 elementor-widget elementor-widget-dtr-iconhead\" data-id=\"d5d0f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-iconhead.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-iconhead dtr-iconhead--align-left dtr-iconhead--style-default  dtr-radius--round\">\r\n        <div class=\"dtr-icon dtr-iconhead__icon\">\r\n                   \r\n            <\/div>\r\n                        \t<p class=\"dtr-iconhead__heading\">Bem-vindo a Frendz<\/p>\r\n                        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7d5260 elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"b7d5260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h3 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Leve seu conhecimento al\u00e9m<\/h3>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d97caf elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"1d97caf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Transforme o que voc\u00ea sabe em um neg\u00f3cio digital lucrativo<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ee983e elementor-widget elementor-widget-text-editor\" data-id=\"9ee983e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Frendz \u00e9 a plataforma de pagamentos global e checkout de alta performance para quem escala. Pare de ser s\u00f3cio da sua plataforma. Fique com o lucro. Crie seu produto, gerencie seu neg\u00f3cio de forma simples todos os dias.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b056297 e-grid e-con-full e-con e-child\" data-id=\"b056297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6010e98 e-con-full e-flex e-con e-child\" data-id=\"6010e98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-153e778 elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"153e778\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn    dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Criar Conta<\/span>\r\n                        <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8217d3e elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"8217d3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn dtr-btn--trans  dtr-btn--icon-position-left dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Fale com Especialista<\/span>\r\n                \t\t\t                <span class=\"dtr-icon dtr-btn__icon\"><i class=\"icon-chat-text\" aria-hidden=\"true\"><\/i><\/span>\r\n                            <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c0112e e-con-full e-flex e-con e-child\" data-id=\"8c0112e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c5d9ed elementor-widget__width-initial elementor-widget elementor-widget-dtr-about\" data-id=\"6c5d9ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-about.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"dtr-about\">\r\n        <div class=\"dtr-about__img\"> \t\t\r\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"1707\" height=\"2560\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-scaled.jpg\" class=\"attachment-full size-full wp-image-2963\" alt=\"\" srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-scaled.jpg 1707w, https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-200x300.jpg 200w, https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-683x1024.jpg 683w, https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-768x1152.jpg 768w, https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-1024x1536.jpg 1024w, https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2026\/02\/DSC017151-1365x2048.jpg 1365w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/> \r\n                <div class=\"dtr-about-title__left dtr-aboutCursorLeft\">\r\n            <div class=\"dtr-about-title\">\r\n                <p>Venha ser Frendz<\/p>\r\n            <\/div>\r\n        <\/div>\r\n                  \r\n        <div class=\"dtr-about-title__right dtr-aboutCursorRight\">\r\n            <div class=\"dtr-about-title\">\r\n                <p>Venha ser Frendz<\/p>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-576baad e-flex e-con-boxed e-con e-parent\" data-id=\"576baad\" 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-7dd2974 elementor-widget elementor-widget-heading\" data-id=\"7dd2974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coloque seu neg\u00f3cio um passo \u00e0 frente!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c736ee elementor-widget elementor-widget-text-editor\" data-id=\"6c736ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Voc\u00ea cuida da VSL. N\u00f3s cuidamos da experi\u00eancia.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e2ad36 e-flex e-con-boxed e-con e-parent\" data-id=\"0e2ad36\" 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-eb5acdf elementor-widget elementor-widget-html\" data-id=\"eb5acdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* --- CONFIGURA\u00c7\u00d5ES DE PROPOR\u00c7\u00c3O DA TELA (Imagens) --- *\/\r\n    :root {\r\n        --screen-ratio: 0.7; \/* Ajuste aqui a propor\u00e7\u00e3o (Altura \/ Largura) *\/\r\n    }\r\n\r\n    \/* --- 0. ANIMA\u00c7\u00c3O DE BRILHO (GLOW) --- *\/\r\n    @keyframes subtleGlowPulse {\r\n        0% {\r\n            box-shadow: \r\n                0 0 10px rgba(249, 247, 220, 0.4), \r\n                0 0 20px rgba(249, 247, 220, 0.2);\r\n        }\r\n        50% {\r\n            box-shadow: \r\n                0 0 15px rgba(249, 247, 220, 0.7), \r\n                0 0 30px rgba(249, 247, 220, 0.4);\r\n        }\r\n        100% {\r\n            box-shadow: \r\n                0 0 10px rgba(249, 247, 220, 0.4), \r\n                0 0 20px rgba(249, 247, 220, 0.2);\r\n        }\r\n    }\r\n\r\n    \/* --- 1. WRAPPER EXTERNO (Posicionamento) --- *\/\r\n    .video-wrapper-elementor {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin: 20px auto;\r\n        perspective: 1000px; \/* Profundidade para o 3D *\/\r\n    }\r\n\r\n    \/* --- 2. O CONT\u00caINER COM EFEITO TILT + M\u00c1SCARA DAS IMAGENS --- *\/\r\n    .isometric-elementor {\r\n        position: relative; \/* Necess\u00e1rio para as imagens absolutas *\/\r\n        width: 100%; \r\n        max-width: 900px; \/* Mantive o tamanho original do seu c\u00f3digo *\/\r\n        \r\n        \/* Define a altura baseada na propor\u00e7\u00e3o para substituir a altura do v\u00eddeo *\/\r\n        aspect-ratio: 1 \/ var(--screen-ratio); \r\n        \r\n        overflow: hidden; \/* Corta o que estiver fora (m\u00e1scara) *\/\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        background: #000; \/* Fundo preto caso a imagem demore a carregar *\/\r\n        \r\n        \/* GLOW INICIAL SUTIL *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 5px rgba(249, 247, 220, 0.2); \r\n        \r\n        \/* Otimiza\u00e7\u00e3o *\/\r\n        will-change: transform, box-shadow; \r\n\r\n        \/* TRANSFORMA\u00c7\u00c3O INICIAL (Sem Tilt) *\/\r\n        transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\r\n        transition: transform 800ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 800ms ease;\r\n    }\r\n\r\n    \/* --- 3. EFEITO DE HOVER (Ativa Tilt + Glow) --- *\/\r\n    .isometric-elementor:hover {\r\n        \/* Tilt 3D *\/\r\n        transform: perspective(500px) rotateX(2deg) rotateY(2deg) rotateZ(0deg);\r\n        \r\n        \/* Anima\u00e7\u00e3o do Glow *\/\r\n        animation: subtleGlowPulse 2s infinite alternate; \r\n    }\r\n\r\n    \/* --- 4. ESTILO DAS IMAGENS (Scroller) --- *\/\r\n    .screen {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: auto; \/* Permite que a imagem seja longa para rolar *\/\r\n        opacity: 0;\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    #screen1 {\r\n        opacity: 1; \/* Primeira imagem come\u00e7a vis\u00edvel *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"video-wrapper-elementor\">\r\n    <div id=\"scrollContainer\" class=\"isometric-elementor\">\r\n        \r\n        <img decoding=\"async\" id=\"screen1\" class=\"screen\" src=\"https:\/\/frendz.com.br\/wp-content\/uploads\/2024\/10\/Group-7724-1.jpg\" alt=\"Interface 1\">\r\n        \r\n        <img decoding=\"async\" id=\"screen2\" class=\"screen\" src=\"https:\/\/frendz.com.br\/wp-content\/uploads\/2024\/10\/Group-7723-1.jpg\" alt=\"Interface 2\">\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nwindow.addEventListener('load', function() {\r\n    \r\n    \/\/ Seletores atualizados para a nova estrutura unificada\r\n    const container = document.getElementById('scrollContainer');\r\n    const screen1 = document.getElementById('screen1');\r\n    const screen2 = document.getElementById('screen2');\r\n\r\n    \/\/ Fun\u00e7\u00e3o para calcular a dist\u00e2ncia de scroll\r\n    function getScrollDist(element) {\r\n        \/\/ Altura da Imagem - Altura do Container (com tilt)\r\n        return Math.max(element.offsetHeight - container.offsetHeight, 0);\r\n    }\r\n\r\n    \/\/ Calcula dist\u00e2ncias iniciais\r\n    let scrollDist1 = getScrollDist(screen1);\r\n    let scrollDist2 = getScrollDist(screen2);\r\n\r\n    \/\/ Configura\u00e7\u00e3o da timeline GSAP\r\n    let tl = gsap.timeline({ repeat: -1, defaults: { ease: \"none\" } });\r\n\r\n    \/\/ Sequ\u00eancia de anima\u00e7\u00e3o\r\n    tl.to(screen1, { y: -scrollDist1, duration: 6 }) \/\/ Sobe imagem 1\r\n      .to(screen2, { opacity: 1, duration: 1 }, \"+=0.5\") \/\/ Troca pra 2\r\n      .to(screen1, { opacity: 0, duration: 1 }, \"<\")\r\n      .set(screen1, { y: 0 }) \/\/ Reseta 1\r\n      \r\n      .to(screen2, { y: -scrollDist2, duration: 6 }) \/\/ Sobe imagem 2\r\n      .to(screen1, { opacity: 1, duration: 1 }, \"+=0.5\") \/\/ Troca pra 1\r\n      .to(screen2, { opacity: 0, duration: 1 }, \"<\")\r\n      .set(screen2, { y: 0 }); \/\/ Reseta 2\r\n\r\n    \/\/ Atualiza c\u00e1lculos se a tela for redimensionada\r\n    window.addEventListener('resize', () => {\r\n        scrollDist1 = getScrollDist(screen1);\r\n        scrollDist2 = getScrollDist(screen2);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-faa62de e-grid e-con-boxed e-con e-parent\" data-id=\"faa62de\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f869a2e e-con-full e-flex e-con e-child\" data-id=\"f869a2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1ae43 elementor-tablet-align-center elementor-align-center elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"1b1ae43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">A infraestrutura de pagamentos definitiva para o mercado digital<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-266f8b2 elementor-widget elementor-widget-html\" data-id=\"266f8b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* =========================================\n   CONFIGURA\u00c7\u00d5ES GERAIS\n   ========================================= *\/\n.payment-methods-grid {\n    --bg-page: #101111;       \n    --bg-card: #141514;       \n    --accent-main: #BCBBA7;   \n    --accent-light: #F8F6DC;  \/* Cor Creme dos \u00cdcones *\/\n    --text-muted: #888888;\n    \n    position: relative;\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    background: transparent;\n    font-family: 'Inter', 'Montserrat', sans-serif;\n}\n\n\/* GRID LAYOUT *\/\n.cards-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    perspective: 1000px;\n}\n\n\/* =========================================\n   ESTRUTURA DO CARD\n   ========================================= *\/\n.pay-flip-card {\n    background-color: transparent;\n    height: 150px;\n    cursor: pointer;\n}\n\n.pay-flip-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    transform-style: preserve-3d;\n}\n\n.pay-flip-card:hover .pay-flip-inner {\n    transform: rotateY(180deg);\n}\n\n\/* FACES DO CARD *\/\n.pay-front, .pay-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    border-radius: 12px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n}\n\n\/* --- FRENTE (ESTILO DOS \u00cdCONES) --- *\/\n.pay-front {\n    background-color: var(--bg-card);\n    border: 1px solid rgba(188, 187, 167, 0.2);\n    animation: softGlow 3s infinite alternate;\n}\n\n\/* Configura\u00e7\u00e3o para \u00cdcones de Fonte (Font Awesome) *\/\n.pay-front i {\n    font-size: 48px; \/* Tamanho do \u00edcone *\/\n    color: var(--accent-light); \/* Cor Creme *\/\n    margin-bottom: 15px;\n    transition: 0.3s;\n}\n\n\/* Configura\u00e7\u00e3o Especial para Imagem SVG Externa (NuPay) *\/\n.pay-front img.custom-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 15px;\n    \/* Este filtro transforma a imagem preta\/roxa na cor #F8F6DC *\/\n    filter: invert(91%) sepia(8%) saturate(375%) hue-rotate(352deg) brightness(107%) contrast(96%);\n}\n\n.pay-name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--accent-main);\n    letter-spacing: 0.5px;\n}\n\n\/* --- VERSO --- *\/\n.pay-back {\n    background: linear-gradient(145deg, var(--bg-card), #000);\n    border: 1px solid var(--accent-main);\n    transform: rotateY(180deg);\n}\n\n.pay-back h4 {\n    color: var(--accent-light);\n    font-size: 14px;\n    margin-bottom: 5px;\n    font-weight: 700;\n}\n\n.pay-back p {\n    color: var(--text-muted);\n    font-size: 11px;\n    line-height: 1.4;\n}\n\n.badge-global {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    font-size: 8px;\n    background: rgba(188, 187, 167, 0.15);\n    color: var(--accent-light);\n    padding: 3px 8px;\n    border-radius: 20px;\n    text-transform: uppercase;\n    font-weight: 700;\n    border: 1px solid rgba(188, 187, 167, 0.3);\n}\n\n.check-icon {\n    width: 20px;\n    height: 20px;\n    background: var(--accent-main);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 8px;\n}\n.check-icon i {\n    font-size: 10px;\n    color: #000; \/* Check preto *\/\n}\n\n@keyframes softGlow {\n    0% { box-shadow: 0 0 0 rgba(188, 187, 167, 0); border-color: rgba(188, 187, 167, 0.2); }\n    100% { box-shadow: 0 0 15px rgba(188, 187, 167, 0.15); border-color: rgba(188, 187, 167, 0.5); }\n}\n\n.pay-flip-card:hover .pay-front {\n    border-color: var(--accent-light);\n    box-shadow: 0 0 25px rgba(248, 246, 220, 0.15);\n    transform: scale(1.02); \/* Leve zoom ao passar o mouse *\/\n}\n\n@media (max-width: 600px) {\n    .cards-container { grid-template-columns: 1fr 1fr; }\n    .pay-flip-card { height: 140px; }\n    .pay-front i, .pay-front img.custom-icon { font-size: 36px; width: 36px; height: 36px; }\n}\n<\/style>\n\n<div class=\"payment-methods-grid\">\n    <div class=\"cards-container\">\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <i class=\"fa-brands fa-pix\"><\/i>\n                    <span class=\"pay-name\">Pix<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <div class=\"check-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <h4>Instant\u00e2neo<\/h4>\n                    <p>Aprova\u00e7\u00e3o imediata e sem taxas extras.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <span class=\"badge-global\">Mundial<\/span>\n                    <i class=\"fa-brands fa-apple-pay\"><\/i>\n                    <span class=\"pay-name\">Apple Pay<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <h4>Venda Global<\/h4>\n                    <p>Receba em D\u00f3lar, Euro e Real automaticamente.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <span class=\"badge-global\">Mundial<\/span>\n                    <i class=\"fa-brands fa-google-pay\"><\/i>\n                    <span class=\"pay-name\">Google Pay<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <h4>One-Click<\/h4>\n                    <p>Checkout ultra r\u00e1pido para aumentar convers\u00e3o.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <i class=\"fa-regular fa-credit-card\"><\/i>\n                    <span class=\"pay-name\">Cr\u00e9dito<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <h4>At\u00e9 12x<\/h4>\n                    <p>Parcelamento inteligente com antecipa\u00e7\u00e3o.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <i class=\"fa-solid fa-barcode\"><\/i>\n                    <span class=\"pay-name\">Boleto<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <h4>Acess\u00edvel<\/h4>\n                    <p>Alcance clientes que n\u00e3o usam cart\u00e3o.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pay-flip-card\">\n            <div class=\"pay-flip-inner\">\n                <div class=\"pay-front\">\n                    <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/nubank\" alt=\"NuPay\" class=\"custom-icon\">\n                    <span class=\"pay-name\">NuPay<\/span>\n                <\/div>\n                <div class=\"pay-back\">\n                    <h4>Cr\u00e9dito D\u00e9bito<\/h4>\n                    <p>Pagamento integrado para clientes Nubank.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5dc3b elementor-widget elementor-widget-text-editor\" data-id=\"5a5dc3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A FRENDZ \u00e9 o ecossistema financeiro desenvolvido sob medida para Infoprodutores e Afiliados que buscam alta convers\u00e3o. Simplifique suas vendas e tenha acesso aos seus lucros com agilidade e seguran\u00e7a total.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92fcf7f e-con-full e-flex e-con e-parent\" data-id=\"92fcf7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff52ed8 elementor-widget elementor-widget-html\" data-id=\"ff52ed8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n\/* =========================================\n   1. SISTEMA DE DESIGN & VARI\u00c1VEIS\n   ========================================= *\/\n.frendz-master-container {\n    \/* Cores da Marca *\/\n    --bg-page: #101111;\n    --bg-card: #141514;\n    --gold-accent: #D4AF37;\n    --gold-glow: rgba(212, 175, 55, 0.4);\n    --text-light: #F8F6DC;\n    --text-muted: #888;\n    --success: #4ADE80;\n    --warning: #FACC15;\n    --info: #0EA5E9;\n    --cyan: #06B6D4;\n    \n    \/* Configura\u00e7\u00f5es de Layout *\/\n    --orbit-line: rgba(255, 255, 255, 0.08);\n    font-family: 'Montserrat', 'Inter', sans-serif;\n    background-color: var(--bg-page);\n    width: 100%;\n    position: relative;\n    overflow: hidden; \/* Vital para n\u00e3o gerar scroll horizontal *\/\n    padding-bottom: 80px;\n}\n\n\/* =========================================\n   2. SE\u00c7\u00c3O DE TEXTO (CONVERS\u00c3O)\n   ========================================= *\/\n.conversion-header {\n    text-align: center;\n    padding: 80px 20px 40px;\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10;\n}\n\n.main-title {\n    color: #fff;\n    font-size: clamp(1.8rem, 5vw, 3.5rem);\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 20px;\n}\n\n.main-title span {\n    color: var(--text-light);\n    background: linear-gradient(120deg, transparent 0%, transparent 100%);\n    box-shadow: inset 0 -0.2em 0 rgba(212, 175, 55, 0.3);\n}\n\n.sub-title {\n    color: var(--text-muted);\n    font-size: clamp(1rem, 2.5vw, 1.2rem);\n    line-height: 1.6;\n    max-width: 700px;\n    margin: 0 auto 40px;\n}\n\n\/* Tags de Recursos *\/\n.feature-pills {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 60px;\n}\n\n.pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: var(--gold-accent);\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: 0.3s;\n    backdrop-filter: blur(5px);\n}\n\n.pill:hover {\n    background: var(--gold-accent);\n    color: #000;\n    transform: translateY(-2px);\n    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2);\n}\n\n\/* Grid de Cards de Benef\u00edcio *\/\n.benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n    max-width: 1200px;\n    margin: 0 auto 60px;\n    padding: 0 20px;\n}\n\n.b-card {\n    background: var(--bg-card);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 30px;\n    border-radius: 16px;\n    transition: 0.3s;\n}\n\n.b-card:hover {\n    border-color: var(--gold-accent);\n    transform: translateY(-5px);\n}\n\n.b-card h3 {\n    color: var(--text-light);\n    font-size: 1.2rem;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.b-card p {\n    color: var(--text-muted);\n    font-size: 0.9rem;\n    line-height: 1.5;\n}\n\n\/* =========================================\n   3. O PALCO 3D (CENA DO CELULAR)\n   ========================================= *\/\n.scene-container {\n    position: relative;\n    width: 100%;\n    \/* Altura fluida baseada na viewport *\/\n    height: 90vh; \n    min-height: 700px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    perspective: 1000px;\n    overflow: hidden; \/* Garante que as \u00f3rbitas n\u00e3o estendam a p\u00e1gina *\/\n}\n\n\/* Marca D'\u00e1gua no fundo *\/\n.watermark {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: clamp(100px, 25vw, 400px);\n    font-weight: 900;\n    color: transparent;\n    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.02);\n    text-transform: uppercase;\n    z-index: 0;\n    pointer-events: none;\n    letter-spacing: 10px;\n}\n\n\/* Luz Central *\/\n.glow-center {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 60vw; height: 60vw;\n    max-width: 500px; max-height: 500px;\n    background: radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);\n    filter: blur(60px);\n    z-index: 1;\n    pointer-events: none;\n}\n\n\/* Wrapper do Celular (Controla Posi\u00e7\u00e3o e Rota\u00e7\u00e3o) *\/\n.phone-wrapper {\n    position: relative;\n    z-index: 20;\n    \/* Tamanho responsivo usando clamp *\/\n    width: clamp(260px, 35vw, 320px);\n    aspect-ratio: 9\/19.5; \/* Propor\u00e7\u00e3o iPhone *\/\n    transform-style: preserve-3d;\n    transform: rotateX(15deg) rotateY(-15deg) rotateZ(5deg);\n    transition: transform 0.1s; \/* Suavidade no scroll se usar JS *\/\n    animation: floatHero 6s ease-in-out infinite;\n}\n\n@keyframes floatHero {\n    0%, 100% { transform: rotateX(15deg) rotateY(-15deg) rotateZ(5deg) translateY(0); }\n    50% { transform: rotateX(15deg) rotateY(-15deg) rotateZ(5deg) translateY(-25px); }\n}\n\n\/* Constru\u00e7\u00e3o do iPhone *\/\n.phone-body {\n    width: 100%; height: 100%;\n    background: #000;\n    border-radius: 45px;\n    box-shadow: \n        0 0 0 4px #222,\n        0 0 0 8px #0a0a0a,\n        0 40px 80px rgba(0,0,0,0.8),\n        inset 0 0 20px rgba(255,255,255,0.1);\n    border: 6px solid #111;\n    overflow: hidden;\n    position: relative;\n}\n\n.notch {\n    position: absolute; top: 15px; left: 50%; transform: translateX(-50%);\n    width: 35%; height: 25px; background: #000; border-radius: 15px; z-index: 50;\n}\n\n\/* =========================================\n   4. A TELA DO APP (ANIMA\u00c7\u00c3O)\n   ========================================= *\/\n.screen-content {\n    background: #050505;\n    width: 100%; height: 100%;\n    display: flex; flex-direction: column;\n    font-family: 'Inter', sans-serif;\n}\n\n.app-header {\n    padding: 50px 20px 10px;\n    display: flex; justify-content: space-between; align-items: center;\n    z-index: 10;\n}\n.menu-ico { color: #fff; font-size: 18px; }\n.avatar { width: 30px; height: 30px; background: #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: #000; }\n\n\/* Slider Logica *\/\n.app-slider { flex: 1; position: relative; }\n.slide {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    padding: 10px 20px;\n    opacity: 0; transform: translateX(100%);\n    transition: 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Anima\u00e7\u00e3o Ciclica *\/\n.slide:nth-child(1) { animation: s1 14s infinite; }\n.slide:nth-child(2) { animation: s2 14s infinite; }\n.slide:nth-child(3) { animation: s3 14s infinite; }\n\n@keyframes s1 { 0%, 25% { opacity: 1; transform: translateX(0); } 30%, 90% { opacity: 0; transform: translateX(-20%); } 95%, 100% { opacity: 1; transform: translateX(0); } }\n@keyframes s2 { 0%, 25% { opacity: 0; transform: translateX(100%); } 30%, 45% { opacity: 1; transform: translateX(0); } 50%, 100% { opacity: 0; transform: translateX(-20%); } }\n@keyframes s3 { 0%, 45% { opacity: 0; transform: translateX(100%); } 50%, 90% { opacity: 1; transform: translateX(0); } 95%, 100% { opacity: 0; transform: translateX(100%); } }\n\n\/* Cards do Dashboard *\/\n.d-card {\n    background: #141514; border: 1px solid #222;\n    border-radius: 12px; padding: 12px; margin-bottom: 10px;\n    display: flex; flex-direction: column; gap: 4px;\n}\n.d-ico { width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 4px; }\n.i-gr { background: rgba(74,222,128,0.15); color: var(--success); }\n.i-yl { background: rgba(250,204,21,0.15); color: var(--warning); }\n.i-bl { background: rgba(14,165,233,0.15); color: var(--info); }\n.i-cy { background: rgba(6,182,212,0.15); color: var(--cyan); }\n.val { color: #fff; font-size: 16px; font-weight: 700; }\n.lbl { color: #666; font-size: 10px; }\n\n\/* Gr\u00e1fico *\/\n.graph-box { height: 180px; width: 100%; border-bottom: 1px solid #333; margin-bottom: 15px; position: relative; }\n.graph-line { fill: none; stroke: #888; stroke-width: 3; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: drawLine 3s ease forwards; animation-delay: 7.5s; }\n.tip { position: absolute; background: #fff; color: #000; padding: 2px 6px; border-radius: 4px; font-size: 9px; font-weight: 700; opacity: 0; animation: popTip 0.5s forwards; }\n@keyframes drawLine { to { stroke-dashoffset: 0; } }\n@keyframes popTip { to { opacity: 1; transform: translateY(-5px); } }\n\n\/* =========================================\n   5. SISTEMA DE \u00d3RBITAS E \u00cdCONES\n   ========================================= *\/\n.orbit-system {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%; height: 100%;\n    pointer-events: none;\n    z-index: 5;\n}\n\n.ring {\n    position: absolute;\n    top: 50%; left: 50%;\n    border-radius: 50%;\n    border: 1px dashed var(--orbit-line);\n    transform: translate(-50%, -50%);\n}\n\n\/* Tamanhos Base (Desktop) *\/\n.r1 { width: 450px; height: 450px; animation: spin 40s linear infinite; }\n.r2 { width: 700px; height: 700px; animation: spinRev 55s linear infinite; }\n.r3 { width: 950px; height: 950px; animation: spin 70s linear infinite; }\n\n@keyframes spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }\n@keyframes spinRev { from { transform: translate(-50%, -50%) rotate(360deg); } to { transform: translate(-50%, -50%) rotate(0deg); } }\n\n\/* Containers de \u00cdcones *\/\n.o-item { position: absolute; top: 50%; left: 50%; width: 0; height: 0; }\n\n\/* Bolhas de \u00cdcones *\/\n.bubble {\n    width: 55px; height: 55px;\n    background: #fff; border-radius: 50%;\n    display: flex; justify-content: center; align-items: center;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n    margin: -27px; \/* Centraliza *\/\n}\n.bubble i { font-size: 26px; }\n.bubble img { width: 30px; height: auto; }\n\n\/* Cores \u00cdcones *\/\n.c-pix { color: #32BCAD; }\n.c-google { color: #4285F4; }\n.c-visa { color: #1A1F71; }\n.c-master { color: #EB001B; }\n.c-apple { color: #000; }\n.c-amex { color: #006FCF; }\n.c-pay { color: #00457C; }\n.c-din { color: #0079BE; }\n\n\/* Contra-Rota\u00e7\u00e3o *\/\n.c-rot { animation: selfSpin 40s linear infinite; }\n.c-rot-r { animation: selfSpinRev 55s linear infinite; }\n@keyframes selfSpin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }\n@keyframes selfSpinRev { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n\/* Posi\u00e7\u00f5es (Transla\u00e7\u00e3o baseada no raio do anel) *\/\n\/* R1 = 225px | R2 = 350px | R3 = 475px *\/\n.p-r1-1 { transform: rotate(0deg) translate(225px) rotate(0deg); }\n.p-r1-2 { transform: rotate(90deg) translate(225px) rotate(-90deg); }\n.p-r1-3 { transform: rotate(180deg) translate(225px) rotate(-180deg); }\n.p-r1-4 { transform: rotate(270deg) translate(225px) rotate(-270deg); }\n\n.p-r2-1 { transform: rotate(45deg) translate(350px) rotate(-45deg); }\n.p-r2-2 { transform: rotate(105deg) translate(350px) rotate(-105deg); }\n.p-r2-3 { transform: rotate(165deg) translate(350px) rotate(-165deg); }\n.p-r2-4 { transform: rotate(225deg) translate(350px) rotate(-225deg); }\n.p-r2-5 { transform: rotate(285deg) translate(350px) rotate(-285deg); }\n.p-r2-6 { transform: rotate(345deg) translate(350px) rotate(-345deg); }\n\n.p-r3-1 { transform: rotate(20deg) translate(475px) rotate(-20deg); }\n.p-r3-2 { transform: rotate(110deg) translate(475px) rotate(-110deg); }\n.p-r3-3 { transform: rotate(200deg) translate(475px) rotate(-200deg); }\n.p-r3-4 { transform: rotate(290deg) translate(475px) rotate(-290deg); }\n\n\/* Cards de Notifica\u00e7\u00e3o (Anel 3) *\/\n.notif {\n    background: rgba(20, 20, 20, 0.9);\n    backdrop-filter: blur(8px);\n    border-left: 3px solid var(--gold-accent);\n    padding: 10px 15px;\n    border-radius: 8px;\n    width: 180px;\n    margin: -30px;\n}\n.nt-t { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #aaa; text-transform: uppercase; font-weight: 700; margin-bottom: 3px; }\n.nt-v { color: #fff; font-size: 16px; font-weight: 700; }\n.nt-s { color: var(--success); font-size: 10px; }\n\n\/* =========================================\n   6. RESPONSIVIDADE AVAN\u00c7ADA (A M\u00c1GICA)\n   ========================================= *\/\n\n\/* Tablet (max 1024px) *\/\n@media (max-width: 1024px) {\n    .r1 { width: 380px; height: 380px; }\n    .r2 { width: 550px; height: 550px; }\n    .r3 { width: 750px; height: 750px; }\n    \n    \/* Recalcular Transla\u00e7\u00f5es *\/\n    .p-r1-1, .p-r1-2, .p-r1-3, .p-r1-4 { transform: rotate(var(--rot)) translate(190px) rotate(calc(var(--rot) * -1)); }\n    .p-r2-1, .p-r2-2, .p-r2-3, .p-r2-4, .p-r2-5, .p-r2-6 { transform: rotate(var(--rot)) translate(275px) rotate(calc(var(--rot) * -1)); }\n}\n\n\/* Mobile (max 768px) - AQUI EST\u00c1 A CORRE\u00c7\u00c3O DE FLUIDEZ *\/\n@media (max-width: 768px) {\n    .frendz-master-container {\n        padding-bottom: 40px;\n    }\n    \n    .scene-container {\n        \/* Aumentamos a altura para dar espa\u00e7o \u00e0s \u00f3rbitas verticais *\/\n        height: 600px;\n        min-height: auto;\n        \/* Permitir overflow lateral se necess\u00e1rio, mas hidden para scroll *\/\n        width: 100vw;\n        margin-left: calc(-50vw + 50%); \/* For\u00e7a full width mesmo dentro de container *\/\n    }\n\n    \/* Celular menor e mais encaixado *\/\n    .phone-wrapper {\n        width: 200px;\n        transform: rotateX(10deg) rotateY(-10deg);\n    }\n\n    \/* An\u00e9is fluindo para fora da tela *\/\n    .ring {\n        border-width: 1px;\n    }\n    \n    \/* An\u00e9is menores para caber no mobile sem sumir tudo *\/\n    .r1 { width: 280px; height: 280px; }\n    .r2 { width: 420px; height: 420px; }\n    .r3 { width: 600px; height: 600px; opacity: 0.5; } \/* Anel 3 fica meio fora, transparente *\/\n\n    \/* Ajuste de Transla\u00e7\u00f5es para os raios mobile *\/\n    \/* R1 = 140px *\/\n    .p-r1-1 { transform: rotate(0deg) translate(140px) rotate(0deg); }\n    .p-r1-2 { transform: rotate(90deg) translate(140px) rotate(-90deg); }\n    .p-r1-3 { transform: rotate(180deg) translate(140px) rotate(-180deg); }\n    .p-r1-4 { transform: rotate(270deg) translate(140px) rotate(-270deg); }\n\n    \/* R2 = 210px *\/\n    .p-r2-1 { transform: rotate(45deg) translate(210px) rotate(-45deg); }\n    .p-r2-2 { transform: rotate(105deg) translate(210px) rotate(-105deg); }\n    .p-r2-3 { transform: rotate(165deg) translate(210px) rotate(-165deg); }\n    .p-r2-4 { transform: rotate(225deg) translate(210px) rotate(-225deg); }\n    .p-r2-5 { transform: rotate(285deg) translate(210px) rotate(-285deg); }\n    .p-r2-6 { transform: rotate(345deg) translate(210px) rotate(-345deg); }\n\n    \/* R3 = 300px *\/\n    .p-r3-1 { transform: rotate(20deg) translate(300px) rotate(-20deg); }\n    .p-r3-2 { transform: rotate(110deg) translate(300px) rotate(-110deg); }\n    .p-r3-3 { transform: rotate(200deg) translate(300px) rotate(-200deg); }\n    .p-r3-4 { transform: rotate(290deg) translate(300px) rotate(-290deg); }\n\n    \/* Ajuste tamanho \u00edcones *\/\n    .bubble { width: 45px; height: 45px; margin: -22px; }\n    .bubble i { font-size: 20px; }\n    .bubble img { width: 24px; }\n    \n    \/* Esconder marca d'\u00e1gua no mobile para limpeza *\/\n    .watermark { display: none; }\n    \n    \/* Cards de notifica\u00e7\u00e3o menores *\/\n    .notif { width: 150px; padding: 8px 12px; }\n    .nt-v { font-size: 13px; }\n}\n<\/style>\n\n<div class=\"frendz-master-container\">\n\n    <div class=\"conversion-header\">\n        <h2 class=\"main-title\">A plataforma desenhada para <span>Explodir sua Convers\u00e3o<\/span><\/h2><br>\n        <p class=\"sub-title\">N\u00e3o aceite checkouts lentos. A FRENDZ entrega velocidade absurda e as ferramentas que os grandes players usam para escalar.<\/p><br>\n        \n        <div class=\"feature-pills\">\n            <span class=\"pill\">Checkout em 1s<\/span>\n            <span class=\"pill\">Order Bump Infinito<\/span>\n            <span class=\"pill\">Upsell Nativo<\/span>\n            <span class=\"pill\">Recupera\u00e7\u00e3o Autom\u00e1tica<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"benefit-grid\">\n        <div class=\"b-card\">\n            <h3><i class=\"fa-solid fa-bolt\" style=\"color:var(--gold-accent)\"><\/i> Velocidade<\/h3>\n            <p>Carregamento instant\u00e2neo para n\u00e3o perder nenhum cliente impaciente.<\/p>\n        <\/div>\n        <div class=\"b-card\">\n            <h3><i class=\"fa-solid fa-wand-magic-sparkles\" style=\"color:var(--gold-accent)\"><\/i> Upsell<\/h3>\n            <p>Aumente seu ticket m\u00e9dio automaticamente com ofertas de um clique.<\/p>\n        <\/div>\n        <div class=\"b-card\">\n            <h3><i class=\"fa-solid fa-shield-halved\" style=\"color:var(--gold-accent)\"><\/i> Seguran\u00e7a<\/h3>\n            <p>Anti-fraude inteligente que aprova vendas reais e bloqueia golpes.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"scene-container\">\n        \n        <div class=\"watermark\">FRENDZ<\/div>\n        <div class=\"glow-center\"><\/div>\n\n        <div class=\"orbit-system\">\n            \n            <div class=\"ring r1\">\n                <div class=\"o-item p-r1-1\"><div class=\"bubble c-rot\"><i class=\"fa-brands fa-pix c-pix\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r1-2\"><div class=\"bubble c-rot\"><i class=\"fa-brands fa-google-pay c-google\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r1-3\"><div class=\"bubble c-rot\"><i class=\"fa-brands fa-cc-visa c-visa\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r1-4\"><div class=\"bubble c-rot\"><i class=\"fa-brands fa-cc-mastercard c-master\"><\/i><\/div><\/div>\n            <\/div>\n\n            <div class=\"ring r2\">\n                <div class=\"o-item p-r2-1\"><div class=\"bubble c-rot-r\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/elo\/000000\" alt=\"Elo\"><\/div><\/div>\n                <div class=\"o-item p-r2-2\"><div class=\"bubble c-rot-r\"><i class=\"fa-brands fa-apple-pay c-apple\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r2-3\"><div class=\"bubble c-rot-r\"><i class=\"fa-brands fa-cc-amex c-amex\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r2-4\"><div class=\"bubble c-rot-r\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hipercard\/ec1b24\" alt=\"Hipercard\"><\/div><\/div>\n                <div class=\"o-item p-r2-5\"><div class=\"bubble c-rot-r\"><i class=\"fa-brands fa-paypal c-pay\"><\/i><\/div><\/div>\n                <div class=\"o-item p-r2-6\"><div class=\"bubble c-rot-r\"><i class=\"fa-brands fa-cc-diners-club c-din\"><\/i><\/div><\/div>\n            <\/div>\n\n            <div class=\"ring r3\">\n                <div class=\"o-item p-r3-1\">\n                    <div class=\"notif c-rot\">\n                        <div class=\"nt-t\"><i class=\"fa-solid fa-circle-check\" style=\"color:#27ae60\"><\/i> Venda Aprovada<\/div>\n                        <div class=\"nt-v\">R$ 197,90<\/div>\n                        <div class=\"nt-s\">Pix \u2022 H\u00e1 2 min<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"o-item p-r3-2\">\n                    <div class=\"notif c-rot\" style=\"border-color:#27ae60\">\n                        <div class=\"nt-t\"><i class=\"fa-solid fa-arrow-up-from-bracket\" style=\"color:#27ae60\"><\/i> Saque<\/div>\n                        <div class=\"nt-v\">R$ 5.250,00<\/div>\n                        <div class=\"nt-s\">Enviado p\/ NuBank<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"o-item p-r3-3\">\n                    <div class=\"notif c-rot\" style=\"border-color:#e74c3c\">\n                        <div class=\"nt-t\"><i class=\"fa-solid fa-bullseye\" style=\"color:#e74c3c\"><\/i> Meta<\/div>\n                        <div class=\"nt-v\">82% Conclu\u00eddo<\/div>\n                        <div class=\"nt-s\" style=\"height:4px; background:#333; margin-top:2px; border-radius:2px;\"><div style=\"width:82%; height:100%; background:#e74c3c;\"><\/div><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"o-item p-r3-4\">\n                    <div class=\"notif c-rot\" style=\"border-color:#2980b9\">\n                        <div class=\"nt-t\"><i class=\"fa-solid fa-user-plus\" style=\"color:#2980b9\"><\/i> Afiliado<\/div>\n                        <div class=\"nt-v\">Jo\u00e3o M.<\/div>\n                        <div class=\"nt-s\">Entrou na rede<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"phone-wrapper\">\n            <div class=\"phone-body\">\n                <div class=\"notch\"><\/div>\n                <div class=\"screen-content\">\n                    \n                    <div class=\"app-header\">\n                        <i class=\"fa-solid fa-bars menu-ico\"><\/i>\n                        <div class=\"avatar\">JB<\/div>\n                    <\/div>\n\n                    <div class=\"app-slider\">\n                        <div class=\"slide\">\n                            <div class=\"d-card\"><div class=\"d-ico i-gr\"><i class=\"fa-solid fa-check\"><\/i><\/div><div class=\"val\">R$ 0,00<\/div><div class=\"lbl\">Dispon\u00edvel<\/div><\/div>\n                            <div class=\"d-card\"><div class=\"d-ico i-yl\"><i class=\"fa-solid fa-stairs\"><\/i><\/div><div class=\"val\">R$ 0,00<\/div><div class=\"lbl\">A Liberar<\/div><\/div>\n                            <div class=\"d-card\"><div class=\"d-ico i-bl\"><i class=\"fa-solid fa-lock\"><\/i><\/div><div class=\"val\">R$ 0,00<\/div><div class=\"lbl\">Reten\u00e7\u00e3o<\/div><\/div>\n                            <div class=\"d-card\"><div class=\"d-ico i-cy\"><i class=\"fa-solid fa-arrow-right-arrow-left\"><\/i><\/div><div class=\"val\">R$ 0,00<\/div><div class=\"lbl\">Saques<\/div><\/div>\n                        <\/div>\n                        <div class=\"slide\" style=\"display:flex; flex-direction:column; justify-content:center; align-items:center;\">\n                            <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"color:#888; font-size:24px; margin-bottom:10px;\"><\/i>\n                            <span style=\"color:#666; font-size:12px;\">Carregando...<\/span>\n                        <\/div>\n                        <div class=\"slide\">\n                            <div style=\"display:flex; justify-content:space-between; margin-bottom:10px;\">\n                                <span style=\"color:#fff; font-weight:700;\">Vis\u00e3o Geral<\/span>\n                                <span style=\"background:#222; color:#888; font-size:10px; padding:2px 6px; border-radius:4px;\">7 dias<\/span>\n                            <\/div>\n                            <div class=\"graph-box\">\n                                <div class=\"tip\" style=\"top:20%; left:30%; animation-delay:8s;\">R$ 543,43<\/div>\n                                <div class=\"tip\" style=\"top:50%; left:60%; animation-delay:8.5s;\">R$ 224,43<\/div>\n                                <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 300 150\" preserveAspectRatio=\"none\">\n                                    <path class=\"graph-line\" d=\"M0,100 C30,100 50,80 70,80 S100,20 130,20 S160,110 190,110 S220,90 250,50 S280,60 300,60\" \/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"d-card\" style=\"flex-direction:row; align-items:center;\">\n                                <div class=\"d-ico i-gr\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i><\/div>\n                                <div><div class=\"lbl\">Total<\/div><div class=\"val\" style=\"font-size:14px;\">R$ 1.285,40<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-561021b e-grid e-con-boxed e-con e-parent\" data-id=\"561021b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-86cf97c e-con-full e-flex e-con e-child\" data-id=\"86cf97c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab12f0f elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"ab12f0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Se voc\u00ea vende acima de R$100mil voc\u00ea consegue taxas melhores. Fale com um especialista!<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f588ea e-grid e-con-full e-con e-child\" data-id=\"7f588ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cf29ce3 e-con-full e-flex e-con e-child\" data-id=\"cf29ce3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca6627 elementor-widget elementor-widget-dtr-number-feature\" data-id=\"8ca6627\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-number-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-number-feature  dtr-radius--rounded\"> \r\n            <a class=\"dtr-number-feature__link\" href=\"https:\/\/app.frendz.com.br\/register\" role=\"button\"><\/a>   \r\n                            <div class=\"dtr-number-feature__number\">01<\/div>\r\n              \r\n            <div class=\"dtr-number-feature__content \">\r\n                                    <h3 class=\"dtr-number-feature__heading\"><a href=\"https:\/\/app.frendz.com.br\/register\" role=\"button\">Um checkout que n\u00e3o te faz de s\u00f3cio.<\/a><\/h3>\r\n                                                     <div class=\"dtr-number-feature__text\">Nosso checkout de alta convers\u00e3o foi feito pensando em qualidade. Com Order Bump, Upsell 1-Click e um Antifraude com IA  que aprova vendas reais, n\u00e3o bloqueia. Tudo isso com taxas que respeitam sua margem.<\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ec08bb e-con-full e-flex e-con e-child\" data-id=\"9ec08bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-443f38a elementor-widget elementor-widget-dtr-number-feature\" data-id=\"443f38a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-number-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-number-feature  dtr-radius--rounded\"> \r\n            <a class=\"dtr-number-feature__link\" href=\"https:\/\/olyve.tanshcreative.com\/visual-design\/\" role=\"button\"><\/a>   \r\n                            <div class=\"dtr-number-feature__number\">02<\/div>\r\n              \r\n            <div class=\"dtr-number-feature__content \">\r\n                                    <h3 class=\"dtr-number-feature__heading\"><a href=\"https:\/\/olyve.tanshcreative.com\/visual-design\/\" role=\"button\">Ecossistema de Gest\u00e3o (Sem caos).<\/a><\/h3>\r\n                                                     <div class=\"dtr-number-feature__text\">Gerencie co-produtores , afiliados e vendas globais  em um \u00fanico dashboard. Acompanhe tudo pelo App Frendz  e veja o resultado do seu tr\u00e1fego em tempo real.<\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e6bf3e e-grid e-con-full e-con e-child\" data-id=\"0e6bf3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f98ca9 e-con-full e-flex e-con e-child\" data-id=\"4f98ca9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a83e81 elementor-widget elementor-widget-dtr-number-feature\" data-id=\"4a83e81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-number-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-number-feature  dtr-radius--rounded\"> \r\n            <a class=\"dtr-number-feature__link\" href=\"https:\/\/olyve.tanshcreative.com\/ux-research\/\" role=\"button\"><\/a>   \r\n                            <div class=\"dtr-number-feature__number\">03<\/div>\r\n              \r\n            <div class=\"dtr-number-feature__content \">\r\n                                    <h3 class=\"dtr-number-feature__heading\"><a href=\"https:\/\/olyve.tanshcreative.com\/ux-research\/\" role=\"button\">Experi\u00eancia, do Checkout \u00e0 Entrega.<\/a><\/h3>\r\n                                                     <div class=\"dtr-number-feature__text\">N\u00e3o adianta uma VSL milion\u00e1ria se a entrega \u00e9 amadora. Nossa \u00c1rea de Membros \"Estilo Netflix\"  \u00e9 a experi\u00eancia premium que seu aluno merece, aumentando o LTV e diminuindo o reembolso.<\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f95a05f e-con-full e-flex e-con e-child\" data-id=\"f95a05f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b94afd elementor-widget elementor-widget-dtr-number-feature\" data-id=\"5b94afd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-number-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-number-feature  dtr-radius--rounded\"> \r\n            <a class=\"dtr-number-feature__link\" href=\"https:\/\/olyve.tanshcreative.com\/art-direction\/\" role=\"button\"><\/a>   \r\n                            <div class=\"dtr-number-feature__number\">04<\/div>\r\n              \r\n            <div class=\"dtr-number-feature__content \">\r\n                                    <h3 class=\"dtr-number-feature__heading\"><a href=\"https:\/\/olyve.tanshcreative.com\/art-direction\/\" role=\"button\">O Porto Seguro para quem escala (e n\u00e3o pode parar).<\/a><\/h3>\r\n                                                     <div class=\"dtr-number-feature__text\">A Frendz entende sua opera\u00e7\u00e3o! Temos aprova\u00e7\u00e3o instant\u00e2nea de produtos, sem burocracia.<\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164ad17 e-flex e-con-boxed e-con e-parent\" data-id=\"164ad17\" data-element_type=\"container\" data-e-type=\"container\" id=\"portfolio\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32806ef elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"32806ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Pre\u00e7o para quem joga o jogo da escala.<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5aed6 elementor-widget elementor-widget-text-editor\" data-id=\"ca5aed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Enquanto concorrentes vendem &#8220;status&#8221; e &#8220;eventos&#8221; (e cobram 9.9% por isso), n\u00f3s focamos no que importa: performance, fluxo de caixa e sua margem de lucro. Conhe\u00e7a nossas placas de premia\u00e7\u00f5es:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9356da e-con-full e-flex e-con e-parent\" data-id=\"e9356da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c801619 elementor-widget elementor-widget-html\" data-id=\"c801619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       0. MODAL (POP-UP)\r\n       ========================================= *\/\r\n    #frendz-modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.85);\r\n        backdrop-filter: blur(8px); \/* Desfoque no fundo *\/\r\n        z-index: 9999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    #frendz-modal-overlay.modal-open {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .frendz-modal-content {\r\n        background: #111;\r\n        border: 1px solid #333;\r\n        padding: 40px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        max-width: 500px;\r\n        width: 90%;\r\n        transform: translateY(30px);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 0 0 50px rgba(78, 214, 255, 0.1);\r\n        position: relative;\r\n    }\r\n\r\n    #frendz-modal-overlay.modal-open .frendz-modal-content {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .modal-close {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 20px;\r\n        font-size: 24px;\r\n        color: #666;\r\n        cursor: pointer;\r\n        transition: color 0.3s;\r\n    }\r\n    .modal-close:hover { color: #fff; }\r\n\r\n    .modal-title {\r\n        color: #fff;\r\n        font-family: sans-serif;\r\n        font-size: 22px;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .modal-text {\r\n        color: #aaa;\r\n        font-family: sans-serif;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .modal-btn {\r\n        display: inline-block;\r\n        background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);\r\n        color: #fff;\r\n        padding: 12px 30px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        font-family: sans-serif;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: transform 0.2s, box-shadow 0.2s;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n    .modal-btn:hover {\r\n        transform: scale(1.05);\r\n        box-shadow: 0 0 20px rgba(0, 198, 255, 0.4);\r\n    }\r\n\r\n    \/* =========================================\r\n       1. UX: INDICADOR DE SCROLL\r\n       ========================================= *\/\r\n    .scroll-indicator {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        opacity: 1;\r\n        transition: opacity 0.5s ease;\r\n        pointer-events: none;\r\n        z-index: 50;\r\n    }\r\n\r\n    .scroll-text {\r\n        font-family: sans-serif;\r\n        font-size: 12px;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .scroll-arrow {\r\n        width: 20px;\r\n        height: 20px;\r\n        border-right: 2px solid rgba(255, 255, 255, 0.6);\r\n        border-bottom: 2px solid rgba(255, 255, 255, 0.6);\r\n        transform: rotate(45deg);\r\n        animation: arrowBounce 2s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes arrowBounce {\r\n        0%, 100% { transform: rotate(45deg) translate(0, 0); opacity: 0.5; }\r\n        50% { transform: rotate(45deg) translate(5px, 5px); opacity: 1; }\r\n    }\r\n\r\n    .indicator-hidden { opacity: 0 !important; }\r\n\r\n    \/* =========================================\r\n       2. ESTRUTURA GERAL\r\n       ========================================= *\/\r\n    #placas3d-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 200vh; \/* Altura ajustada para scroll desktop *\/\r\n        background-color: transparent;\r\n    }\r\n\r\n    #placas3d-sticky {\r\n        position: -webkit-sticky;\r\n        position: sticky;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100vh;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        perspective: 1200px; \/* Perspectiva melhorada *\/\r\n        z-index: 10;\r\n        \/* M\u00e1scara apenas nas bordas extremas *\/\r\n        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);\r\n        mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);\r\n    }\r\n\r\n    #placas3d-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1100px; \/* Largura controlada *\/\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-content: center; \/* Centraliza o conte\u00fado *\/\r\n        gap: 40px; \/* Espa\u00e7o entre placas *\/\r\n        transform-style: preserve-3d;\r\n        will-change: transform;\r\n        transform-origin: center center; \r\n    }\r\n\r\n    \/* =========================================\r\n       3. ESTILO DAS PLACAS (DESKTOP)\r\n       ========================================= *\/\r\n    .placa-item {\r\n        position: relative;\r\n        aspect-ratio: 663 \/ 825;\r\n        width: calc(33.333% - 40px); \/* 3 por linha *\/\r\n        max-width: 320px;\r\n        cursor: pointer;\r\n        \r\n        \/* Transi\u00e7\u00e3o suave para hover *\/\r\n        transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;\r\n        transform-style: preserve-3d;\r\n        border-radius: 12px;\r\n        overflow: hidden; \/* Necess\u00e1rio para o efeito de brilho *\/\r\n    }\r\n\r\n    .placa-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        display: block;\r\n        filter: drop-shadow(0 15px 25px rgba(0,0,0,0.6));\r\n        transition: filter 0.3s ease;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n    }\r\n\r\n    \/* --- NOVO EFEITO HOVER: LIFT + SHINE --- *\/\r\n    \r\n    \/* 1. O Brilho (Pseudo-elemento) *\/\r\n    .placa-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -150%; \/* Come\u00e7a fora *\/\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, \r\n            transparent 0%, \r\n            rgba(255, 255, 255, 0.3) 50%, \r\n            transparent 100%);\r\n        transform: skewX(-25deg);\r\n        pointer-events: none;\r\n        transition: none; \/* Reset *\/\r\n    }\r\n\r\n    .placa-item:hover {\r\n        \/* Levanta a placa e aumenta levemente *\/\r\n        transform: translateZ(40px) scale(1.05) translateY(-10px) !important;\r\n        z-index: 100;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .placa-item:hover .placa-img {\r\n        filter: drop-shadow(0 30px 50px rgba(0, 132, 255, 0.3)); \/* Sombra azulada *\/\r\n    }\r\n\r\n    \/* Anima\u00e7\u00e3o do brilho ao passar o mouse *\/\r\n    .placa-item:hover::after {\r\n        left: 150%; \/* Atravessa a placa *\/\r\n        transition: left 0.7s ease-in-out;\r\n    }\r\n\r\n    \/* =========================================\r\n       4. MOBILE E TABLET\r\n       ========================================= *\/\r\n    \r\n    @media (max-width: 1024px) {\r\n        #placas3d-container { max-width: 800px; gap: 20px; }\r\n        .placa-item { width: calc(50% - 20px); }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        #placas3d-wrapper {\r\n            min-height: 600vh !important; \/* Mantendo a pista longa do mobile *\/\r\n        }\r\n        #placas3d-sticky {\r\n            align-items: flex-start;\r\n            padding-top: 0;\r\n        }\r\n        #placas3d-container {\r\n            width: 100%;\r\n            height: 100%;\r\n            margin: 0; padding: 0; gap: 0;\r\n            transform: none !important;\r\n        }\r\n        .placa-item {\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 75%; max-width: 260px;\r\n            transform: translate(-50%, -50%);\r\n            opacity: 0;\r\n            transition: none; box-shadow: none !important;\r\n            overflow: visible; \/* No mobile pode vazar sombra *\/\r\n        }\r\n        .placa-item:hover {\r\n            transform: translate(-50%, -50%) !important;\r\n            box-shadow: none !important;\r\n        }\r\n        \/* Desativa o shine no mobile *\/\r\n        .placa-item::after { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"frendz-modal-overlay\">\r\n    <div class=\"frendz-modal-content\">\r\n        <span class=\"modal-close\">&times;<\/span>\r\n        <h2 class=\"modal-title\">Sua conquista na parede!<\/h2>\r\n        <p class=\"modal-text\">Que tal voc\u00ea receber essa placa na sua casa e pendurar na parede para todo mundo ver? Cadastre-se agora, receba sua placa da Frendz e ganhe benef\u00edcios exclusivos.<\/p>\r\n        <button class=\"modal-btn\">Quero Minha Placa<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"placas3d-wrapper\">\r\n    <div id=\"placas3d-sticky\">\r\n        \r\n        <div class=\"scroll-indicator\" id=\"scrollIndicator\">\r\n            <span class=\"scroll-text\">Deslize<\/span>\r\n            <div class=\"scroll-arrow\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"placas3d-container\">\r\n            <div class=\"placa-item\"><img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/10k-placa-frendz-.webp\" class=\"placa-img\"><\/div>\r\n            <div class=\"placa-item\"><img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/100-MIL-placa-frendz-.webp\" class=\"placa-img\"><\/div>\r\n            <div class=\"placa-item\"><img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/1-MILHAO-placa-frendz-.webp\" class=\"placa-img\"><\/div>\r\n            \r\n            <div class=\"placa-item\"><img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/5-MILHOES-placa-frendz-.webp\" class=\"placa-img\"><\/div>\r\n            <div class=\"placa-item\"><img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/20-MILHOES-placa-frendz.webp\" class=\"placa-img\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ SELETORES\r\n    const wrapper = document.getElementById('placas3d-wrapper');\r\n    const container = document.getElementById('placas3d-container');\r\n    const items = document.querySelectorAll('.placa-item');\r\n    const indicator = document.getElementById('scrollIndicator');\r\n    \r\n    \/\/ MODAL\r\n    const modalOverlay = document.getElementById('frendz-modal-overlay');\r\n    const modalClose = document.querySelector('.modal-close');\r\n    const modalBtn = document.querySelector('.modal-btn');\r\n\r\n    \/\/ --- L\u00d3GICA DO MODAL ---\r\n    function openModal() {\r\n        modalOverlay.classList.add('modal-open');\r\n    }\r\n    function closeModal() {\r\n        modalOverlay.classList.remove('modal-open');\r\n    }\r\n\r\n    \/\/ Adiciona evento de clique nas placas\r\n    items.forEach(item => {\r\n        item.addEventListener('click', (e) => {\r\n            \/\/ No mobile, evita abrir se estiver arrastando\/scrollando\r\n            openModal();\r\n        });\r\n    });\r\n\r\n    modalClose.addEventListener('click', closeModal);\r\n    modalOverlay.addEventListener('click', (e) => {\r\n        if (e.target === modalOverlay) closeModal();\r\n    });\r\n    modalBtn.addEventListener('click', () => {\r\n        \/\/ A\u00e7\u00e3o do bot\u00e3o (Redirecionar ou abrir form)\r\n        alert(\"Redirecionando para cadastro...\");\r\n        closeModal();\r\n    });\r\n\r\n\r\n    \/\/ --- L\u00d3GICA DE ANIMA\u00c7\u00c3O ---\r\n    if (!wrapper || !items.length) return;\r\n\r\n    let isMobile = window.innerWidth < 768;\r\n    \r\n    \/\/ Lerp State (Suaviza\u00e7\u00e3o)\r\n    let state = {\r\n        targetScroll: 0,\r\n        currentScroll: 0,\r\n        lerpFactor: 0.08\r\n    };\r\n\r\n    function onScroll() {\r\n        const rect = wrapper.getBoundingClientRect();\r\n        const windowHeight = window.innerHeight;\r\n        const totalDist = rect.height - windowHeight;\r\n        let rawProgress = -rect.top \/ totalDist;\r\n        state.targetScroll = Math.max(0, Math.min(1, rawProgress));\r\n\r\n        if (state.targetScroll > 0.02 && indicator) {\r\n            indicator.classList.add('indicator-hidden');\r\n        }\r\n    }\r\n\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n    window.addEventListener('resize', () => { isMobile = window.innerWidth < 768; });\r\n\r\n    function animate() {\r\n        state.currentScroll += (state.targetScroll - state.currentScroll) * state.lerpFactor;\r\n        \r\n        if (Math.abs(state.targetScroll - state.currentScroll) < 0.0001) {\r\n            state.currentScroll = state.targetScroll;\r\n        }\r\n\r\n        if (isMobile) {\r\n            renderMobile(state.currentScroll);\r\n        } else {\r\n            renderDesktop(state.currentScroll);\r\n        }\r\n\r\n        requestAnimationFrame(animate);\r\n    }\r\n\r\n    \/\/ --- RENDER DESKTOP AJUSTADO ---\r\n    function renderDesktop(progress) {\r\n        \/\/ AJUSTE CR\u00cdTICO DE POSI\u00c7\u00c3O:\r\n        \/\/ Quando progress = 0 (in\u00edcio): translateY \u00e9 positivo (15%) -> Empurra o grid para baixo para mostrar a linha de cima.\r\n        \/\/ Quando progress = 1 (fim): translateY \u00e9 negativo (-25%) -> Puxa o grid para cima para mostrar a linha de baixo.\r\n        \r\n        const translateY = 15 - (progress * 40); \/\/ Vai de +15% at\u00e9 -25%\r\n        \r\n        \/\/ AJUSTE DE ROTA\u00c7\u00c3O:\r\n        \/\/ Come\u00e7a levemente inclinado (20deg) para dar charme 3D, mas ZERA (0deg) rapidamente para ficar frontal.\r\n        let currentAngle = 20 - (progress * 25);\r\n        if (currentAngle < 0) currentAngle = 0; \/\/ Garante que fique reto no final\r\n\r\n        container.style.transform = `\r\n            perspective(1200px) \r\n            translateY(${translateY}%) \r\n            rotateX(${currentAngle}deg)\r\n        `;\r\n        \r\n        \/\/ Reseta estilos mobile\r\n        items.forEach(item => {\r\n            item.style.opacity = 1;\r\n            item.style.transform = '';\r\n            item.style.position = 'relative';\r\n            item.style.top = 'auto';\r\n            item.style.left = 'auto';\r\n            item.style.pointerEvents = 'auto';\r\n        });\r\n    }\r\n\r\n    \/\/ --- RENDER MOBILE (Mantido o seu preferido) ---\r\n    function renderMobile(progress) {\r\n        const totalItems = items.length;\r\n        const slotSize = 1 \/ totalItems; \r\n\r\n        items.forEach((item, index) => {\r\n            const itemCenter = (index * slotSize) + (slotSize \/ 2);\r\n            const dist = progress - itemCenter;\r\n            const range = slotSize * 1.5; \r\n\r\n            if (Math.abs(dist) > range) {\r\n                item.style.opacity = 0;\r\n                item.style.pointerEvents = 'none';\r\n                return;\r\n            }\r\n\r\n            const normalizedPos = dist \/ range; \r\n            let opacity = 1 - Math.pow(Math.abs(normalizedPos), 2);\r\n\r\n            let yOffset, scale, rotateX;\r\n\r\n            if (normalizedPos < 0) {\r\n                yOffset = normalizedPos * 100; \r\n                rotateX = normalizedPos * -45; \r\n                scale = 0.8 + ((1 + normalizedPos) * 0.2); \r\n            } else {\r\n                yOffset = normalizedPos * 150; \r\n                rotateX = normalizedPos * 30; \r\n                scale = 1.0 - (normalizedPos * 0.1); \r\n            }\r\n\r\n            item.style.opacity = Math.max(0, opacity);\r\n            item.style.pointerEvents = 'auto';\r\n            \r\n            item.style.transform = `\r\n                translate(-50%, calc(-50% - ${yOffset}%)) \r\n                perspective(800px) \r\n                rotateX(${rotateX}deg) \r\n                scale(${scale})\r\n            `;\r\n        });\r\n    }\r\n\r\n    animate();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2e4c3a e-con-full e-flex e-con e-parent\" data-id=\"e2e4c3a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46e8eaf elementor-widget elementor-widget-dtr-marquee\" data-id=\"46e8eaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"dtr-marquee-wrapper\">  \r\n            <div class=\"dtr-marquee \">\r\n                                <div class=\"dtr-marquee__text\" > R$ 10MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 50MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 100MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 500MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 1 Milh\u00e3o<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 5 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 10 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 20 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >Aumente seu faturamento<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >Aumente seu faturamento<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 20 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 10 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 5 Milh\u00f5es<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 1 Milh\u00e3o<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 500MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 100MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" >R$ 50MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                                <div class=\"dtr-marquee__text\" > R$ 10MIL<span class=\"dtr-marquee__icon dtr-icon\">\r\n                 <picture>\n  <source srcset=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" type=\"image\/webp\">\n  <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/vetor-icone-topo-tarja-frendz-plataforma-brasil-preta.png\" alt=\"frendz\" width=\"32\" height=\"32\">\n<\/picture>               <\/span><\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f47d06d e-flex e-con-boxed e-con e-parent\" data-id=\"f47d06d\" 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-7d2a1cd elementor-widget elementor-widget-spacer\" data-id=\"7d2a1cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da0d118 e-flex e-con-boxed e-con e-parent\" data-id=\"da0d118\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-49ac1a4 e-con-full e-flex e-con e-child\" data-id=\"49ac1a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e8b6671 e-con-full e-flex e-con e-child\" data-id=\"e8b6671\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5efb2d3 elementor-tablet-align-center elementor-align-center elementor-widget__width-inherit elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"5efb2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Por que escolher a <span class=\"purple-2\">Frendz?<\/span><\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f897d49 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f897d49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Checkout de Alta Convers\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6139d18 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"6139d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Checkout de Alta Convers\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1497a5 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1497a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Checkout de Alta Convers\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad6216f elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ad6216f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Checkout de Alta Convers\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aae6817 e-flex e-con-boxed e-con e-parent\" data-id=\"aae6817\" 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-d87f078 elementor-widget elementor-widget-html\" data-id=\"d87f078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   CONFIGURA\u00c7\u00d5ES GERAIS\r\n   ========================================= *\/\r\n.conversion-section {\r\n    --bg-page: #101111;\r\n    --bg-card: #141514;\r\n    --accent-gold: #BCBBA7;\r\n    --accent-light: #F8F6DC;\r\n    --success: #27ae60;\r\n    --border-color: rgba(188, 187, 167, 0.15);\r\n    \r\n    background-color: var(--bg-page);\r\n    padding: 60px 20px;\r\n    font-family: 'Inter', sans-serif;\r\n    text-align: center;\r\n}\r\n\r\n\/* =CABE\u00c7ALHO= *\/\r\n.conv-header {\r\n    max-width: 800px;\r\n    margin: 0 auto 40px;\r\n}\r\n\r\n.conv-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #fff;\r\n    font-size: clamp(28px, 4vw, 42px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.conv-title span {\r\n    color: var(--accent-light);\r\n    border-bottom: 3px solid var(--accent-gold);\r\n}\r\n\r\n.conv-subtitle {\r\n    color: #888;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =TAGS (PILLS)= *\/\r\n.features-tags {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.feat-tag {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid var(--border-color);\r\n    color: var(--accent-gold);\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    transition: 0.3s;\r\n}\r\n\r\n.feat-tag:hover {\r\n    background: var(--accent-gold);\r\n    color: #000;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(188, 187, 167, 0.2);\r\n}\r\n\r\n\/* =GRID DOS CARDS= *\/\r\n.conv-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =ESTILO BASE DO CARD= *\/\r\n.conv-card {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-color);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    text-align: left;\r\n    transition: 0.3s;\r\n    position: relative;\r\n}\r\n\r\n.conv-card:hover {\r\n    border-color: var(--accent-gold);\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* \u00c1rea Visual (Mockup CSS) *\/\r\n.card-visual {\r\n    height: 250px;\r\n    background: radial-gradient(circle at top, rgba(255,255,255,0.03), transparent 70%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    padding: 20px;\r\n}\r\n\r\n\/* \u00c1rea de Texto *\/\r\n.card-content {\r\n    padding: 30px;\r\n    border-top: 1px solid var(--border-color);\r\n}\r\n\r\n.card-title {\r\n    color: #fff;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.card-desc {\r\n    color: #888;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ============================\r\n   MOCKUPS CSS (DENTRO DOS CARDS)\r\n   ============================ *\/\r\n\r\n\/* MOCKUP 1: SELETOR PIX *\/\r\n.mockup-checkout {\r\n    width: 260px;\r\n    background: #0a0a0a;\r\n    border-radius: 12px;\r\n    padding: 15px;\r\n    border: 1px solid #333;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n}\r\n\r\n.mock-label { font-size: 10px; color: #666; margin-bottom: 8px; font-weight: 700; text-transform: uppercase; }\r\n\r\n.mock-option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    margin-bottom: 8px;\r\n    border: 1px solid #333;\r\n    opacity: 0.5;\r\n}\r\n\r\n.mock-option.selected {\r\n    background: rgba(39, 174, 96, 0.15);\r\n    border: 1px solid var(--success);\r\n    opacity: 1;\r\n    position: relative;\r\n}\r\n\r\n.mock-radio { width: 12px; height: 12px; border-radius: 50%; border: 1px solid #666; }\r\n.mock-option.selected .mock-radio { background: var(--success); border-color: var(--success); box-shadow: 0 0 10px rgba(39,174,96,0.5); }\r\n\r\n.mock-text { font-size: 12px; color: #fff; font-weight: 600; }\r\n.mock-badge { \r\n    font-size: 8px; background: var(--success); color: #fff; \r\n    padding: 2px 6px; border-radius: 4px; margin-left: auto;\r\n}\r\n\r\n.mock-status {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 10px;\r\n    color: var(--success);\r\n}\r\n\r\n\/* MOCKUP 2: CUPOM E ORDER BUMP *\/\r\n.mockup-tools {\r\n    width: 260px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n}\r\n\r\n.mock-coupon-box {\r\n    background: #0a0a0a;\r\n    border: 1px solid #333;\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n    display: flex;\r\n    gap: 10px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n}\r\n\r\n.mock-input {\r\n    flex: 1;\r\n    background: #1a1a1a;\r\n    border: 1px solid #333;\r\n    height: 30px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-left: 10px;\r\n    font-size: 10px;\r\n    color: #666;\r\n}\r\n\r\n.mock-btn {\r\n    background: var(--accent-gold);\r\n    color: #000;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    padding: 0 12px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n}\r\n\r\n.mock-success-msg {\r\n    background: rgba(39, 174, 96, 0.1);\r\n    color: var(--success);\r\n    font-size: 10px;\r\n    padding: 8px;\r\n    border-radius: 4px;\r\n    text-align: right;\r\n    margin-top: 5px;\r\n    font-weight: 600;\r\n    border: 1px dashed rgba(39, 174, 96, 0.3);\r\n}\r\n\r\n.mock-bump {\r\n    background: rgba(188, 187, 167, 0.05);\r\n    border: 1px dashed var(--accent-gold);\r\n    padding: 10px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.mock-bump-check { width: 14px; height: 14px; background: var(--accent-gold); border-radius: 3px; display: flex; align-items: center; justify-content: center; }\r\n.mock-bump-check svg { width: 10px; fill: #000; }\r\n.mock-bump-text { font-size: 9px; color: #ccc; text-align: left; }\r\n.mock-bump-text b { color: var(--accent-light); }\r\n\r\n\r\n\/* RESPONSIVIDADE *\/\r\n@media (max-width: 768px) {\r\n    .conv-grid { grid-template-columns: 1fr; }\r\n    .card-visual { height: 200px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"conversion-section\">\r\n    \r\n    <div class=\"conv-header\">\r\n        <h2>A \u00fanica plataforma desenhada para <span>Explodir sua Convers\u00e3o<\/span><\/h2><br>\r\n        <p class=\"conv-subtitle\">N\u00e3o aceite checkouts lentos. A FRENDZ entrega velocidade absurda e as ferramentas que os grandes players usam para escalar.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"features-tags\">\r\n        <div class=\"feat-tag\">Banners Din\u00e2micos<\/div>\r\n        <div class=\"feat-tag\">Order Bump Infinito<\/div>\r\n        <div class=\"feat-tag\">Upsell de 1 Clique<\/div>\r\n        <div class=\"feat-tag\">Cupons Inteligentes<\/div>\r\n        <div class=\"feat-tag\">Recupera\u00e7\u00e3o de Vendas<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"conv-grid\">\r\n        \r\n        <div class=\"conv-card\">\r\n            <div class=\"card-visual\">\r\n                <div class=\"mockup-checkout\">\r\n                    <div class=\"mock-label\">Forma de Pagamento<\/div>\r\n                    <div class=\"mock-option\">\r\n                        <div class=\"mock-radio\"><\/div>\r\n                        <span class=\"mock-text\">Cart\u00e3o de Cr\u00e9dito<\/span>\r\n                    <\/div>\r\n                    <div class=\"mock-option selected\">\r\n                        <div class=\"mock-radio\"><\/div>\r\n                        <span class=\"mock-text\">PIX<\/span>\r\n                        <span class=\"mock-badge\">-5% OFF<\/span>\r\n                    <\/div>\r\n                    <div class=\"mock-status\">\r\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#27ae60\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                        Libera\u00e7\u00e3o e Acesso Imediato\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Pare de Perder Vendas<\/h3>\r\n                <p class=\"card-desc\">Nosso checkout carrega em milissegundos. Usabilidade fluida que guia o cliente at\u00e9 o pagamento sem fric\u00e7\u00e3o, garantindo aprova\u00e7\u00e3o imediata no Pix e Cart\u00e3o.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"conv-card\">\r\n            <div class=\"card-visual\">\r\n                <div class=\"mockup-tools\">\r\n                    <div class=\"mock-coupon-box\">\r\n                        <div class=\"mock-input\">BLACKFRIDAY...<\/div>\r\n                        <div class=\"mock-btn\">APLICAR<\/div>\r\n                    <\/div>\r\n                    <div class=\"mock-success-msg\">Desconto de R$ 50,00 aplicado!<\/div>\r\n                    \r\n                    <div class=\"mock-bump\">\r\n                        <div class=\"mock-bump-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg><\/div>\r\n                        <div class=\"mock-bump-text\"><b>SIM!<\/b> Adicionar E-book Exclusivo por apenas <b>R$ 19,90<\/b> no meu pedido.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card-content\">\r\n                <h3 class=\"card-title\">O Arsenal de Convers\u00e3o<\/h3>\r\n                <p class=\"card-desc\">Tenha em m\u00e3os Order Bumps, Upsells, Cupons e Cron\u00f4metros de escassez. Ferramentas nativas feitas para aumentar seu Ticket M\u00e9dio sem esfor\u00e7o extra.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d330b5 e-grid e-con-boxed e-con e-parent\" data-id=\"2d330b5\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-249ea0c e-con-full e-flex e-con e-child\" data-id=\"249ea0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d73288 elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"4d73288\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Funcionalidades<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4b5a14 e-grid e-con-full e-con e-child\" data-id=\"b4b5a14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b73cd6 e-con-full e-flex e-con e-child\" data-id=\"2b73cd6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-951f690 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"951f690\" 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    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700&display=swap');\r\n\r\n        .frendz-anim-container {\r\n            width: 100%;\r\n            height: 150px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            border-radius: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* O Grupo que segura o SVG e o Texto *\/\r\n        .frendz-wrapper {\r\n            position: relative;\r\n            width: 120px;\r\n            height: 120px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        \/* --- O \u00cdCONE SVG --- *\/\r\n        .frendz-logo-svg {\r\n            width: 150px;\r\n            height: 80px;\r\n            position: absolute;\r\n            transition: opacity 0.3s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .frendz-part {\r\n            fill: #E0E0E0; \/* Cor Prata\/Cinza Claro *\/\r\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            transform-origin: center;\r\n        }\r\n\r\n        \/* --- O TEXTO FRENDZ --- *\/\r\n        .frendz-text {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 24px;\r\n            color: #ffffff;\r\n            letter-spacing: 4px;\r\n            opacity: 0;\r\n            transform: scale(0.8);\r\n            position: absolute;\r\n            z-index: 1;\r\n            transition: all 0.4s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* --- ANIMA\u00c7\u00d5ES (CLASSES ATIVAS) --- *\/\r\n\r\n        \/* 1. Estado de \"Implos\u00e3o\" (pe\u00e7as se juntando antes de girar) *\/\r\n        .frendz-anim-container:hover .frendz-part:nth-child(1) { transform: translate(5px, 5px); } \/* Top Left *\/\r\n        .frendz-anim-container:hover .frendz-part:nth-child(2) { transform: translate(-5px, -5px); } \/* Bottom Right *\/\r\n        .frendz-anim-container:hover .frendz-part:nth-child(3) { transform: translate(0, -5px); } \/* Bottom Dot *\/\r\n        .frendz-anim-container:hover .frendz-part:nth-child(4) { transform: translate(0, 5px); } \/* Top Dot *\/\r\n\r\n        \/* 2. Classe aplicada via JS para o GIRO *\/\r\n        .is-spinning {\r\n            animation: spinMain 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;\r\n        }\r\n\r\n        @keyframes spinMain {\r\n            0% { transform: rotate(0deg) scale(1); }\r\n            50% { transform: rotate(360deg) scale(0.8); }\r\n            100% { transform: rotate(360deg) scale(1); }\r\n        }\r\n\r\n        \/* 3. Transforma\u00e7\u00e3o: Some Logo, Aparece Texto *\/\r\n        .show-text .frendz-logo-svg {\r\n            opacity: 0;\r\n            transform: scale(0.5);\r\n        }\r\n\r\n        .show-text .frendz-text {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"frendz-anim-container\" id=\"logoContainer\" onmouseenter=\"triggerAnimation()\">\r\n        <div class=\"frendz-wrapper\" id=\"logoWrapper\">\r\n            \r\n            <div class=\"frendz-text\">Frendz<\/div>\r\n\r\n            <svg class=\"frendz-logo-svg\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path class=\"frendz-part\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.2158 35.2537L14.4245 46.1983C11.7231 48.938 11.7231 53.4204 14.4245 56.1592C17.1259 58.8989 21.5455 58.8989 24.246 56.1592L39.9481 40.2342L35.0373 35.2537C32.3359 32.514 27.9163 32.514 25.2158 35.2537Z\"\/>\r\n                <path class=\"frendz-part\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M54.6812 45.2156L65.4726 34.2711C68.174 31.5313 68.174 27.0489 65.4726 24.3101C62.7712 21.5704 58.3515 21.5704 55.6511 24.3101L39.949 40.2351L44.8597 45.2156C47.5611 47.9553 51.9808 47.9553 54.6812 45.2156Z\"\/>\r\n                <path class=\"frendz-part\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.0383 55.4203C32.3265 58.1706 32.3265 62.6309 35.0383 65.3812C37.75 68.1315 42.148 68.1315 44.8597 65.3812C47.5715 62.6309 47.5715 58.1706 44.8597 55.4203C42.148 52.67 37.75 52.67 35.0383 55.4203Z\"\/>\r\n                <path class=\"frendz-part\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M44.8597 25.049C47.5715 22.2987 47.5715 17.8384 44.8597 15.0881C42.148 12.3378 37.75 12.3378 35.0383 15.0881C32.3265 17.8384 32.3265 22.2987 35.0383 25.049C37.75 27.7993 42.148 27.7993 44.8597 25.049Z\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let isAnimating = false;\r\n        const wrapper = document.getElementById('logoWrapper');\r\n\r\n        function triggerAnimation() {\r\n            if (isAnimating) return;\r\n            isAnimating = true;\r\n\r\n            \/\/ 1. Inicia o giro r\u00e1pido\r\n            wrapper.classList.add('is-spinning');\r\n\r\n            \/\/ 2. Na metade do giro (400ms), troca o \u00cdcone pelo Texto\r\n            setTimeout(() => {\r\n                wrapper.classList.add('show-text');\r\n            }, 350);\r\n\r\n            \/\/ 3. Reset (opcional - para poder ver a anima\u00e7\u00e3o de novo ao passar o mouse)\r\n            \/\/ Se quiser que fique como texto para sempre, remova este setTimeout\r\n            setTimeout(() => {\r\n                resetAnimation();\r\n            }, 3000); \/\/ Fica como texto por 3 segundos\r\n        }\r\n\r\n        function resetAnimation() {\r\n            \/\/ Remove as classes suavemente\r\n            wrapper.classList.remove('show-text');\r\n            \r\n            \/\/ Espera o texto sumir para tirar o giro (para n\u00e3o dar glitch visual)\r\n            setTimeout(() => {\r\n                wrapper.classList.remove('is-spinning');\r\n                isAnimating = false;\r\n            }, 500);\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de1c8b4 e-con-full e-flex e-con e-child\" data-id=\"de1c8b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9c7ee35 e-con-full e-flex e-con e-child\" data-id=\"9c7ee35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0355a elementor-widget elementor-widget-html\" data-id=\"7b0355a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<picture>\r\n  <source srcset=\"https:\/\/fonts.gstatic.com\/s\/e\/notoemoji\/latest\/1f44b\/512.webp\" type=\"image\/webp\">\r\n  <img decoding=\"async\" src=\"https:\/\/fonts.gstatic.com\/s\/e\/notoemoji\/latest\/1f44b\/512.gif\" alt=\"\ud83d\udc4b\" width=\"32\" height=\"32\">\r\n<\/picture>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-562fa4e elementor-widget__width-initial elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"562fa4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h4 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">Aprova\u00e7\u00e3o instant\u00e2nea<\/h4>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4067e8d elementor-widget elementor-widget-text-editor\" data-id=\"4067e8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"bold\">Cria\u00e7\u00e3o de produto sem burocracia para voc\u00ea sair vendendo o mais r\u00e1pido poss\u00edvel.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0d8d5c e-grid e-con-full e-con e-child\" data-id=\"a0d8d5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ccba63 e-con-full e-flex e-con e-child\" data-id=\"0ccba63\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca97fdc elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"ca97fdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h4 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">Pagamento Global<\/h4>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5959fe elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"d5959fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h6 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">Divulgue globalmente  para 190 paises.<\/h6>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68423b7 elementor-widget elementor-widget-html\" data-id=\"68423b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =VARIAVEIS= *\/\r\n.global-flags-wrapper {\r\n    --pill-bg: rgba(255, 255, 255, 0.05);\r\n    --pill-border: rgba(255, 255, 255, 0.1);\r\n    --pill-hover: rgba(255, 255, 255, 0.15);\r\n    --text-color: #ffffff;\r\n    --gap-size: 15px;\r\n    \r\n    position: relative;\r\n    width: 100%;\r\n    padding: 40px 0;\r\n    overflow: hidden;\r\n    background: transparent; \/* Fundo transparente *\/\r\n    font-family: 'Inter', sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n}\r\n\r\n\/* =ESTRUTURA DA LINHA= *\/\r\n.flags-track {\r\n    display: flex;\r\n    gap: var(--gap-size);\r\n    width: max-content;\r\n}\r\n\r\n\/* =ANIMA\u00c7\u00d5ES= *\/\r\n.scroll-left {\r\n    animation: scrollLeft 30s linear infinite;\r\n}\r\n\r\n.scroll-right {\r\n    animation: scrollRight 35s linear infinite;\r\n}\r\n\r\n\/* Pausa ao passar o mouse *\/\r\n.global-flags-wrapper:hover .flags-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollLeft {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(calc(-50% - (var(--gap-size) \/ 2))); }\r\n}\r\n\r\n@keyframes scrollRight {\r\n    0% { transform: translateX(calc(-50% - (var(--gap-size) \/ 2))); }\r\n    100% { transform: translateX(0); }\r\n}\r\n\r\n\/* =ESTILO DA P\u00cdLULA (CARD)= *\/\r\n.flag-pill {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: var(--pill-bg);\r\n    border: 1px solid var(--pill-border);\r\n    padding: 8px 20px 8px 8px; \/* Padding ajustado para o \u00edcone *\/\r\n    border-radius: 50px;\r\n    color: var(--text-color);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.flag-pill:hover {\r\n    background: var(--pill-hover);\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Imagem da Bandeira *\/\r\n.flag-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    display: block;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px) {\r\n    .global-flags-wrapper { padding: 20px 0; gap: 10px; }\r\n    .flag-pill { padding: 6px 16px 6px 6px; font-size: 12px; }\r\n    .flag-icon { width: 26px; height: 26px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"global-flags-wrapper\">\r\n    \r\n    <div class=\"flags-track scroll-left\">\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/br.png\" class=\"flag-icon\"> Portugu\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/us.png\" class=\"flag-icon\"> Ingl\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/es.png\" class=\"flag-icon\"> Espanhol<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/fr.png\" class=\"flag-icon\"> Franc\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/it.png\" class=\"flag-icon\"> Italiano<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/de.png\" class=\"flag-icon\"> Alem\u00e3o<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/cn.png\" class=\"flag-icon\"> Mandarim<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/jp.png\" class=\"flag-icon\"> Japon\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/ru.png\" class=\"flag-icon\"> Russo<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/sa.png\" class=\"flag-icon\"> \u00c1rabe<\/div>\r\n\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/br.png\" class=\"flag-icon\"> Portugu\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/us.png\" class=\"flag-icon\"> Ingl\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/es.png\" class=\"flag-icon\"> Espanhol<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/fr.png\" class=\"flag-icon\"> Franc\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/it.png\" class=\"flag-icon\"> Italiano<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/de.png\" class=\"flag-icon\"> Alem\u00e3o<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/cn.png\" class=\"flag-icon\"> Mandarim<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/jp.png\" class=\"flag-icon\"> Japon\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/ru.png\" class=\"flag-icon\"> Russo<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/sa.png\" class=\"flag-icon\"> \u00c1rabe<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"flags-track scroll-right\">\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/in.png\" class=\"flag-icon\"> Hindi<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/kr.png\" class=\"flag-icon\"> Coreano<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/tr.png\" class=\"flag-icon\"> Turco<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/nl.png\" class=\"flag-icon\"> Holand\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/pl.png\" class=\"flag-icon\"> Polon\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/id.png\" class=\"flag-icon\"> Indon\u00e9sio<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/vn.png\" class=\"flag-icon\"> Vietnamita<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/th.png\" class=\"flag-icon\"> Tailand\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/se.png\" class=\"flag-icon\"> Sueco<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/pt.png\" class=\"flag-icon\"> Portugal<\/div>\r\n\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/in.png\" class=\"flag-icon\"> Hindi<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/kr.png\" class=\"flag-icon\"> Coreano<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/tr.png\" class=\"flag-icon\"> Turco<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/nl.png\" class=\"flag-icon\"> Holand\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/pl.png\" class=\"flag-icon\"> Polon\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/id.png\" class=\"flag-icon\"> Indon\u00e9sio<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/vn.png\" class=\"flag-icon\"> Vietnamita<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/th.png\" class=\"flag-icon\"> Tailand\u00eas<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/se.png\" class=\"flag-icon\"> Sueco<\/div>\r\n        <div class=\"flag-pill\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/pt.png\" class=\"flag-icon\"> Portugal<\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8e437 elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"fc8e437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h5 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">+130 moedas<\/h5>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0a48b2 elementor-widget elementor-widget-html\" data-id=\"a0a48b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =VARIAVEIS= *\/\r\n.currency-ticker-wrapper {\r\n    --card-bg: rgba(20, 20, 20, 0.6);\r\n    --card-border: rgba(255, 255, 255, 0.08);\r\n    --symbol-color: #D4AF37; \/* Dourado *\/\r\n    --text-main: #ffffff;\r\n    --text-sub: #888888;\r\n    --gap-size: 20px;\r\n    \r\n    position: relative;\r\n    width: 100%;\r\n    padding: 60px 0;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    font-family: 'Inter', 'Montserrat', sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    \/* M\u00e1scara para suavizar as bordas laterais (fade out) *\/\r\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n}\r\n\r\n\/* =ESTRUTURA DA LINHA= *\/\r\n.currency-track {\r\n    display: flex;\r\n    gap: var(--gap-size);\r\n    width: max-content;\r\n}\r\n\r\n\/* =ANIMA\u00c7\u00d5ES= *\/\r\n.move-left {\r\n    animation: moveLeft 40s linear infinite;\r\n}\r\n\r\n.move-right {\r\n    animation: moveRight 45s linear infinite;\r\n}\r\n\r\n\/* Pausa ao passar o mouse *\/\r\n.currency-ticker-wrapper:hover .currency-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes moveLeft {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(calc(-50% - (var(--gap-size) \/ 2))); }\r\n}\r\n\r\n@keyframes moveRight {\r\n    0% { transform: translateX(calc(-50% - (var(--gap-size) \/ 2))); }\r\n    100% { transform: translateX(0); }\r\n}\r\n\r\n\/* =ESTILO DO CARD (C\u00c9DULA MINIMALISTA)= *\/\r\n.currency-card {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 160px;\r\n    height: 70px;\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n    border-radius: 12px; \/* Cantos pouco arredondados *\/\r\n    padding: 0 20px;\r\n    transition: all 0.3s ease;\r\n    cursor: default;\r\n    backdrop-filter: blur(10px);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Efeito de brilho ao passar o mouse *\/\r\n.currency-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);\r\n    opacity: 0;\r\n    transition: 0.3s;\r\n}\r\n\r\n.currency-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: var(--symbol-color);\r\n    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);\r\n}\r\n\r\n.currency-card:hover::before { opacity: 1; }\r\n\r\n\/* Conte\u00fado do Card *\/\r\n.currency-symbol {\r\n    font-size: 32px;\r\n    font-weight: 300; \/* Fonte mais fina e elegante *\/\r\n    color: var(--symbol-color);\r\n    line-height: 1;\r\n}\r\n\r\n.currency-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    text-align: right;\r\n}\r\n\r\n.currency-code {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: var(--text-main);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.country-name {\r\n    font-size: 10px;\r\n    color: var(--text-sub);\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* Ajuste Mobile *\/\r\n@media (max-width: 768px) {\r\n    .currency-ticker-wrapper { padding: 30px 0; gap: 15px; }\r\n    .currency-card { width: 130px; height: 60px; padding: 0 15px; }\r\n    .currency-symbol { font-size: 24px; }\r\n    .currency-code { font-size: 12px; }\r\n    .country-name { font-size: 8px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"currency-ticker-wrapper\">\r\n    \r\n    <div class=\"currency-track move-left\">\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">USD<\/span><span class=\"country-name\">Estados Unidos<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20ac<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">EUR<\/span><span class=\"country-name\">Europa<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">R$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">BRL<\/span><span class=\"country-name\">Brasil<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a3<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">GBP<\/span><span class=\"country-name\">Reino Unido<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a5<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">JPY<\/span><span class=\"country-name\">Jap\u00e3o<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">Fr<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CHF<\/span><span class=\"country-name\">Su\u00ed\u00e7a<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">USD<\/span><span class=\"country-name\">Estados Unidos<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20ac<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">EUR<\/span><span class=\"country-name\">Europa<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">R$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">BRL<\/span><span class=\"country-name\">Brasil<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a3<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">GBP<\/span><span class=\"country-name\">Reino Unido<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a5<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">JPY<\/span><span class=\"country-name\">Jap\u00e3o<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">Fr<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CHF<\/span><span class=\"country-name\">Su\u00ed\u00e7a<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"currency-track move-right\">\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">A$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">AUD<\/span><span class=\"country-name\">Austr\u00e1lia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">C$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CAD<\/span><span class=\"country-name\">Canad\u00e1<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a5<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CNY<\/span><span class=\"country-name\">China<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20b9<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">INR<\/span><span class=\"country-name\">\u00cdndia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">kr<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">SEK<\/span><span class=\"country-name\">Su\u00e9cia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20bd<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">RUB<\/span><span class=\"country-name\">R\u00fassia<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">A$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">AUD<\/span><span class=\"country-name\">Austr\u00e1lia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">C$<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CAD<\/span><span class=\"country-name\">Canad\u00e1<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u00a5<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">CNY<\/span><span class=\"country-name\">China<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20b9<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">INR<\/span><span class=\"country-name\">\u00cdndia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">kr<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">SEK<\/span><span class=\"country-name\">Su\u00e9cia<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"currency-card\">\r\n            <div class=\"currency-symbol\">\u20bd<\/div>\r\n            <div class=\"currency-info\"><span class=\"currency-code\">RUB<\/span><span class=\"country-name\">R\u00fassia<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60c976e e-con-full e-flex e-con e-child\" data-id=\"60c976e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8f10a elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"cc8f10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h4 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">Checkout builder<\/h4>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a023c6 elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"0a023c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h6 class=\"dtr-heading dtr-heading__default dtr-text--color-three\">100% personaliz\u00e1vel! Deixe o checkout com a cara da sua marca.<\/h6>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b8413a elementor-widget elementor-widget-html\" data-id=\"6b8413a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   CONTAINER PRINCIPAL\r\n   ========================================= *\/\r\n.builder-stage {\r\n    --bg-dark: #0a0a0a;\r\n    --sidebar-bg: #111;\r\n    --canvas-bg: #ffffff;\r\n    --accent-gold: #D4AF37;\r\n    --item-bg: #1a1a1a;\r\n    --text-muted: #555;\r\n    --cursor-speed: 12s; \/* Dura\u00e7\u00e3o total do loop *\/\r\n    \r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    height: 500px;\r\n    background: var(--bg-dark);\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    display: flex;\r\n    overflow: hidden;\r\n    margin: 0 auto;\r\n    font-family: 'Inter', sans-serif;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n}\r\n\r\n\/* =========================================\r\n   BARRA LATERAL (FERRAMENTAS)\r\n   ========================================= *\/\r\n.builder-sidebar {\r\n    width: 250px;\r\n    background: var(--sidebar-bg);\r\n    padding: 20px;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    z-index: 2;\r\n}\r\n\r\n.sidebar-title {\r\n    color: #fff;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 10px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.tool-item {\r\n    background: var(--item-bg);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #ccc;\r\n    font-size: 13px;\r\n    transition: 0.2s;\r\n}\r\n\r\n.tool-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 4px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tool-icon svg { width: 14px; height: 14px; fill: #fff; }\r\n\r\n\/* Destaque quando o item \u00e9 \"pego\" *\/\r\n.tool-banner { animation: itemHighlight var(--cursor-speed) linear infinite; }\r\n.tool-product { animation: itemHighlight var(--cursor-speed) linear infinite; animation-delay: 3s; }\r\n.tool-payment { animation: itemHighlight var(--cursor-speed) linear infinite; animation-delay: 6s; }\r\n\r\n@keyframes itemHighlight {\r\n    0%, 10% { transform: scale(1); border-color: rgba(255,255,255,0.1); }\r\n    2%, 8% { transform: scale(0.95); border-color: var(--accent-gold); background: rgba(212, 175, 55, 0.1); }\r\n}\r\n\r\n\/* =========================================\r\n   CANVAS (TELA DE CHECKOUT)\r\n   ========================================= *\/\r\n.builder-canvas {\r\n    flex: 1;\r\n    background: #000; \/* Fundo do palco *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n}\r\n\r\n\/* O \"Celular\" ou Janela do Checkout *\/\r\n.checkout-preview {\r\n    width: 320px;\r\n    height: 420px;\r\n    background: #fff;\r\n    border-radius: 16px;\r\n    box-shadow: 0 0 0 8px #1a1a1a, 0 20px 40px rgba(0,0,0,0.5);\r\n    overflow: hidden;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* Elementos dentro do Checkout (Come\u00e7am invis\u00edveis) *\/\r\n.chk-element {\r\n    width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(0.95);\r\n    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n\/* 1. Header\/Banner *\/\r\n.chk-banner {\r\n    height: 80px;\r\n    background: #111;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--accent-gold);\r\n    font-weight: bold;\r\n    font-size: 12px;\r\n    letter-spacing: 1px;\r\n    animation: dropIn var(--cursor-speed) linear infinite;\r\n    animation-delay: 1.5s; \/* Tempo que o cursor leva para soltar *\/\r\n}\r\n\r\n\/* 2. Produto *\/\r\n.chk-product {\r\n    padding: 15px;\r\n    display: flex;\r\n    gap: 10px;\r\n    border-bottom: 1px solid #eee;\r\n    animation: dropIn var(--cursor-speed) linear infinite;\r\n    animation-delay: 4.5s;\r\n}\r\n.prod-img { width: 60px; height: 60px; background: #eee; border-radius: 8px; }\r\n.prod-info { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 6px; }\r\n.skel-line { height: 8px; background: #eee; border-radius: 4px; width: 80%; }\r\n.skel-line.short { width: 40%; }\r\n.skel-price { height: 10px; background: var(--accent-gold); border-radius: 4px; width: 30%; margin-top: 4px; }\r\n\r\n\/* 3. Pagamento *\/\r\n.chk-payment {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    animation: dropIn var(--cursor-speed) linear infinite;\r\n    animation-delay: 7.5s;\r\n}\r\n.pay-title { height: 10px; width: 40%; background: #333; margin-bottom: 5px; border-radius: 4px; }\r\n.input-box { height: 35px; border: 1px solid #ddd; border-radius: 6px; width: 100%; display:flex; align-items:center; padding:0 10px; font-size:10px; color:#ccc;}\r\n.btn-pay { height: 40px; background: var(--accent-gold); border-radius: 6px; margin-top: 10px; display:flex; justify-content:center; align-items:center; color:#000; font-weight:bold; font-size:12px; }\r\n\r\n\/* Check de Sucesso Final *\/\r\n.success-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(255,255,255,0.9);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    opacity: 0;\r\n    animation: showSuccess var(--cursor-speed) linear infinite;\r\n    animation-delay: 9s;\r\n}\r\n.success-icon {\r\n    width: 60px; height: 60px; background: #27ae60; border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: white; font-size: 30px; transform: scale(0);\r\n    animation: popIcon var(--cursor-speed) linear infinite;\r\n    animation-delay: 9.1s;\r\n}\r\n\r\n\/* Anima\u00e7\u00f5es dos Elementos caindo na tela *\/\r\n@keyframes dropIn {\r\n    0% { opacity: 0; transform: translateY(20px) scale(0.95); }\r\n    5% { opacity: 1; transform: translateY(0) scale(1); }\r\n    85% { opacity: 1; transform: translateY(0) scale(1); } \/* Mant\u00e9m vis\u00edvel *\/\r\n    90% { opacity: 0; transform: translateY(-10px); } \/* Some para reiniciar *\/\r\n    100% { opacity: 0; transform: translateY(-10px); }\r\n}\r\n\r\n@keyframes showSuccess {\r\n    0% { opacity: 0; z-index:-1; }\r\n    5% { opacity: 1; z-index:10; }\r\n    20% { opacity: 1; z-index:10; }\r\n    25% { opacity: 0; z-index:-1; }\r\n    100% { opacity: 0; }\r\n}\r\n\r\n@keyframes popIcon {\r\n    0% { transform: scale(0); }\r\n    5% { transform: scale(1.1); }\r\n    10% { transform: scale(1); }\r\n    100% { transform: scale(1); }\r\n}\r\n\r\n\/* =========================================\r\n   O MOUSE M\u00c1GICO (CURSOR)\r\n   ========================================= *\/\r\n.magic-cursor {\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 20px;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 100;\r\n    pointer-events: none;\r\n    animation: cursorPath var(--cursor-speed) ease-in-out infinite;\r\n    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.3));\r\n}\r\n\r\n.cursor-svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: #fff;\r\n    stroke: #000;\r\n    stroke-width: 1px;\r\n}\r\n\r\n\/* Item \"Fantasma\" sendo arrastado *\/\r\n.ghost-drag {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    background: rgba(212, 175, 55, 0.8); \/* Dourado *\/\r\n    padding: 5px 10px;\r\n    border-radius: 4px;\r\n    color: #000;\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    transform: scale(0.5);\r\n    animation: dragGhost var(--cursor-speed) linear infinite;\r\n}\r\n\r\n\/* TRILHA DO CURSOR (A m\u00e1gica acontece aqui) *\/\r\n@keyframes cursorPath {\r\n    \/* Inicio *\/\r\n    0% { transform: translate(300px, 400px); }\r\n    \r\n    \/* 1. PEGAR BANNER (Sidebar) *\/\r\n    5% { transform: translate(125px, 80px); } \/* Vai at\u00e9 a ferramenta *\/\r\n    10% { transform: translate(125px, 80px) scale(0.9); } \/* Clica *\/\r\n    \r\n    \/* 1. SOLTAR BANNER (Canvas) *\/\r\n    15% { transform: translate(500px, 100px); } \/* Leva pro canvas *\/\r\n    17% { transform: translate(500px, 100px) scale(0.9); } \/* Solta *\/\r\n    \r\n    \/* 2. PEGAR PRODUTO *\/\r\n    25% { transform: translate(125px, 140px); }\r\n    30% { transform: translate(125px, 140px) scale(0.9); }\r\n    \r\n    \/* 2. SOLTAR PRODUTO *\/\r\n    35% { transform: translate(500px, 200px); }\r\n    37% { transform: translate(500px, 200px) scale(0.9); }\r\n    \r\n    \/* 3. PEGAR PAGAMENTO *\/\r\n    45% { transform: translate(125px, 200px); }\r\n    50% { transform: translate(125px, 200px) scale(0.9); }\r\n    \r\n    \/* 3. SOLTAR PAGAMENTO *\/\r\n    55% { transform: translate(500px, 350px); }\r\n    57% { transform: translate(500px, 350px) scale(0.9); }\r\n    \r\n    \/* 4. FINALIZAR *\/\r\n    65% { transform: translate(600px, 450px); } \/* Move pra longe *\/\r\n    \r\n    \/* ESPERA \/ RESET *\/\r\n    100% { transform: translate(600px, 450px); }\r\n}\r\n\r\n@keyframes dragGhost {\r\n    \/* Sincronizado com o cursorPath para aparecer s\u00f3 durante o \"arrasto\" *\/\r\n    \r\n    \/* Banner Drag *\/\r\n    5% { opacity: 0; transform: scale(0.5); }\r\n    6% { opacity: 1; transform: scale(1); content: \"Banner\"; }\r\n    14% { opacity: 1; transform: scale(1); }\r\n    15% { opacity: 0; transform: scale(0.5); }\r\n    \r\n    \/* Product Drag *\/\r\n    25% { opacity: 0; }\r\n    26% { opacity: 1; }\r\n    34% { opacity: 1; }\r\n    35% { opacity: 0; }\r\n    \r\n    \/* Payment Drag *\/\r\n    45% { opacity: 0; }\r\n    46% { opacity: 1; }\r\n    54% { opacity: 1; }\r\n    55% { opacity: 0; }\r\n}\r\n\r\n\/* Responsividade Mobile *\/\r\n@media (max-width: 768px) {\r\n    .builder-stage { flex-direction: column; height: auto; }\r\n    .builder-sidebar { width: 100%; flex-direction: row; justify-content: center; padding: 10px; }\r\n    .sidebar-title { display: none; }\r\n    .tool-item span { display: none; }\r\n    .builder-canvas { padding: 40px 0; height: 400px; }\r\n    .checkout-preview { transform: scale(0.8); }\r\n    \r\n    \/* Ajuste da anima\u00e7\u00e3o do cursor no mobile \u00e9 complexo, \r\n       ent\u00e3o escondemos o cursor e deixamos s\u00f3 os itens aparecendo automaticamente *\/\r\n    .magic-cursor { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"builder-stage\">\r\n    \r\n    <div class=\"builder-sidebar\">\r\n        <div class=\"sidebar-title\">Elementos<\/div>\r\n        \r\n        <div class=\"tool-item tool-banner\">\r\n            <div class=\"tool-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v6H4zM4 14h16v6H4z\"\/><\/svg><\/div>\r\n            <span>Banner Topo<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"tool-item tool-product\">\r\n            <div class=\"tool-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16.5C21 16.88 20.79 17.21 20.47 17.38L12.57 21.82C12.41 21.94 12.21 22 12 22C11.79 22 11.59 21.94 11.43 21.82L3.53 17.38C3.21 17.21 3 16.88 3 16.5V7.5C3 7.12 3.21 6.79 3.53 6.62L11.43 2.18C11.59 2.06 11.79 2 12 2C12.21 2 12.41 2.06 12.57 2.18L20.47 6.62C20.79 6.79 21 7.12 21 7.5V16.5Z\"\/><\/svg><\/div>\r\n            <span>Produto<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"tool-item tool-payment\">\r\n            <div class=\"tool-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4C2.89 4 2.01 4.89 2.01 6L2 18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4ZM20 18H4V12H20V18ZM20 8H4V6H20V8Z\"\/><\/svg><\/div>\r\n            <span>Pagamento<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"builder-canvas\">\r\n        <div class=\"checkout-preview\">\r\n            \r\n            <div class=\"chk-element chk-banner\">\r\n                SUA LOGO AQUI\r\n            <\/div>\r\n\r\n            <div class=\"chk-element chk-product\">\r\n                <div class=\"prod-img\"><\/div>\r\n                <div class=\"prod-info\">\r\n                    <div class=\"skel-line\"><\/div>\r\n                    <div class=\"skel-line short\"><\/div>\r\n                    <div class=\"skel-price\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"chk-element chk-payment\">\r\n                <div class=\"pay-title\"><\/div>\r\n                <div class=\"input-box\">N\u00famero do Cart\u00e3o<\/div>\r\n                <div class=\"input-box\">Nome do Titular<\/div>\r\n                <div class=\"input-box\" style=\"width:50%\">CVV<\/div>\r\n                <div class=\"btn-pay\">PAGAR AGORA<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"success-overlay\">\r\n                <div class=\"success-icon\">\u2713<\/div>\r\n                <div style=\"font-weight:bold; color:#333;\">Checkout Criado!<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"magic-cursor\">\r\n        <svg class=\"cursor-svg\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M7 2l12 11.2-5.8.5 3.1 7.3-2.2.9-3.2-7.4-4.4 4.6z\"\/>\r\n        <\/svg>\r\n        <div class=\"ghost-drag\">Item<\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6eefad e-grid e-con-full e-con e-child\" data-id=\"c6eefad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2eab238 e-con-full e-flex e-con e-child\" data-id=\"2eab238\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-52add52 e-grid e-con-full e-con e-child\" data-id=\"52add52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-411c5a8 elementor-widget elementor-widget-dtr-skills\" data-id=\"411c5a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/figma-icon-re89bqafz7npdzdmxh1gy5fcxcy0kv618w88yhb9xc.png\" title=\"figma-icon\" alt=\"figma-icon\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">Para facilitar a vida de afiliados e co-produtores<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">Split de pagamentos<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89fed92 elementor-widget elementor-widget-dtr-skills\" data-id=\"89fed92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/symbol_1-re89c1ki98359ax93lwzs2kw1zef58etag22psujuo.png\" title=\"symbol_1\" alt=\"symbol_1\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">Configure Upsell, downsell, orderbumps<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">Funil de Vendas<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54a47bc e-grid e-con-full e-con e-child\" data-id=\"54a47bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca106a9 elementor-widget elementor-widget-dtr-skills\" data-id=\"ca106a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/sketch-icon-re89bu1sqjsuof86binz84h7awfhfnkyleu6vl5p8g.png\" title=\"sketch-icon\" alt=\"sketch-icon\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">Acompanhe de perto todas as vendas do seu neg\u00f3cio digital<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">APP Pr\u00f3prio<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42efccb elementor-widget elementor-widget-dtr-skills\" data-id=\"42efccb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/framer-icon-re89br8a61ozplc9rzg3in6tiqtdsk9rl0vqfr9vr4.png\" title=\"framer-icon\" alt=\"framer-icon\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">\u00c1rea de membros exclusiva e personalizada<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">FrendzFlix<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f07ac93 e-grid e-con-full e-con e-child\" data-id=\"f07ac93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-577b83d elementor-widget elementor-widget-dtr-skills\" data-id=\"577b83d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/sketch-icon-re89bu1sqjsuof86binz84h7awfhfnkyleu6vl5p8g.png\" title=\"sketch-icon\" alt=\"sketch-icon\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">Acompanhe de perto todas as vendas do seu neg\u00f3cio digital<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">APP Pr\u00f3prio<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b3caa7 elementor-widget elementor-widget-dtr-skills\" data-id=\"9b3caa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/framer-icon-re89br8a61ozplc9rzg3in6tiqtdsk9rl0vqfr9vr4.png\" title=\"framer-icon\" alt=\"framer-icon\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">\u00c1rea de membros exclusiva e personalizada<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">FrendzFlix<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf3e518 e-con-full e-flex e-con e-child\" data-id=\"bf3e518\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0936b7a elementor-widget elementor-widget-html\" data-id=\"0936b7a\" 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    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n        \/* --- CONTROLES EXTERNOS --- *\/\r\n        .controls-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .sound-toggle-btn {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            color: #ffffff;\r\n            padding: 10px 20px;\r\n            border-radius: 30px;\r\n            cursor: pointer;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.3s ease;\r\n            backdrop-filter: blur(10px);\r\n            outline: none;\r\n        }\r\n\r\n        .sound-toggle-btn.active {\r\n            background: #ffffff;\r\n            color: #000000;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* --- IPHONE CHASSIS --- *\/\r\n        .iphone-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 30px 0;\r\n            font-family: 'Inter', -apple-system, sans-serif;\r\n            perspective: 1500px;\r\n        }\r\n\r\n        .iphone-body {\r\n            width: 375px;\r\n            height: 812px;\r\n            background: #000000;\r\n            border-radius: 60px;\r\n            position: relative;\r\n            box-shadow: \r\n                0 0 0 2px #1a1a1a,\r\n                0 0 0 5px #050505,\r\n                0 40px 100px rgba(0,0,0,0.8);\r\n            padding: 16px;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .iphone-screen {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 46px;\r\n            position: relative;\r\n            background-color: #000;\r\n            \/* Fundo escuro premium *\/\r\n            background-image: url('https:\/\/images.unsplash.com\/photo-1635353854022-270a8235da27?q=80&w=1000&auto=format&fit=crop'); \r\n            background-size: cover;\r\n            background-position: center;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .screen-overlay {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.8) 100%);\r\n            pointer-events: none; z-index: 1;\r\n        }\r\n\r\n        .dynamic-island {\r\n            width: 120px; height: 35px;\r\n            background: #000;\r\n            border-radius: 20px;\r\n            position: absolute; top: 20px; left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 100;\r\n        }\r\n\r\n        \/* --- REL\u00d3GIO --- *\/\r\n        .header-info {\r\n            margin-top: 75px;\r\n            text-align: center;\r\n            color: #ffffff;\r\n            z-index: 10;\r\n            transition: all 0.5s ease;\r\n        }\r\n        .header-clock { font-size: 92px; font-weight: 500; letter-spacing: -3px; line-height: 1; }\r\n        .header-date { font-size: 19px; font-weight: 500; opacity: 0.9; margin-top: 5px; }\r\n\r\n        \/* Ao expandir, o rel\u00f3gio diminui e sobe um pouco *\/\r\n        .iphone-screen.is-expanded .header-info {\r\n            transform: translateY(-20px) scale(0.9);\r\n            opacity: 0.6;\r\n            filter: blur(2px);\r\n        }\r\n\r\n        \/* --- T\u00cdTULO CENTRAL DE NOTIFICA\u00c7\u00d5ES --- *\/\r\n        .notif-center-title {\r\n            position: absolute;\r\n            top: 240px;\r\n            left: 24px;\r\n            font-size: 22px; font-weight: 600; color: #fff;\r\n            letter-spacing: -0.5px;\r\n            z-index: 10;\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        \/* CORRE\u00c7\u00c3O 1: SOME QUANDO EXPANDIDO *\/\r\n        .iphone-screen.is-expanded .notif-center-title {\r\n            opacity: 0;\r\n            transform: translateY(-10px);\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* --- CABE\u00c7ALHO DO GRUPO (FRENDZ) --- *\/\r\n        .app-group-header {\r\n            position: absolute;\r\n            top: 240px; \/* Mesma altura do t\u00edtulo anterior *\/\r\n            left: 0;\r\n            width: 100%;\r\n            padding: 0 24px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 25;\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .iphone-screen.is-expanded .app-group-header {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .app-group-name { font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.5px; }\r\n\r\n        .app-group-actions { display: flex; gap: 8px; }\r\n\r\n        \/* Bot\u00f5es cinzas iOS *\/\r\n        .ios-btn {\r\n            background: rgba(80, 80, 80, 0.6); \/* Cinza mais s\u00f3lido *\/\r\n            backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n            border: none;\r\n            padding: 6px 14px;\r\n            border-radius: 18px;\r\n            color: #fff;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px; font-weight: 500;\r\n            cursor: pointer;\r\n            display: flex; align-items: center; gap: 6px;\r\n        }\r\n        .ios-btn:hover { background: rgba(100, 100, 100, 0.8); }\r\n        \r\n        .ios-btn.btn-close {\r\n            padding: 0; width: 30px; height: 30px; border-radius: 50%; justify-content: center; background: rgba(80,80,80,0.6);\r\n        }\r\n\r\n        \/* --- \u00c1REA DE NOTIFICA\u00c7\u00d5ES --- *\/\r\n        \/* \u00c1rea invis\u00edvel para clique *\/\r\n        .click-trigger {\r\n            position: absolute; bottom: 0; left: 0; width: 100%; height: 250px;\r\n            z-index: 40; cursor: pointer;\r\n        }\r\n        .iphone-screen.is-expanded .click-trigger { pointer-events: none; }\r\n\r\n        .notifications-wrapper {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            pointer-events: none; z-index: 20;\r\n        }\r\n\r\n        \/* --- CARD --- *\/\r\n        .ios-notif-card {\r\n            position: absolute; left: 50%;\r\n            width: 92%; height: 78px;\r\n            \r\n            \/* Visual Dark Glass *\/\r\n            background: rgba(30, 30, 30, 0.75);\r\n            backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);\r\n            \r\n            border-radius: 22px;\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\r\n            \r\n            padding: 12px 16px; box-sizing: border-box;\r\n            display: flex; align-items: center; gap: 14px; color: #fff;\r\n            \r\n            transform-origin: center bottom;\r\n            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            \r\n            opacity: 1; \/* CORRE\u00c7\u00c3O 3: Padr\u00e3o vis\u00edvel *\/\r\n            margin-left: -46%;\r\n            bottom: 80px;\r\n        }\r\n\r\n        .iphone-screen.is-expanded .ios-notif-card {\r\n            background: rgba(45, 45, 45, 0.65); \/* Levemente mais claro na lista *\/\r\n        }\r\n\r\n        .app-icon-wrapper {\r\n            width: 40px; height: 40px;\r\n            background: #000;\r\n            border-radius: 10px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            flex-shrink: 0; border: 1px solid rgba(255,255,255,0.1);\r\n        }\r\n        .app-icon-wrapper svg { width: 22px; height: 22px; fill: #fff; }\r\n\r\n        .content { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 2px; overflow: hidden;}\r\n        .row-top { display: flex; justify-content: space-between; align-items: baseline; }\r\n        .app-name { font-size: 14px; font-weight: 600; color: #fff; }\r\n        .time-ago { font-size: 12px; color: rgba(255,255,255,0.5); }\r\n        .message { font-size: 14px; font-weight: 400; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n\r\n        \/* --- RODAP\u00c9 --- *\/\r\n        .footer-buttons {\r\n            position: absolute; bottom: 50px; width: 100%; padding: 0 50px; box-sizing: border-box;\r\n            display: flex; justify-content: space-between; z-index: 60; pointer-events: auto;\r\n        }\r\n        .round-icon {\r\n            width: 50px; height: 50px; border-radius: 50%;\r\n            background: rgba(30,30,30,0.5); backdrop-filter: blur(15px);\r\n            display: flex; align-items: center; justify-content: center; color: white;\r\n            transition: background 0.2s; border: 1px solid rgba(255,255,255,0.05);\r\n        }\r\n        .round-icon:hover { background: rgba(60,60,60,0.7); }\r\n        .home-bar {\r\n            position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);\r\n            width: 140px; height: 5px; background: white; border-radius: 10px; z-index: 100;\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n   \r\n    <audio id=\"notifSound\" preload=\"auto\">\r\n        <source src=\"https:\/\/www.myinstants.com\/media\/sounds\/ka-ching.mp3\" type=\"audio\/mpeg\">\r\n    <\/audio>\r\n\r\n    <div class=\"iphone-wrapper\">\r\n        <div class=\"iphone-body\">\r\n            <div class=\"iphone-screen\" id=\"screen\">\r\n                <div class=\"screen-overlay\"><\/div>\r\n                <div class=\"dynamic-island\"><\/div>\r\n                \r\n                <div class=\"header-info\">\r\n                    <div class=\"header-clock\" id=\"clockEl\">19:47<\/div>\r\n                    <div class=\"header-date\" id=\"dateEl\">ter\u00e7a-feira, 25 de novembro<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"notif-center-title\">Central de Notifica\u00e7\u00f5es<\/div>\r\n\r\n                <div class=\"app-group-header\">\r\n                    <div class=\"app-group-name\">Frendz<\/div>\r\n                    <div class=\"app-group-actions\">\r\n                        <button class=\"ios-btn\" onclick=\"collapseStack()\">\r\n                            Mostrar menos\r\n                        <\/button>\r\n                        <button class=\"ios-btn btn-close\" onclick=\"collapseStack()\">\r\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"click-trigger\" onclick=\"expandStack()\"><\/div>\r\n                \r\n                <div class=\"notifications-wrapper\" id=\"notifContainer\"><\/div>\r\n\r\n                <div class=\"footer-buttons\">\r\n                    <div class=\"round-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-1 1.5-2 1.5-3.5a6 6 0 0 0-12 0c0 1.5.5 2.5 1.5 3.5.8.8 1.3 1.5 1.5 2.5\"\/><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><\/svg><\/div>\r\n                    <div class=\"round-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3\"\/><\/svg><\/div>\r\n                <\/div>\r\n                <div class=\"home-bar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n     <div class=\"controls-wrapper\">\r\n        <button class=\"sound-toggle-btn\" id=\"soundBtn\" onclick=\"toggleSound()\">\r\n            <span id=\"soundIcon\">\ud83d\udd07<\/span> \r\n            <span id=\"soundText\">Ativar Som de Venda<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n        \/\/ \u00cdcone Frendz Branco\r\n        const FRENDZ_ICON_WHITE = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\"><path fill=\"#ffffff\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.2158 35.2537L14.4245 46.1983C11.7231 48.938 11.7231 53.4204 14.4245 56.1592C17.1259 58.8989 21.5455 58.8989 24.246 56.1592L39.9481 40.2342L35.0373 35.2537C32.3359 32.514 27.9163 32.514 25.2158 35.2537Z\"\/><path fill=\"#ffffff\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M54.6812 45.2156L65.4726 34.2711C68.174 31.5313 68.174 27.0489 65.4726 24.3101C62.7712 21.5704 58.3515 21.5704 55.6511 24.3101L39.949 40.2351L44.8597 45.2156C47.5611 47.9553 51.9808 47.9553 54.6812 45.2156Z\"\/><path fill=\"#ffffff\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.0383 55.4203C32.3265 58.1706 32.3265 62.6309 35.0383 65.3812C37.75 68.1315 42.148 68.1315 44.8597 65.3812C47.5715 62.6309 47.5715 58.1706 44.8597 55.4203C42.148 52.67 37.75 52.67 35.0383 55.4203Z\"\/><path fill=\"#ffffff\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M44.8597 25.049C47.5715 22.2987 47.5715 17.8384 44.8597 15.0881C42.148 12.3378 37.75 12.3378 35.0383 15.0881C32.3265 17.8384 32.3265 22.2987 35.0383 25.049C37.75 27.7993 42.148 27.7993 44.8597 25.049Z\"\/><\/svg>`;\r\n\r\n        let notifications = [];\r\n        let isExpanded = false;\r\n        let soundOn = false;\r\n        const container = document.getElementById('notifContainer');\r\n        const screen = document.getElementById('screen');\r\n        const audio = document.getElementById('notifSound');\r\n\r\n        function toggleSound() {\r\n            soundOn = !soundOn;\r\n            const btn = document.getElementById('soundBtn');\r\n            if(soundOn) {\r\n                btn.classList.add('active');\r\n                document.getElementById('soundText').innerText = 'Som Ativado';\r\n                document.getElementById('soundIcon').innerText = '\ud83d\udd0a';\r\n                audio.volume = 0.5; audio.play().catch(e => {});\r\n                if(!isExpanded) expandStack();\r\n            } else {\r\n                btn.classList.remove('active');\r\n                document.getElementById('soundText').innerText = 'Ativar Som de Venda';\r\n                document.getElementById('soundIcon').innerText = '\ud83d\udd07';\r\n            }\r\n        }\r\n\r\n        function expandStack() {\r\n            if (notifications.length === 0 || isExpanded) return;\r\n            isExpanded = true;\r\n            screen.classList.add('is-expanded');\r\n            updateVisuals();\r\n        }\r\n\r\n        function collapseStack() {\r\n            if (!isExpanded) return;\r\n            isExpanded = false;\r\n            screen.classList.remove('is-expanded');\r\n            updateVisuals();\r\n        }\r\n\r\n        function updateClock() {\r\n            const now = new Date();\r\n            const h = String(now.getHours()).padStart(2, '0');\r\n            const m = String(now.getMinutes()).padStart(2, '0');\r\n            document.getElementById('clockEl').innerText = `${h}:${m}`;\r\n            const opts = { weekday: 'long', day: 'numeric', month: 'long' };\r\n            document.getElementById('dateEl').innerText = now.toLocaleDateString('pt-BR', opts);\r\n        }\r\n        setInterval(updateClock, 1000);\r\n        updateClock();\r\n\r\n        function updateVisuals() {\r\n            const CARD_H = 78;\r\n            const STACK_GAP = 9;\r\n            const LIST_GAP = 12;\r\n            const STACK_BOTTOM_BASE = 90; \/\/ Pilha posicionada acima do rodap\u00e9\r\n            \r\n            \/\/ CORRE\u00c7\u00c3O 2: A lista come\u00e7a mais em cima e preenche mais a tela para n\u00e3o ficar buraco\r\n            const LIST_TOP_START = 290; \r\n\r\n            notifications.forEach((card, index) => {\r\n                card.style.transition = isExpanded ? \r\n                    'all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)' : \r\n                    'all 0.7s cubic-bezier(0.25, 1, 0.5, 1)';\r\n\r\n                if (!isExpanded) {\r\n                    \/\/ MODO PILHA\r\n                    card.style.top = 'auto'; \/\/ Remove top\r\n                    \r\n                    if (index === 0) {\r\n                        card.style.transform = `translateY(0px) scale(1)`;\r\n                        card.style.bottom = `${STACK_BOTTOM_BASE}px`;\r\n                        card.style.opacity = '1'; card.style.zIndex = '100';\r\n                    } else if (index === 1) {\r\n                        card.style.transform = `translateY(${STACK_GAP}px) scale(0.96)`;\r\n                        card.style.bottom = `${STACK_BOTTOM_BASE}px`;\r\n                        card.style.opacity = '0.9'; card.style.zIndex = '90';\r\n                    } else if (index === 2) {\r\n                        card.style.transform = `translateY(${STACK_GAP*2}px) scale(0.92)`;\r\n                        card.style.bottom = `${STACK_BOTTOM_BASE}px`;\r\n                        card.style.opacity = '0.7'; card.style.zIndex = '80';\r\n                    } else {\r\n                        card.style.transform = `translateY(${STACK_GAP*3}px) scale(0.88)`;\r\n                        card.style.bottom = `${STACK_BOTTOM_BASE}px`;\r\n                        card.style.opacity = '0'; card.style.zIndex = '10';\r\n                    }\r\n                } else {\r\n                    \/\/ MODO LISTA EXPANDIDA\r\n                    card.style.bottom = 'auto'; \/\/ Remove bottom\r\n                    \r\n                    if (index < 5) { \/\/ Mostra 5 itens na tela\r\n                        const topPos = LIST_TOP_START + (index * (CARD_H + LIST_GAP));\r\n                        card.style.transform = `translateY(0) scale(1)`;\r\n                        card.style.top = `${topPos}px`;\r\n                        card.style.opacity = '1';\r\n                        card.style.zIndex = 100 - index;\r\n                    } else {\r\n                        card.style.opacity = '0';\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        function addNotification() {\r\n            if (soundOn) { audio.currentTime = 0; audio.play().catch(e=>{}); }\r\n\r\n            const amount = (Math.random() * 400 + 100).toFixed(2).replace('.', ',');\r\n            const el = document.createElement('div');\r\n            el.className = 'ios-notif-card';\r\n            el.innerHTML = `\r\n                <div class=\"app-icon-wrapper\">${FRENDZ_ICON_WHITE}<\/div>\r\n                <div class=\"content\">\r\n                    <div class=\"row-top\">\r\n                        <span class=\"app-name\">Frendz<\/span>\r\n                        <span class=\"time-ago\">agora<\/span>\r\n                    <\/div>\r\n                    <div class=\"message\">Venda realizada! R$ ${amount}<\/div>\r\n                <\/div>\r\n            `;\r\n\r\n            container.appendChild(el);\r\n            notifications.unshift(el);\r\n\r\n            \/\/ CORRE\u00c7\u00c3O 3: Define estado inicial vis\u00edvel se for o primeiro item da pilha\r\n            if (!isExpanded) {\r\n                \/\/ Se \u00e9 o primeiro a chegar, ele j\u00e1 aparece na posi\u00e7\u00e3o correta\r\n                \/\/ mas a transi\u00e7\u00e3o CSS far\u00e1 ele animar se alterarmos as propriedades\r\n            } else {\r\n                 el.style.top = `250px`; \/\/ Entra um pouco acima na lista\r\n                 el.style.opacity = '0';\r\n            }\r\n\r\n            if (notifications.length > 7) {\r\n                const old = notifications.pop();\r\n                if(old && old.parentNode) old.parentNode.removeChild(old);\r\n            }\r\n\r\n            requestAnimationFrame(() => { updateVisuals(); });\r\n        }\r\n\r\n        \/\/ --- INICIALIZA\u00c7\u00c3O IMEDIATA ---\r\n        \/\/ Cria notifica\u00e7\u00f5es instantaneamente ao carregar\r\n        addNotification();\r\n        setTimeout(() => addNotification(), 400);\r\n        setTimeout(() => addNotification(), 800);\r\n        \/\/ Garante que visualmente est\u00e1 atualizado\r\n        requestAnimationFrame(() => updateVisuals());\r\n\r\n        function loop() {\r\n            setTimeout(() => {\r\n                addNotification();\r\n                loop();\r\n            }, Math.random() * 3000 + 2000);\r\n        }\r\n        setTimeout(loop, 2500);\r\n\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2556440 e-grid e-con-full e-con e-child\" data-id=\"2556440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dc06a6c e-con-full e-flex e-con e-child\" data-id=\"dc06a6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d20cd9 elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"1d20cd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn    dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Criar Conta<\/span>\r\n                        <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fef057 elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"7fef057\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn dtr-btn--trans  dtr-btn--icon-position-left dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Fale com o Gerente<\/span>\r\n                \t\t\t                <span class=\"dtr-icon dtr-btn__icon\"><i class=\"icon-chat-text\" aria-hidden=\"true\"><\/i><\/span>\r\n                            <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaac02f e-con-full section-dark e-flex e-con e-parent\" data-id=\"eaac02f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58bd7ca elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"58bd7ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Integra\u00e7\u00f5es Estrat\u00e9gicas e Inteligentes<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c90039 elementor-widget__width-inherit elementor-widget elementor-widget-image-carousel\" data-id=\"7c90039\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;10&quot;,&quot;slides_to_show_tablet&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:0,&quot;speed&quot;:5000,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrossel de imagens\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-08-1.webp\" alt=\"logo-integracoes-08-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-07-1.webp\" alt=\"logo-integracoes-07-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-06-1.webp\" alt=\"logo-integracoes-06-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-05-1.webp\" alt=\"logo-integracoes-05-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-04-1.webp\" alt=\"logo-integracoes-04-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-03-1.webp\" alt=\"logo-integracoes-03-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-02-1.webp\" alt=\"logo-integracoes-02-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-01-1.webp\" alt=\"logo-integracoes-01-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-16-1.webp\" alt=\"logo-integracoes-16-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-15-1.webp\" alt=\"logo-integracoes-15-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-13-1.webp\" alt=\"logo-integracoes-13-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-12-1.webp\" alt=\"logo-integracoes-12-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-11-1.webp\" alt=\"logo-integracoes-11-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-10-1.webp\" alt=\"logo-integracoes-10-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-09-1.webp\" alt=\"logo-integracoes-09-1.webp\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a99991d elementor-widget__width-inherit elementor-widget elementor-widget-image-carousel\" data-id=\"a99991d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;10&quot;,&quot;slides_to_show_tablet&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:0,&quot;speed&quot;:5000,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrossel de imagens\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-05-1.webp\" alt=\"logo-integracoes-05-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-10-1.webp\" alt=\"logo-integracoes-10-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-07-1.webp\" alt=\"logo-integracoes-07-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-06-1.webp\" alt=\"logo-integracoes-06-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-03-1.webp\" alt=\"logo-integracoes-03-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-15-1.webp\" alt=\"logo-integracoes-15-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-01-1.webp\" alt=\"logo-integracoes-01-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-08-1.webp\" alt=\"logo-integracoes-08-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-13-1.webp\" alt=\"logo-integracoes-13-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-04-1.webp\" alt=\"logo-integracoes-04-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-12-1.webp\" alt=\"logo-integracoes-12-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-02-1.webp\" alt=\"logo-integracoes-02-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-16-1.webp\" alt=\"logo-integracoes-16-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-11-1.webp\" alt=\"logo-integracoes-11-1.webp\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 de 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/logo-integracoes-09-1.webp\" alt=\"logo-integracoes-09-1.webp\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2733586 e-flex e-con-boxed e-con e-parent\" data-id=\"2733586\" 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-1c671c1 elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"1c671c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Conhe\u00e7a mais Benef\u00edcios<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44bfd12 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"44bfd12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- FONTE IMPORTADA (Inter para garantir modernidade) --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&display=swap');\r\n\r\n    \/* --- LAYOUT GERAL --- *\/\r\n    .custom-tab-section {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 50px; \/* Espa\u00e7o entre menu e conte\u00fado *\/\r\n        \/* Fundo da se\u00e7\u00e3o (pode ser transparente se seu site j\u00e1 for preto) *\/\r\n        background-color: transparent; \r\n        padding: 20px 0;\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* --- MENU LATERAL (ESTILO CARD) --- *\/\r\n    .tab-menu {\r\n        flex: 0 0 300px; \/* Largura fixa para manter o visual do card *\/\r\n        background-color: #0b0b0b; \/* Fundo do card (quase preto, levemente mais claro que o fundo total) *\/\r\n        border-radius: 20px; \/* Borda arredondada *\/\r\n        padding: 40px; \/* Espa\u00e7amento interno generoso *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        \/* Sombra suave para destacar do fundo *\/\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* T\u00edtulo \"Benef\u00edcios\" *\/\r\n    .menu-header {\r\n        font-size: 28px;\r\n        font-weight: 400;\r\n        color: #e6e4dc; \/* Tom creme\/off-white *\/\r\n        margin-bottom: 20px;\r\n        padding-bottom: 20px;\r\n        border-bottom: 1px solid #333; \/* Linha separadora sutil *\/\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    \/* Bot\u00f5es do Menu *\/\r\n    .tab-button {\r\n        background: none;\r\n        border: none;\r\n        padding: 12px 0;\r\n        text-align: left;\r\n        color: #888888; \/* Cor inativa (cinza) *\/\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        justify-content: space-between; \/* Texto na esquerda, seta na direita *\/\r\n        align-items: center;\r\n        outline: none;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Hover e Estado Ativo *\/\r\n    .tab-button:hover,\r\n    .tab-button.active {\r\n        color: #e6e4dc; \/* Cor ativa (Creme) *\/\r\n    }\r\n\r\n    \/* \u00cdcone da Seta *\/\r\n    .tab-arrow {\r\n        font-size: 20px;\r\n        opacity: 1; \/* Sempre vis\u00edvel agora, igual a imagem *\/\r\n        transition: transform 0.3s ease;\r\n        color: inherit; \/* Segue a cor do texto pai *\/\r\n    }\r\n\r\n    \/* Movimento sutil da seta no hover *\/\r\n    .tab-button:hover .tab-arrow,\r\n    .tab-button.active .tab-arrow {\r\n        transform: translate(2px, -2px); \/* Leve movimento diagonal *\/\r\n    }\r\n\r\n    \/* --- \u00c1REA DE CONTE\u00daDO (DIREITA) --- *\/\r\n    .tab-content-container {\r\n        flex: 1;\r\n        min-width: 300px;\r\n        padding-top: 10px; \/* Alinhamento visual com o topo do card *\/\r\n    }\r\n\r\n    .tab-content {\r\n        display: none;\r\n        animation: fadeIn 0.6s ease;\r\n    }\r\n\r\n    .tab-content.active {\r\n        display: block;\r\n    }\r\n\r\n    \/* Estilos Visuais do Conte\u00fado *\/\r\n    .content-media {\r\n        width: 100%;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        margin-bottom: 30px;\r\n        background: #111;\r\n        \/* Propor\u00e7\u00e3o cinem\u00e1tica *\/\r\n        aspect-ratio: 16\/9; \r\n    }\r\n\r\n    .content-media img, .content-media iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        border: none;\r\n    }\r\n\r\n    .content-text h3 {\r\n        font-size: 36px; \/* T\u00edtulo grande *\/\r\n        margin-bottom: 24px;\r\n        line-height: 1.2;\r\n        color: #e6e4dc;\r\n        font-weight: 400;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .content-text p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #a0a0a0;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .content-text strong {\r\n        color: #fff;\r\n    }\r\n\r\n    .content-text ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin-top: 25px;\r\n    }\r\n    \r\n    .content-text ul li {\r\n        margin-bottom: 12px;\r\n        padding-left: 0;\r\n        color: #ccc;\r\n        border-left: 2px solid #333; \/* Detalhe lateral na lista *\/\r\n        padding-left: 15px;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Responsivo Mobile *\/\r\n    @media (max-width: 900px) {\r\n        .custom-tab-section {\r\n            flex-direction: column;\r\n        }\r\n        .tab-menu {\r\n            flex: none;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            box-sizing: border-box; \/* Garante que o padding n\u00e3o estoure a tela *\/\r\n        }\r\n        .menu-header {\r\n            font-size: 24px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-tab-section\">\r\n\r\n    <div class=\"tab-menu\">\r\n        <div class=\"menu-header\">Escolha:<\/div>\r\n        \r\n        <button class=\"tab-button active\" onclick=\"openTab(event, 'tab1')\">\r\n            <span>Ganhe um iPhone<\/span> <span class=\"tab-arrow\">\u2197<\/span>\r\n        <\/button>\r\n        \r\n        <button class=\"tab-button\" onclick=\"openTab(event, 'tab2')\">\r\n            Veja a FrendzFlix <span class=\"tab-arrow\">\u2197<\/span>\r\n        <\/button>\r\n        \r\n       <!-- <button class=\"tab-button\" onclick=\"openTab(event, 'tab3')\">\r\n            UX Research <span class=\"tab-arrow\">\u2197<\/span>\r\n        <\/button> -->\r\n        \r\n       <!-- <button class=\"tab-button\" onclick=\"openTab(event, 'tab4')\">\r\n            Art Direction <span class=\"tab-arrow\">\u2197<\/span>\r\n        <\/button>-->\r\n    <\/div>\r\n\r\n    <div class=\"tab-content-container\">\r\n\r\n        <div id=\"tab1\" class=\"tab-content active\">\r\n            <div class=\"content-media\">\r\n                <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/theregisti-OTnE6TgxVCM-unsplash-scaled.jpg?q=80&w=1200&auto=format&fit=crop\" alt=\"iPhone Promo\u00e7\u00e3o\">\r\n            <\/div>\r\n            <div class=\"content-text\">\r\n                <h3>Saque R$ 50.000 em 7 dias ou R$ 250.000 em 30 dias e ganhe um iPhone novinho!<\/h3>\r\n                <p>\u00c9 simples: continue vendendo, crescendo e usando a plataforma normalmente. Ao atingir uma das metas dentro do per\u00edodo estipulado, voc\u00ea garante automaticamente seu pr\u00eamio! Sem sorteio, sem burocracia, apenas resultado.<\/p>\r\n                <p>Acreditamos em quem trabalha s\u00e9rio no digital. Essa promo\u00e7\u00e3o \u00e9 um incentivo para voc\u00ea acelerar seus resultados.<\/p>\r\n                \r\n                <p><strong>Como participar:<\/strong><\/p>\r\n                <ul>\r\n                    <li>Utilize a plataforma normalmente.<\/li>\r\n                    <li>Bata uma das metas dentro do prazo da promo\u00e7\u00e3o.<\/li>\r\n                    <li>Confirme seus dados com nossa equipe.<\/li>\r\n                    <li>Receba seu iPhone novinho em folha!<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"tab2\" class=\"tab-content\">\r\n            <div class=\"content-media\">\r\n                <iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/XHOmBV4js_E?controls=0\" title=\"Video Placeholder\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n            <div class=\"content-text\">\r\n                <h3>Eleve Seu Conte\u00fado com a \u00c1rea de Membros Mais Premium do Mercado<\/h3>\r\n                <p>Apresentamos a <strong>FrendzFlix<\/strong>, a \u00e1rea de membros que vai elevar o n\u00edvel da sua entrega. Um ambiente moderno, r\u00e1pido e com interface inspirada na Netflix.<\/p>\r\n                <p>Seus alunos v\u00e3o ter uma experi\u00eancia de assistir aulas t\u00e3o intuitiva quanto maratonar uma s\u00e9rie. E voc\u00ea, produtor, paga <strong>apenas R$ 1 por aluno<\/strong>.<\/p>\r\n                <ul>\r\n                    <li><strong>Interface premium estilo Netflix:<\/strong> Layout em cards e navega\u00e7\u00e3o fluida.<\/li>\r\n                    <li><strong>Otimizada para vendas:<\/strong> Organiza\u00e7\u00e3o simples e progresso do aluno.<\/li>\r\n                    <li><strong>Custo acess\u00edvel:<\/strong> R$ 1 por aluno ativo. Simples e escal\u00e1vel.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"tab3\" class=\"tab-content\">\r\n            <div class=\"content-media\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=1200&auto=format&fit=crop\" alt=\"UX Research\">\r\n            <\/div>\r\n            <div class=\"content-text\">\r\n                <h3>UX Research focada em convers\u00e3o<\/h3>\r\n                <p>Entenda exatamente onde seu cliente trava. Nossa metodologia de UX Research mapeia a jornada completa do usu\u00e1rio dentro do seu produto.<\/p>\r\n                <ul>\r\n                    <li>An\u00e1lise heur\u00edstica de interfaces.<\/li>\r\n                    <li>Testes de usabilidade com usu\u00e1rios reais.<\/li>\r\n                    <li>Otimiza\u00e7\u00e3o de checkout e p\u00e1ginas de vendas.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"tab4\" class=\"tab-content\">\r\n            <div class=\"content-media\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?q=80&w=1200&auto=format&fit=crop\" alt=\"Art Direction\">\r\n            <\/div>\r\n            <div class=\"content-text\">\r\n                <h3>Dire\u00e7\u00e3o de Arte para Marcas High-Ticket<\/h3>\r\n                <p>O visual do seu produto define o valor que o cliente percebe antes mesmo de comprar. Criamos identidades visuais que comunicam sofistica\u00e7\u00e3o e autoridade.<\/p>\r\n                <ul>\r\n                    <li>Identidade visual completa para lan\u00e7amentos.<\/li>\r\n                    <li>Key Visual para campanhas e an\u00fancios.<\/li>\r\n                    <li>Design de materiais de apoio e e-books.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function openTab(evt, tabName) {\r\n        var i, tabcontent, tablinks;\r\n\r\n        \/\/ Esconde todos os conte\u00fados\r\n        tabcontent = document.getElementsByClassName(\"tab-content\");\r\n        for (i = 0; i < tabcontent.length; i++) {\r\n            tabcontent[i].style.display = \"none\";\r\n            tabcontent[i].classList.remove(\"active\");\r\n        }\r\n\r\n        \/\/ Tira classe active dos bot\u00f5es\r\n        tablinks = document.getElementsByClassName(\"tab-button\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\r\n        }\r\n\r\n        \/\/ Mostra o atual\r\n        document.getElementById(tabName).style.display = \"block\";\r\n        setTimeout(function() {\r\n             document.getElementById(tabName).classList.add(\"active\");\r\n        }, 10);\r\n        evt.currentTarget.className += \" active\";\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e3234 e-grid e-con-boxed e-con e-parent\" data-id=\"27e3234\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ec8c4c5 e-con-full e-flex e-con e-child\" data-id=\"ec8c4c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f29af elementor-widget elementor-widget-html\" data-id=\"18f29af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.support-card-wrapper {\r\n    --bg-dark: #101111;\r\n    --card-bg: #141514;\r\n    --text-main: #F8F6DC;\r\n    --text-sub: #BCBBA7;\r\n    --success: #27ae60;\r\n    \r\n    background: var(--bg-dark);\r\n    padding: 40px 20px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(188, 187, 167, 0.1);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Indicador de Status Pulsante *\/\r\n.status-indicator {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(39, 174, 96, 0.1);\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(39, 174, 96, 0.3);\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.pulse-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background-color: var(--success);\r\n    border-radius: 50%;\r\n    position: relative;\r\n}\r\n\r\n.pulse-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100%; height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--success);\r\n    animation: pulseGreen 2s infinite;\r\n    z-index: -1;\r\n}\r\n\r\n.status-text {\r\n    color: var(--success);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n@keyframes pulseGreen {\r\n    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\r\n    100% { transform: translate(-50%, -50%) scale(3); opacity: 0; }\r\n}\r\n\r\n\/* T\u00edtulos e Textos *\/\r\n.support-title {\r\n    color: var(--text-main);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.support-desc {\r\n    color: var(--text-sub);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* Avatar Group (Simulando equipe) *\/\r\n.avatar-group {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.avatar-circle {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    border: 3px solid var(--bg-dark);\r\n    background-color: #333;\r\n    margin-left: -15px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.avatar-circle:first-child { margin-left: 0; }\r\n.avatar-circle svg { width: 60%; fill: #888; }\r\n\r\n.cta-support {\r\n    display: inline-block;\r\n    background: var(--text-sub);\r\n    color: #000;\r\n    padding: 12px 30px;\r\n    border-radius: 5px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: 0.3s;\r\n}\r\n.cta-support:hover {\r\n    background: var(--text-main);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"support-card-wrapper\">\r\n    \r\n    <div class=\"status-indicator\">\r\n        <div class=\"pulse-dot\"><\/div>\r\n        <span class=\"status-text\">Suporte Online Agora<\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"support-title\">Suporte de Elite 24\/7:<br>Voc\u00ea nunca vende sozinho.<\/h2>\r\n    \r\n    <p class=\"support-desc\">\r\n        Esque\u00e7a os chatbots. Na FRENDZ, oferecemos atendimento 100% humano a qualquer hora do dia ou da noite. Seu lan\u00e7amento n\u00e3o para, e nosso suporte tamb\u00e9m n\u00e3o.\r\n    <\/p>\r\n\r\n    <div class=\"avatar-group\">\r\n        <div class=\"avatar-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\r\n        <div class=\"avatar-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\r\n        <div class=\"avatar-circle\" style=\"background:#BCBBA7; color:#000; font-weight:bold; font-size:12px;\">+20<\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24f7ebf e-flex e-con-boxed e-con e-parent\" data-id=\"24f7ebf\" data-element_type=\"container\" data-e-type=\"container\" id=\"testimonials\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-df3fa81 e-con-full e-flex e-con e-child\" data-id=\"df3fa81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0300a7b elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"0300a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Clientes Frendz crescem 81% em apenas 6 meses<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dccc327 e-con-full e-flex e-con e-child\" data-id=\"dccc327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a75854 elementor-widget elementor-widget-dtr-testimonial-carousel\" data-id=\"4a75854\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-testimonial-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"swiper dtr-swiper swiper-container dtr-testimonial-carousel dtr-testimonial--2col dtr-slider-has-dots clearfix\"><div class=\"swiper-wrapper\"><div class=\"swiper-slide clearfix\"><div class=\"dtr-testimonial\"><div class=\"dtr-testimonial__client-info-wrapper\"><div class=\"dtr-testimonial__client-info\"><h5 class=\"dtr-testimonial__client-name\">Rafael Santos<\/h5><p class=\"dtr-testimonial__client-job\">Infoprodutor<\/p><\/div><div class=\"dtr-testimonial__client-img-wrapper\"><img decoding=\"async\" class=\"dtr-testimonial__client-img\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2025\/11\/whatsapp-image-2024-12-12-at-11.19.51-70x70.avif\" alt=\"Rafael Santos\"\/><\/div><\/div><div class=\"dtr-testimonial__content\"><span class=\"dtr-testimonial__icon\"><\/span><div class=\"dtr-testimonial__text\"><p><span style=\"font-weight: 400;\">Meu saldo ficou travado por dias na plataforma anterior. Nem era um valor gigante, mas era meu dinheiro e eu precisava dele para continuar operando. <\/span><span style=\"font-weight: 400;\">Hoje aqui na Frendz, sempre que recebo, sei exatamente onde est\u00e1 e quando posso usar. Isso, para mim, vale mais do que qualquer funcionalidade.<\/span><\/p>\n<\/div><\/div><\/div><\/div><div class=\"swiper-slide clearfix\"><div class=\"dtr-testimonial\"><div class=\"dtr-testimonial__client-info-wrapper\"><div class=\"dtr-testimonial__client-info\"><h5 class=\"dtr-testimonial__client-name\">Andrea Borges<\/h5><p class=\"dtr-testimonial__client-job\">Produtora<\/p><\/div><div class=\"dtr-testimonial__client-img-wrapper\"><img decoding=\"async\" class=\"dtr-testimonial__client-img\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/FOTO-1_p4987_cover_image_resized_p15934_cover_image_resized-70x70.webp\" alt=\"Andrea Borges\"\/><\/div><\/div><div class=\"dtr-testimonial__content\"><span class=\"dtr-testimonial__icon\"><\/span><div class=\"dtr-testimonial__text\"><p><span style=\"font-weight: 400;\">Eu vendo no org\u00e2nico e nunca trabalhei com hot. Mesmo assim, a plataforma antiga travou um dos meus produtos porque o sistema deles confundiu a oferta do expert com algo irregular. <\/span><span style=\"font-weight: 400;\">Foi um caos: links fora do ar, clientes reclamando e eu sem conseguir resolver. <\/span><span style=\"font-weight: 400;\">Quando vim para a Frendz, percebi a diferen\u00e7a. Nada travou, sistema \u00e9 est\u00e1vel e eu finalmente consigo vender sem depender do \u2018humor\u2019 da plataforma. <\/span><span style=\"font-weight: 400;\">Foi a primeira vez que senti minha opera\u00e7\u00e3o realmente segura.<\/span><\/p>\n<\/div><\/div><\/div><\/div><div class=\"swiper-slide clearfix\"><div class=\"dtr-testimonial\"><div class=\"dtr-testimonial__client-info-wrapper\"><div class=\"dtr-testimonial__client-info\"><h5 class=\"dtr-testimonial__client-name\">Jo\u00e3o Maur\u00edcio<\/h5><p class=\"dtr-testimonial__client-job\">Coprodutor<\/p><\/div><div class=\"dtr-testimonial__client-img-wrapper\"><img decoding=\"async\" class=\"dtr-testimonial__client-img\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/2024\/08\/whatsapp-image-2024-06-05-at-11.20.43-70x70.avif\" alt=\"Jo\u00e3o Maur\u00edcio\"\/><\/div><\/div><div class=\"dtr-testimonial__content\"><span class=\"dtr-testimonial__icon\"><\/span><div class=\"dtr-testimonial__text\"><p><span style=\"font-weight: 400;\">Eu perdia vendas porque o checkout da plataforma antiga ca\u00eda nos hor\u00e1rios de pico. <\/span><span style=\"font-weight: 400;\">N\u00e3o adiantava ter um criativo bom se, na hora H, o cliente clicava e dava erro. <\/span><span style=\"font-weight: 400;\">Desde que comecei a usar a Frendz, s\u00f3 desse problema ter desaparecido, essa plataforma me ganhou. A estabilidade da plataforma fez meu faturamento aumentar por conta do hor\u00e1rio em espec\u00edfico que preciso vender.<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"dtr-testimonial__nav-wrapper\"><div class=\"swiper-pagination dtr-testimonial__dots\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa2aaae e-grid e-con-full e-con e-child\" data-id=\"fa2aaae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a7061a2 e-con-full e-flex e-con e-child\" data-id=\"a7061a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75ca7c5 elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"75ca7c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn    dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Criar Conta<\/span>\r\n                        <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85409aa elementor-widget__width-auto elementor-align-left elementor-widget elementor-widget-dtr-button\" data-id=\"85409aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn dtr-btn--trans  dtr-btn--icon-position-left dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Fale com o Gerente<\/span>\r\n                \t\t\t                <span class=\"dtr-icon dtr-btn__icon\"><i class=\"icon-chat-text\" aria-hidden=\"true\"><\/i><\/span>\r\n                            <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e7f0bd e-flex e-con-boxed e-con e-parent\" data-id=\"8e7f0bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-64aaf2b e-con-full e-flex e-con e-child\" data-id=\"64aaf2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d11ab elementor-tablet-align-center elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"e1d11ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Condi\u00e7\u00f5es e Taxas<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e13bce e-con-full e-flex e-con e-child\" data-id=\"9e13bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-489dc14 e-grid e-con-full e-con e-child\" data-id=\"489dc14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7037ef3 e-con-full e-flex e-con e-child\" data-id=\"7037ef3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5ba9bae e-con-full card1 e-flex e-con e-child\" data-id=\"5ba9bae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7031a79 elementor-widget elementor-widget-heading\" data-id=\"7031a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Taxa Padr\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07ac745 elementor-widget elementor-widget-image-box\" data-id=\"07ac745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">7,99%<\/h3><p class=\"elementor-image-box-description\">+ 2,49 por venda<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc6add1 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"fc6add1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cart\u00e3o, Pix e Boleto<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Aprova\u00e7\u00e3o instant\u00e2nea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e94e222 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"e94e222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.frendz.com.br\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Quero ser Frendz<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb02291 e-con-full card1 e-flex e-con e-child\" data-id=\"eb02291\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a981de elementor-widget elementor-widget-heading\" data-id=\"8a981de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Plano Enterprise<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a249ab elementor-widget elementor-widget-image-box\" data-id=\"3a249ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Personalizado<\/h3><p class=\"elementor-image-box-description\">Para quem fatura +R$100k\/m\u00eas\n\n<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e02173 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2e02173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Taxas especiais<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Suporte priorit\u00e1rio instant\u00e2nea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbeef75 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"bbeef75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.frendz.com.br\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Quero ser Frendz<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5766ae e-con-full e-flex e-con e-child\" data-id=\"d5766ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c6f05a0 e-grid e-con-full e-con e-child\" data-id=\"c6f05a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3864ce5 elementor-widget elementor-widget-dtr-skills\" data-id=\"3864ce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/pix-regz7u9dz462b31w789i6d4rhkpxlu2pgg7q5z12ts.png\" title=\"pix\" alt=\"pix\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">Inst\u00e2ntaneo (D+0)<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">PIX<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f0943c elementor-widget elementor-widget-dtr-skills\" data-id=\"1f0943c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/4c481eceb32f259b7d66d8b4006b57cd-rezukto2rqf9wu7dm69ddh0k94s3opcnq2sxh1ww74.png\" title=\"4c481eceb32f259b7d66d8b4006b57cd\" alt=\"4c481eceb32f259b7d66d8b4006b57cd\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">15 dias (D+15)<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">CR\u00c9DITO<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f8120b elementor-widget elementor-widget-dtr-skills\" data-id=\"7f8120b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t      <div class=\"dtr-skills\">\r\n        <div class=\"dtr-skills__content\">\r\n            <div class=\"dtr-icon dtr-skills__icon\">\r\n             <img decoding=\"async\" src=\"https:\/\/sitenovo.frendz.com.br\/wp-content\/uploads\/elementor\/thumbs\/pngwing.com_-rezunq05uce3pjztoxcyk8oq6whuf3uv4f7tqrm70g.webp\" title=\"pngwing.com\" alt=\"pngwing.com\" loading=\"lazy\" \/>      \r\n            <\/div>\r\n                        <div class=\"dtr-skills__number\">1 dia (D+1)<\/div>\r\n                     <\/div>\r\n                  <h6 class=\"dtr-skills__heading\">BOLETO<\/h6>\r\n               <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-571b0b7 e-grid e-con-full e-con e-child\" data-id=\"571b0b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d40d1a3 e-con-full e-flex e-con e-child\" data-id=\"d40d1a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-480d7d9 e-con-full card1 e-flex e-con e-child\" data-id=\"480d7d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-410d83d e-con-full e-flex e-con e-child\" data-id=\"410d83d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c791a6b elementor-widget elementor-widget-heading\" data-id=\"c791a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Padr\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c326d9 elementor-tablet-align-center elementor-mobile-align-left elementor-align-left elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"2c326d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h2 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Taxa Global<\/h2>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dba3dc elementor-widget elementor-widget-image-box\" data-id=\"6dba3dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">9.9%<\/h3><p class=\"elementor-image-box-description\">+ 3,99 por venda<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbba78a elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"fbba78a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cart\u00e3o, Pix e Boleto<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Aprova\u00e7\u00e3o instant\u00e2nea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e21900e elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"e21900e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.frendz.com.br\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-globe\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Quero ser Global<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3422445 e-con-full card2 e-flex e-con e-child\" data-id=\"3422445\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13f6718 elementor-widget elementor-widget-heading\" data-id=\"13f6718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Voc\u00ea j\u00e1 est\u00e1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8610094 elementor-widget elementor-widget-image-box\" data-id=\"8610094\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h2 class=\"elementor-image-box-title\">Escalado<\/h2><p class=\"elementor-image-box-description\">faturando +R$100k\/m\u00eas?<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f78104c elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f78104c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Taxas especiais para sua opera\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Suporte priorit\u00e1rio instant\u00e2nea<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5314ae elementor-widget__width-auto elementor-align-center elementor-widget elementor-widget-dtr-button\" data-id=\"c5314ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn dtr-btn--trans  dtr-btn--icon-position-left dtr-btn--round\" href=\"#\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">Fale com o Gerente<\/span>\r\n                \t\t\t                <span class=\"dtr-icon dtr-btn__icon\"><i class=\"icon-chat-text\" aria-hidden=\"true\"><\/i><\/span>\r\n                            <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c71e9a e-grid e-con-boxed e-con e-parent\" data-id=\"9c71e9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3907b34 e-con-full e-flex e-con e-child\" data-id=\"3907b34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a4f68 elementor-align-center elementor-widget elementor-widget-dtr-theme-heading\" data-id=\"e5a4f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-theme-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <h5 class=\"dtr-heading dtr-heading__gradient dtr-text--color-three\">Fale com um especialista Frendz, mostre sua opera\u00e7\u00e3o (se fatura +R$10k\/m\u00eas) e vamos provar matematicamente quanto voc\u00ea est\u00e1 deixando na mesa com taxas altas e prazos lentos.<\/h5>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef88e2 elementor-widget__width-auto elementor-align-center elementor-widget elementor-widget-dtr-button\" data-id=\"3ef88e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dtr-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \t<a class=\"dtr-btn dtr-btn--trans  dtr-btn--icon-position-left dtr-btn--round\" href=\"https:\/\/frendz.com.br\/bem-vindo\/\" role=\"button\">\r\n\t\t            <span class=\"dtr-btn__text\">QUERO MIGRAR COM CONDI\u00c7\u00c3O ESPECIAL<\/span>\r\n                \t\t\t                <span class=\"dtr-icon dtr-btn__icon\"><i class=\"icon-chat-text\" aria-hidden=\"true\"><\/i><\/span>\r\n                            <\/a>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Bem-vindo a Frendz Leve seu conhecimento al\u00e9m Transforme o que voc\u00ea sabe em um neg\u00f3cio digital lucrativo A Frendz \u00e9 a plataforma de pagamentos global e checkout de alta performance para quem escala. Pare de ser s\u00f3cio da sua plataforma. Fique com o lucro. Crie seu produto, gerencie seu neg\u00f3cio de forma simples todos os [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2307"}],"version-history":[{"count":439,"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2307\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2307\/revisions\/2966"}],"wp:attachment":[{"href":"https:\/\/sitenovo.frendz.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}