{"id":219848,"date":"2026-09-18T03:31:07","date_gmt":"2026-09-18T06:31:07","guid":{"rendered":"https:\/\/audaces.com\/solucoes\/clickfy"},"modified":"2026-09-18T04:20:58","modified_gmt":"2026-09-18T07:20:58","slug":"clickfy","status":"publish","type":"page","link":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy","title":{"rendered":"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce"},"content":{"rendered":"\r\n<section id=\"hero-2\"\r\n    class=\"w-full relative overflow-hidden min-h-[400px] [@media(min-width:1920px)]:min-h-[545px] max-lg:flex max-lg:flex-col max-lg:justify-center  px-6 lg:px-20 py-10 lg:py-16 2xl:py-20\">\r\n            <img class=\"no-lazy absolute inset-0 w-full h-full object-cover object-center\" src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__secao-.webp\"\r\n            alt=\"\" aria-hidden=\"true\" fetchpriority=\"high\" decoding=\"async\" \/>\r\n                <div class=\"absolute inset-0 z-0 bg-black\/70 lg:bg-transparent lg:bg-gradient-to-r lg:from-black\/100 lg:to-black\/0\">\r\n        <\/div>\r\n        <div class=\"relative z-10 max-w-screen-xl 2xl:max-w-screen-2xl mx-auto h-full\">\r\n        <div\r\n            class=\" text-hero-v2 flex flex-col justify-between lg:justify-center items-start gap-2 lg:gap-4 h-full max-h-screen lg:min-h-[400px] [@media(min-width:1920px)]:min-h-[545px] relative\">\r\n                        <div class=\"w-full max-w-xl 2xl:max-w-[40%] flex flex-col justify-center items-start gap-4 lg:gap-8\">\r\n                                                        <div class=\"inline-flex justify-center items-center\">\r\n                                                                                <div                                class=\"!my-0 px-4 lg:px-5 py-2 rounded-[50px] text-center !text-[#505962] !text-sm !font-medium\"\r\n                                style=\"background-color: rgba(241, 241, 241, 1.000);\">\r\n                                Softwares                            <\/div>\r\n                                            <\/div>\r\n                                                                        <h1                        class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight\">\r\n                        Clickfy.ai                    <\/h1>\r\n                            <\/div>\r\n            <div class=\"w-full max-w-xl flex flex-col justify-center items-start gap-8 lg:gap-16\">\r\n                <div class=\"flex flex-col justify-start items-start gap-5\">\r\n\r\n                                            <p\r\n                            class=\"!my-0 !text-white text-lg lg:text-xl !font-light leading-tight\">\r\n                            Gere imagens realistas para e-commerce usando intelig\u00eancia artificial.                        <\/p>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"flex flex-col md:flex-row gap-8\">\r\n                                                    <div>\r\n                                \r\n<a \r\n    id=\"hero-2-cta-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-white !outline-white hover:bg-[var(--color-primary)] hover:!text-white !text-[var(--color-primary)] hover:!outline-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"galeria-logos\"\r\n    class=\"audaces-wrapper w-full py-10 lg:py-16 2xl:py-20 bg-white\">\r\n            <!-- Cabe\u00e7alho (com margens) -->\r\n                    <div\r\n                class=\"flex flex-col gap-8 justify-center items-center w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 mb-12\">\r\n                                    <div class=\"text-center w-full\">\r\n                        <h2\r\n                            class=\"!my-0 !text-[#121212] !text-xl  !font-bold leading-7\">\r\n                            Mais de 20 mil empresas acreditam em nossas solu\u00e7\u00f5es                        <\/h2>\r\n                    <\/div>\r\n                                            <\/div>\r\n        \r\n        <!-- Carrossel (full width) -->\r\n                    <div class=\"audaces-galeria-logos-carousel w-full overflow-hidden\" data-enable-slider=\"true\">\r\n                <div class=\"carousel-track flex\">\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/1.CAPOBIANCO.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/2.Giadamarina.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/6.YASMIL.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LBRENNA.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Moda-Magia-Floriana-Formisano.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/SOKO-scaled.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Terra-Blu_Primal.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/PANTALONIFICIODURIO-vett.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/El-Zeppelin.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/CONFEZIONIELSA.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/5.MTP_.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/4.SIMONETESSADORI.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/3.RUPE_.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/RIVERLAND.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/VIVO02.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n        \r\n    <\/section>\r\n\r\n<style>\r\n    .audaces-wrapper .audaces-galeria-logos-carousel {\r\n        position: relative;\r\n        padding-inline: 0;\r\n        margin-inline: 0;\r\n        max-width: none;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-track {\r\n        display: flex;\r\n        will-change: transform;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        min-height: 120px;\r\n        \/* Altura m\u00ednima para acomodar texto *\/\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item:first-child {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item:last-child {\r\n        padding-right: 0;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item h4 {\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item p {\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 767px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 50%;\r\n            \/* 2 logos no mobile para acomodar texto *\/\r\n            min-height: 140px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.65rem;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) and (max-width: 1023px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 33.333%;\r\n            \/* 3 logos no tablet *\/\r\n            min-height: 130px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item img {\r\n            max-height: 50px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.7rem;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 20%;\r\n            \/* 5 logos no desktop para acomodar texto *\/\r\n            min-height: 120px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item img {\r\n            max-height: 60px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.875rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.75rem;\r\n        }\r\n    }\r\n\r\n    \/* Pause animation on hover *\/\r\n    .audaces-wrapper .audaces-galeria-logos-carousel:hover .carousel-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Estilos para modo est\u00e1tico *\/\r\n    .audaces-wrapper .audaces-galeria-logos-static {\r\n        width: 100%;\r\n        align-items: center;\r\n    }\r\n\r\n    .audaces-wrapper .audaces-galeria-logos-static img {\r\n        height: auto;\r\n        max-width: 150px;\r\n        width: auto;\r\n    }\r\n\r\n    \/* Responsive para modo est\u00e1tico *\/\r\n    @media (max-width: 767px) {\r\n        .audaces-wrapper .audaces-galeria-logos-static img {\r\n            max-width: 100%;\r\n        }\r\n    }\r\n<\/style>\n\n\r\n<section id=\"texto-video-v1\"\r\n    class=\"relative audaces-texto-video-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20  bg-[var(--color-primary)] lg:bg-[linear-gradient(to_right,var(--color-primary)_0%,var(--color-primary)_75%,#F2F2F2_75%)] \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n        <div class=\"w-full flex flex-col justify-center items-center gap-8 md:gap-8 2xl:gap-16\">\r\n            <div\r\n                class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 flex-col-reverse 2xl:gap-14 lg:gap-12\">\r\n                <!-- Content Column -->\r\n                <div class=\"w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 lg:w-2\/5\">\r\n                    <div class=\"w-full flex flex-col justify-start items-start gap-3.5\">\r\n                                                <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight !text-white\">\r\n                            O que \u00e9                        <\/p>\r\n                                                                        <div class=\"w-full\">\r\n                            <h2\r\n                                class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold !text-white\">\r\n                                Transforme a fotografia de moda para e-commerce com Clickfy.ai                            <\/h2>\r\n                        <\/div>\r\n                                            <\/div>\r\n\r\n                                        <div class=\"w-full\">\r\n                        <p\r\n                            class=\"!my-0 !text-base 2xl:!text-lg !font-light !text-white\">\r\n                            Com o poder da intelig\u00eancia artificial para e-commerce de moda, o Clickfy.ai gera imagens de produtos e modelos realistas em segundos.<br><br>Se voc\u00ea quer uma solu\u00e7\u00e3o com IA para fotos de moda que elimine a complexidade de um ensaio fotogr\u00e1fico de moda com custo elevado, esta \u00e9 a ferramenta ideal.<br><br>Visualizando imagens do seu produto em modelos virtuais, com esta plataforma, \u00e9 poss\u00edvel criar um cat\u00e1logo digital de moda completo e otimizar a presen\u00e7a da sua marca no digital, sem a necessidade de loca\u00e7\u00f5es de est\u00fadio.                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    \r\n                                    <\/div>\r\n                <!-- Image Column -->\r\n                <div class=\"relative w-full flex justify-center items-center lg:w-3\/5 group lg:justify-end\"\r\n                     id=\"texto-video-v1-video-trigger\" role=\"button\"\r\n                    tabindex=\"0\" aria-label=\"Abrir v\u00eddeo\">\r\n                                                                                                    <div\r\n                        class=\"w-full flex justify-center  items-center relative cursor-pointer overflow-hidden rounded-[20px] max-h-[500px] 2xl:max-h-[768px]\">\r\n                        <img decoding=\"async\" class=\"w-auto h-auto transition-transform duration-300 group-hover:scale-105 shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__thumb.webp\" alt=\"Content image\" \/>\r\n                                                <div class=\"absolute top-0 left-0 right-0 bottom-0 flex justify-center items-center\">\r\n                            <div\r\n                                class=\"md:w-30 md:h-30 w-20 h-20 bg-white rounded-full flex justify-center items-center transition-transform group-hover:scale-110\">\r\n                                <svg width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path\r\n                                        d=\"M4.51852 37.4717C3.53086 38.136 2.53037 38.1738 1.51704 37.5852C0.505679 36.9986 0 36.0921 0 34.8658V3.13503C0 1.90872 0.505679 1.00125 1.51704 0.412622C2.53037 -0.173963 3.53086 -0.135129 4.51852 0.529122L28.6667 16.3945C29.5556 17.0077 30 17.8763 30 19.0004C30 20.1245 29.5556 20.9932 28.6667 21.6063L4.51852 37.4717Z\"\r\n                                        fill=\"#0071CE\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Video Modal -->\r\n<div id=\"texto-video-v1-video-modal\"\r\n    class=\"fixed top-10 inset-0 z-50 hidden items-center justify-center bg-black bg-opacity-75 backdrop-blur-sm\"\r\n    role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"texto-video-v1-video-modal-title\">\r\n    <div class=\"relative w-full h-[400px] lg:h-[95%] max-w-5xl mx-auto flex items-center justify-center p-16\">\r\n        <!-- Close Button -->\r\n        <button id=\"texto-video-v1-video-modal-close\"\r\n            class=\"absolute top-16 right-4 z-10 w-10 h-10 bg-white rounded-full flex items-center justify-center text-gray-800 hover:bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-white cursor-pointer\"\r\n            aria-label=\"Fechar modal\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <!-- Video Container: dimens\u00f5es no pai \u2014 a iubenda pode reescrever classes do iframe -->\r\n        <div id=\"texto-video-v1-video-frame\"\r\n            class=\"relative w-full h-[400px] lg:h-[95%] rounded-xl overflow-hidden\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    const blockId = 'texto-video-v1';\r\n    const triggerId = blockId + '-video-trigger';\r\n    const modalId = blockId + '-video-modal';\r\n    const closeId = blockId + '-video-modal-close';\r\n    const frameId = blockId + '-video-frame';\r\n    const iframeId = blockId + '-video-iframe';\r\n    const videoEmbedUrl = 'https:\/\/www.youtube-nocookie.com\/embed\/hxHIFYJuDhk?autoplay=1&amp;rel=0&amp;modestbranding=1';\r\n\r\n    const trigger = document.getElementById(triggerId);\r\n    const modal = document.getElementById(modalId);\r\n    const closeBtn = document.getElementById(closeId);\r\n    const frame = document.getElementById(frameId);\r\n\r\n    if (!trigger || !modal || !closeBtn || !frame) return;\r\n\r\n    function createVideoIframe() {\r\n        const iframe = document.createElement('iframe');\r\n        iframe.id = iframeId;\r\n        \/\/ _iub_cs_skip: iubenda n\u00e3o deve bloquear\/reescrever este embed (carga sob clique do usu\u00e1rio)\r\n        iframe.className = 'absolute inset-0 w-full h-full rounded-xl _iub_cs_skip';\r\n        iframe.setAttribute('style', 'width:100%;height:100%;border:0;');\r\n        iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen');\r\n        iframe.setAttribute('allowfullscreen', '');\r\n        iframe.setAttribute('title', 'Video Player');\r\n        iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\r\n        iframe.src = videoEmbedUrl;\r\n        return iframe;\r\n    }\r\n\r\n    function openModal() {\r\n        modal.classList.remove('hidden');\r\n        modal.classList.add('flex');\r\n        frame.replaceChildren(createVideoIframe());\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeModal() {\r\n        modal.classList.add('hidden');\r\n        modal.classList.remove('flex');\r\n        frame.replaceChildren();\r\n        document.body.style.overflow = '';\r\n    }\r\n\r\n    trigger.addEventListener('click', openModal);\r\n    trigger.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n            e.preventDefault();\r\n            openModal();\r\n        }\r\n    });\r\n\r\n    closeBtn.addEventListener('click', closeModal);\r\n\r\n    modal.addEventListener('click', function(e) {\r\n        if (e.target === modal) {\r\n            closeModal();\r\n        }\r\n    });\r\n\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape' && !modal.classList.contains('hidden')) {\r\n            closeModal();\r\n        }\r\n    });\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n#texto-video-v1-video-modal {\r\n    animation: fadeIn 0.3s ease-in-out;\r\n}\r\n\r\n#texto-video-v1-video-modal.hidden {\r\n    display: none;\r\n}\r\n\r\n#texto-video-v1-video-modal.flex {\r\n    display: flex;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n<\/style>\r\n\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse lg:flex-row-reverse\">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div class=\"inline-flex justify-start items-start\">\r\n                                    <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight\">\r\n                                        Para quem                                    <\/p>\r\n                                <\/div>\r\n                                                                                                        <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    Produ\u00e7\u00e3o de fotos para loja de roupas                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                Este gerador de modelo com IA foi desenhado especificamente para confec\u00e7\u00f5es e marcas que buscam inova\u00e7\u00e3o atrav\u00e9s de um software para e-commerce de moda.<br><br>A solu\u00e7\u00e3o facilita o processo ao criar fotos de roupas com IA em m\u00faltiplos \u00e2ngulos e perfis. Al\u00e9m disso, com a funcionalidade de um provador virtual com IA para marcas, voc\u00ea exibe como a pe\u00e7a veste no corpo do manequim digital para valorizar cada apresenta\u00e7\u00e3o de cole\u00e7\u00e3o de moda.<br><br>Com a tecnologia Clickfy.ai by Audaces, seu time ganha velocidade ao entender como tirar fotos de roupas para e-commerce sem depender de processos manuais lentos.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                            <div\r\n                            class=\"mt-5 inline-flex self-start items-start \">\r\n                            \r\n<a \r\n    id=\"texto-imagem-v2-cta-button-cta-primary-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-start max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/IM-SOFTWARES__Vantagens-clickfy.webp\"\r\n                                    alt=\"Produ\u00e7\u00e3o de fotos para loja de roupas\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"tabs-v1\" class=\"relative audaces-tabs-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20 \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 relative\">\r\n        <div class=\"bg-white absolute top-0 2xl:bottom-20 lg:bottom-16 left-0 w-2\/3 h-full lg:h-[calc(100%-4rem)] 2xl:h-[calc(100%-5rem)] rounded-[24px]\"><\/div>\r\n        <div class=\"bg-white absolute 2xl:top-20 lg:top-16 bottom-0 right-0 w-2\/3 h-full lg:h-[calc(100%-4rem)] 2xl:h-[calc(100%-5rem)] rounded-[24px]\"><\/div>\r\n        <div class=\"relative z-1 w-full flex flex-col justify-start items-start gap-4 2xl:gap-8 py-10 lg:py-16 2xl:py-20\">\r\n            <!-- Header Section (Eyebrow, Title, Description) -->\r\n            <div class=\"w-full flex flex-col justify-start items-start gap-3.5 lg:w-7\/12\">\r\n                                                    <div class=\"w-full\">\r\n                        <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                            Vantagens que s\u00f3 o Clickfy.ai entrega                        <\/h2>\r\n                    <\/div>\r\n                                                    <div class=\"w-full\">\r\n                        <p class=\"!my-0 !text-base 2xl:!text-lg !font-light !text-[var(--color-text)]\">\r\n                            Alavanque suas vendas com um software para e-commerce de moda focado na automa\u00e7\u00e3o de imagens.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Tabs Section -->\r\n            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                <!-- Tabs Navigation (First Column - 1\/3) -->\r\n                <div class=\"w-full lg:w-1\/3 flex flex-col gap-2.5\">\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-[var(--color-primary)] text-white shadow-[0px_11px_18px_0px_rgba(0,0,0,0.11)]\"\r\n                            data-tab-index=\"0\"\r\n                            aria-selected=\"true\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Fotos com IA<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"1\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Redu\u00e7\u00e3o de custos<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"2\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Prova virtual<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"3\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Presen\u00e7a digital<\/span>\r\n                        <\/button>\r\n                                    <\/div>\r\n\r\n                <!-- Tab Content (Second and Third Columns - 2\/3) -->\r\n                <div class=\"w-full lg:w-2\/3\">\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content \"\r\n                            data-tab-content-index=\"0\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-01.webp\"\r\n                                                alt=\"Crie imagens em alta defini\u00e7\u00e3o sem est\u00fadio\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Crie imagens em alta defini\u00e7\u00e3o sem est\u00fadio                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Gerencie a cria\u00e7\u00e3o visual da sua marca usando um gerador de modelo com IA de alta precis\u00e3o.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-0-cta-primary-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"1\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-02.webp\"\r\n                                                alt=\"Otimize o custo do ensaio fotogr\u00e1fico de moda\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Otimize o custo do ensaio fotogr\u00e1fico de moda                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Economize com viagens e equipes aprendendo como criar fotos de produtos sem modelo presencial.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-1-cta-primary-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"2\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-03.webp\"\r\n                                                alt=\"Conte com um provador virtual de IA para marcas\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Conte com um provador virtual de IA para marcas                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Exiba o caimento em diversos biotipos no momento da apresenta\u00e7\u00e3o da cole\u00e7\u00e3o de moda.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-2-cta-primary-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"3\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-04.webp\"\r\n                                                alt=\"Tenha imagens prontas para cat\u00e1logo de roupas\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Tenha imagens prontas para cat\u00e1logo de roupas                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Exporte os arquivos nas propor\u00e7\u00f5es exatas exigidas pela fotografia de moda para e-commerce.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-3-cta-primary-cta-button\" \r\n    href=\"#fale-conosco\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Assine Clickfy.ai    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n\r\n<section id=\"cards-genericos-1\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 !bg-white\">\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div class=\"w-full flex flex-col justify-center items-start gap-1.5 mb-12\">\r\n                        <div class=\"inline-flex justify-start items-start\">\r\n                <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight\">\r\n                    Benef\u00edcios                <\/p>\r\n            <\/div>\r\n                                    <div class=\"w-full\">\r\n                <h2\r\n                    class=\"!my-0 !text-3xl lg:!text-4xl !text-[var(--color-primary)] !font-bold leading-tight !text-bold\">\r\n                    O que voc\u00ea ganha desde o primeiro dia                <\/h2>\r\n            <\/div>\r\n                                <\/div>\r\n                                <!-- Layout 1 (3 col) \/ Layout 4 (4 col, basis 25%) -->\r\n        <div class=\"w-full flex flex-wrap gap-4 lg:gap-12 justify-center\">\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-rocket\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Agilidade no teste de tend\u00eancias                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Lance cole\u00e7\u00f5es-c\u00e1psula no site de forma experimental, medindo o interesse e o volume de vendas antes mesmo de produzir em escala industrial.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-cloud-sun\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Independ\u00eancia de clima e calend\u00e1rio                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Elimine imprevistos meteorol\u00f3gicos em ensaios outdoor, cancelamentos de \u00faltima hora ou indisponibilidade de agenda de profissionais.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-picture\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Padroniza\u00e7\u00e3o visual no e-commerce                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Facilite a padroniza\u00e7\u00e3o das imagens para atender com precis\u00e3o \u00e0s diretrizes de fundo, enquadramento e contraste de grandes canais de venda (marketplaces).                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-recycle\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Menos desperd\u00edcio de material gr\u00e1fico                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Valide a est\u00e9tica de cat\u00e1logos f\u00edsicos antes da impress\u00e3o ou veicula\u00e7\u00e3o de campanhas pagas, garantindo que apenas as melhores composi\u00e7\u00f5es sejam produzidas.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-chart-histogram\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Escalabilidade para cat\u00e1logos longos                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Viabilize a produ\u00e7\u00e3o visual de linhas inteiras com alto volume de SKUs, mantendo a mesma qualidade fotogr\u00e1fica sem ultrapassar o or\u00e7amento de marketing.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-clock\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Otimiza\u00e7\u00e3o de tempo para reposi\u00e7\u00f5es                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Coloque pe\u00e7as de recompra ou novas varia\u00e7\u00f5es de cores e tamanhos \u00e0 venda no e-commerce no mesmo dia em que chegam ao estoque.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n                \r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse \">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 1                                    <\/p>\r\n                                <\/div>\r\n                                                                                                        <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    Gerador de fotos de produtos para e-commerce com IA                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                Basta carregar as fotos das suas pe\u00e7as no sistema e a intelig\u00eancia artificial analisa o caimento, a textura e os detalhes da modelagem.<br><br>Em segundos, o software renderiza a roupa vestida em modelos digitais hiperrealistas, preservando a fidelidade do tecido, das estampas e das costuras para encantar seus clientes na loja virtual.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-end max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Recurso01.webp\"\r\n                                    alt=\"Gerador de fotos de produtos para e-commerce com IA\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse lg:flex-row-reverse\">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 2                                    <\/p>\r\n                                <\/div>\r\n                                                                                                        <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    Personaliza\u00e7\u00e3o completa dos avatares digitais                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                Voc\u00ea pode selecionar etnias, biotipos, faixas et\u00e1rias, estilos de cabelo e uma ampla variedade de poses que melhor valorizam os pontos fortes de cada pe\u00e7a.<br><br>Esse n\u00edvel de customiza\u00e7\u00e3o permite criar ensaios focados em nichos espec\u00edficos e adaptar campanhas para diferentes mercados, mantendo um alto padr\u00e3o de engajamento em todos os seus canais de venda.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-start max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Recurso-2.webp\"\r\n                                    alt=\"Personaliza\u00e7\u00e3o completa dos avatares digitais\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse \">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 3                                    <\/p>\r\n                                <\/div>\r\n                                                                                                        <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    Exporta\u00e7\u00e3o de imagem para cat\u00e1logo de roupas                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                O Clickfy.ai ajusta automaticamente o enquadramento, a resolu\u00e7\u00e3o e a propor\u00e7\u00e3o das imagens para atender aos padr\u00f5es de e-commerces, marketplaces e redes sociais.<br><br>As fotos s\u00e3o disponibilizadas em alta defini\u00e7\u00e3o e prontas para uso imediato, eliminando etapas operacionais de corte ou edi\u00e7\u00e3o e acelerando o tempo de publica\u00e7\u00e3o das suas cole\u00e7\u00f5es.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-end max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__Recurso-3-.webp\"\r\n                                    alt=\"Exporta\u00e7\u00e3o de imagem para cat\u00e1logo de roupas\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"fale-conosco\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20 bg-[var(--color-primary)] !pb-0 lg:!pb-16 2xl:!pb-20\">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center items-center gap-8 md:gap-8 2xl:gap-16 min-h-[550px]\">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14  \">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                            <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    <span style=\"color: #ffffff\">N\u00e3o deixe mais os gargalos atrasarem suas entregas!<\/span>                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                <span style=\"color: #ffffff\">Preencha seus dados abaixo e receba o contato de um especialista:<\/span>                            <\/p>\r\n                        <\/div>\r\n                    \r\n                                            <div class=\"w-full \">\r\n                            \t<div class=\"audaces-form-builder-wrapper bg-white p-4 rounded-lg w-full \">\r\n\t\t<form\r\n\t\t\tclass=\"audaces-form-builder\"\r\n\t\t\tid=\"audaces-fb-fale-conosco-tf\"\r\n\t\t\tmethod=\"post\"\r\n\t\t\taction=\"https:\/\/audaces.com\/pt-br\/wp-json\/audaces-theme\/v1\/webtolead\"\r\n\t\t\tdata-rest-url=\"https:\/\/audaces.com\/pt-br\/wp-json\/audaces-theme\/v1\/webtolead\"\r\n\t\t\tdata-success-url=\"\"\r\n\t\t\tdata-form-lang=\"pt-br\"\r\n\t\t\tdata-msg-required=\"Preencha os campos obrigat\u00f3rios.\"\r\n\t\t\tdata-msg-submit-error=\"N\u00e3o foi poss\u00edvel enviar. Tente novamente.\"\r\n\t\t\tdata-msg-network-error=\"Erro de rede. Tente novamente.\"\r\n\t\t\tnovalidate>\r\n\t\t\t<input type=\"hidden\" name=\"oid\" value=\"00DHo000002h3rq\" \/>\r\n\t\t\t\r\n\t\t\t<input type=\"hidden\" name=\"00NbL0000053l7Z\" value=\"Brasil\" data-audaces-business-unit=\"1\" \/>\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL00000GAxDh\" value=\"Software\" data-audaces-hidden-product-family=\"1\" \/>\r\n\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL00000FiE53\" value=\"BR_site_LQ_aquisition_CM_A360-clickfy\" data-audaces-hidden-campaign=\"1\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"00NbL00000G1z1p\" value=\"Entrada\" data-audaces-hidden-lead-origin=\"1\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"recordType\" value=\"012bL000003tWVN\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"lead_source\" value=\"Digital\/Inbound\" \/>\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL000003xMpS\" value=\"\" data-audaces-phone-country-code-hidden=\"1\" \/>\r\n\t\t\t\r\n\t\t\t<input type=\"hidden\" name=\"00NbL00000FDemy\" value=\"\" data-audaces-fill=\"utm_source\" \/>\n<input type=\"hidden\" name=\"00NbL00000FDemx\" value=\"\" data-audaces-fill=\"utm_medium\" \/>\n<input type=\"hidden\" name=\"00NbL00000FDemv\" value=\"\" data-audaces-fill=\"utm_campaign\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvU\" value=\"\" data-audaces-fill=\"utm_campaign_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvV\" value=\"\" data-audaces-fill=\"utm_campaign_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvW\" value=\"\" data-audaces-fill=\"utm_medium_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvX\" value=\"\" data-audaces-fill=\"utm_medium_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvY\" value=\"\" data-audaces-fill=\"utm_source_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvZ\" value=\"\" data-audaces-fill=\"utm_source_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiFCP\" value=\"\" data-audaces-fill=\"tracking_facebook\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiG6r\" value=\"\" data-audaces-fill=\"tracking_google\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiF5y\" value=\"\" data-audaces-fill=\"tracking_linkedin\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvK\" value=\"\" data-audaces-fill=\"tracking_facebook_fbc\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvL\" value=\"\" data-audaces-fill=\"tracking_facebook_fbp\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvM\" value=\"\" data-audaces-fill=\"tracking_google_gbraid\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvN\" value=\"\" data-audaces-fill=\"tracking_google_wbraid\" \/>\n<input type=\"hidden\" name=\"00NbL00000GCyvF\" value=\"\" data-audaces-fill=\"last_page\" \/>\n<input type=\"hidden\" name=\"00NbL00000HPmNp\" value=\"\" data-audaces-fill=\"conversion_page_url\" \/>\n\r\n\t\t\t\r\n\t\t\t<div class=\"audaces-form-builder-fields space-y-4\">\r\n\t\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t\t\t<div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-first_name\">Nome completo <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"text\" id=\"audaces-fb-fale-conosco-tf-first_name\" name=\"first_name\" required data-field-key=\"first_name\" \/><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-email\">E-mail <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"email\" id=\"audaces-fb-fale-conosco-tf-email\" name=\"email\" required data-field-key=\"email\" \/><\/div><fieldset class=\"audaces-form-builder-field flex flex-col gap-1 min-w-0 border-0 p-0 m-0 min-w-0\"><legend class=\"text-sm font-medium text-[#262a31]\">Telefone <span class=\"text-red-600\">*<\/span><\/legend><div class=\"audaces-phone-input-group flex flex-row gap-2 items-center min-w-0\" data-field-key=\"phone\" data-default-country=\"BR\"><div class=\"audaces-phone-country-shell relative flex-shrink-0\"><label class=\"sr-only\" for=\"audaces-fb-fale-conosco-tf-phone-country-trigger\">C\u00f3digo do pa\u00eds<\/label><button type=\"button\" id=\"audaces-fb-fale-conosco-tf-phone-country-trigger\" class=\"audaces-phone-country-trigger flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md border border-gray-400 bg-white text-xl leading-none text-[#262a31] hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-[#0066FF] focus:ring-offset-1\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-controls=\"audaces-fb-fale-conosco-tf-phone-country-list\"><span class=\"audaces-phone-trigger-flag select-none\" aria-hidden=\"true\"><\/span><\/button><select id=\"audaces-fb-fale-conosco-tf-phone-country\" class=\"audaces-phone-country audaces-phone-country-native sr-only\" tabindex=\"-1\" aria-hidden=\"true\"><\/select><ul id=\"audaces-fb-fale-conosco-tf-phone-country-list\" class=\"audaces-phone-country-list absolute left-0 top-full z-50 mt-1 hidden max-h-60 min-w-[min(100vw-2rem,20rem)] overflow-y-auto rounded-md border border-gray-400 bg-white py-1 shadow-lg\" role=\"listbox\"><\/ul><\/div><input class=\"audaces-phone-input flex-1 min-w-0 h-10 rounded-md border border-gray-400 px-3 text-sm text-[#262a31]\" type=\"tel\" id=\"audaces-fb-fale-conosco-tf-phone\" name=\"phone\" required placeholder=\"\" autocomplete=\"tel-national\" \/><\/div><\/fieldset><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-company\">Empresa <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"text\" id=\"audaces-fb-fale-conosco-tf-company\" name=\"company\" required data-field-key=\"company\" \/><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-cargo\">Cargo <span class=\"text-red-600\">*<\/span><\/label><select class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" id=\"audaces-fb-fale-conosco-tf-cargo\" name=\"00NbL00000Fzkzp\" required data-field-key=\"cargo\"><option value=\"\">Selecione\u2026<\/option><option value=\"Propriet\u00e1rio\/S\u00f3cio\">Propriet\u00e1rio\/S\u00f3cio<\/option><option value=\"Diretor\/Gerente\">Diretor\/Gerente<\/option><option value=\"Gerente de Produ\u00e7\u00e3o\">Gerente de Produ\u00e7\u00e3o<\/option><option value=\"Modelista\">Modelista<\/option><option value=\"Estilista\/Designer\">Estilista\/Designer<\/option><option value=\"Estudante\">Estudante<\/option><option value=\"Professor\">Professor<\/option><option value=\"Operador de CAD\">Operador de CAD<\/option><option value=\"Costureira(o)\">Costureira(o)<\/option><option value=\"MEI\">MEI<\/option><option value=\"Outro\">Outro<\/option><\/select><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-production\">Produ\u00e7\u00e3o mensal <span class=\"text-red-600\">*<\/span><\/label><select class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" id=\"audaces-fb-fale-conosco-tf-production\" name=\"00NbL00000FDelN\" required data-field-key=\"production\"><option value=\"\">Selecione\u2026<\/option><option value=\"At\u00e9 1.000 pe\u00e7as\">At\u00e9 1.000 pe\u00e7as<\/option><option value=\"Entre 1.001 e 5.000 pe\u00e7as\">Entre 1.001 e 5.000 pe\u00e7as<\/option><option value=\"Entre 5.001 e 10.000 pe\u00e7as\">Entre 5.001 e 10.000 pe\u00e7as<\/option><option value=\"Entre 10.001 e 20.000 pe\u00e7as\">Entre 10.001 e 20.000 pe\u00e7as<\/option><option value=\"Entre 20.001 e 50.000 pe\u00e7as\">Entre 20.001 e 50.000 pe\u00e7as<\/option><option value=\"Entre 50.001 e 100.000 pe\u00e7as\">Entre 50.001 e 100.000 pe\u00e7as<\/option><option value=\"Mais de 100.000 pe\u00e7as\">Mais de 100.000 pe\u00e7as<\/option><option value=\"Iniciando neg\u00f3cio\">Iniciando neg\u00f3cio<\/option><\/select><\/div>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"mt-1 w-4 h-4\" id=\"audaces-fb-fale-conosco-tf-consent-consultant\" name=\"00NbL00000FiGmn\" value=\"1\" required \/>\r\n\t\t\t\t\t\t\t<label class=\"text-xs text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-consent-consultant\">\r\n\t\t\t\t\t\t\t\tConcordo que meus dados pessoais sejam processados para responder \u00e0 minha solicita\u00e7\u00e3o, incluindo ser contatado por um consultor, conforme descrito na <a href=\"https:\/\/www.audaces.com\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0066FF] underline\">Pol\u00edtica de Privacidade<\/a>. *\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"mt-1 w-4 h-4\" id=\"audaces-fb-fale-conosco-tf-consent-marketing\" name=\"00NbL00000FiGjZ\" value=\"1\"  \/>\r\n\t\t\t\t\t\t\t<label class=\"text-xs text-[#262a31]\" for=\"audaces-fb-fale-conosco-tf-consent-marketing\">\r\n\t\t\t\t\t\t\t\tConcordo em receber comunica\u00e7\u00f5es de marketing, incluindo not\u00edcias, ofertas e atualiza\u00e7\u00f5es de produtos, conforme descrito na <a href=\"https:\/\/www.audaces.com\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0066FF] underline\">Pol\u00edtica de Privacidade<\/a>.\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"flex justify-center cf-turnstile-wrap\">\r\n\t\t\t\t\t<div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAABvLOTCWaUb-Bbxn\" data-callback=\"audacesFormBuilderTurnstileCallback\"><\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"audaces-form-builder-message text-sm text-center hidden\" role=\"alert\"><\/div>\r\n\r\n\t\t\t\t<button type=\"submit\" class=\"audaces-form-builder-submit w-full cursor-pointer px-6 py-3 bg-[#0066FF] text-white rounded-lg text-base font-medium hover:bg-[#0855b8] transition-colors disabled:cursor-not-allowed disabled:opacity-60\">\r\n\t\t\t\t\tEnviar\t\t\t\t<\/button>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"audaces-form-builder-success hidden py-10 px-6 text-center\" role=\"status\" aria-live=\"polite\">\r\n\t\t\t\t<div class=\"audaces-form-builder-success-icon mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-full bg-[#e8f5e9] text-[#2e7d32] scale-0 opacity-0 transition-all duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)]\" aria-hidden=\"true\">\r\n\t\t\t\t\t<svg class=\"h-8 w-8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\" \/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<p class=\"audaces-form-builder-success-text text-xl font-semibold leading-snug text-[#262a31] opacity-0 translate-y-2 transition-all duration-500 ease-out delay-100\">\r\n\t\t\t\t\tEnvio realizado com sucesso.\t\t\t\t<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t<\/div>\r\n                        <\/div>\r\n                    \r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-end max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:absolute lg:bottom-0\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover  \"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/audara-1-v2.webp\"\r\n                                    alt=\"N\u00e3o deixe mais os gargalos atrasarem suas entregas!\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"faq-sidebar\" class=\"w-full \">\r\n\r\n    <div\r\n        class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 flex flex-col lg:flex-row gap-8 lg:gap-16\">\r\n        <!-- Coluna FAQ (2\/3) -->\r\n        <div\r\n            class=\"relative w-full min-w-0 lg:w-2\/3 lg:pr-16 py-10 lg:py-16 2xl:py-20 max-lg:!pb-4\">\r\n            <div class=\"absolute inset-y-0 top-0 bottom-0 right-0 left-[calc(50%-50vw)] -z-10 hidden bg-white lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div class=\"flex flex-col gap-5 mb-12 lg:mb-16\">\r\n                                    <div>\r\n                        <h2 class=\" !my-0 !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-bold\">\r\n                            Perguntas frequentes                        <\/h2>\r\n                    <\/div>\r\n                \r\n                            <\/div>\r\n                            <div class=\"flex flex-col gap-0\">\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-1\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-1-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        01                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        O que \u00e9 o Clickfy.ai e como ele funciona?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-1-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    O Clickfy.ai by Audaces \u00e9 uma solu\u00e7\u00e3o baseada em intelig\u00eancia artificial para e-commerce de moda que gera imagens de produtos e modelos realistas para o setor t\u00eaxtil.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-2\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-2-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        02                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Como criar fotos de produtos sem modelo usando a plataforma?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-2-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    A solu\u00e7\u00e3o permite criar fotos de roupas com IA, enviando imagens das pe\u00e7as para serem aplicadas em modelos virtuais em poucos segundos.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-3\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-3-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        03                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        O sistema ajuda a entender como fazer lookbook digital?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-3-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Sim, ele simplifica a cria\u00e7\u00e3o de um cat\u00e1logo digital de moda completo, eliminando as etapas demoradas de um ensaio fotogr\u00e1fico presencial.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-4\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-4-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        04                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        As fotos substituem a fotografia de moda para e-commerce tradicional?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-4-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Sim, o gerador de modelo com IA entrega imagens de alta qualidade preparadas para o cadastro direto em lojas virtuais.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-5\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-5-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        05                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Como funciona o provador virtual com IA para marcas?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-5-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    O recurso permite avaliar o caimento das pe\u00e7as nos avatares digitais antes do envio final das fotos.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-6\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-6-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        06                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        A solu\u00e7\u00e3o ajuda a tirar fotos de roupas para e-commerce?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-6-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Exatamente. Com ela, voc\u00ea reduz a necessidade de equipamentos caros e melhora a qualidade da produ\u00e7\u00e3o de fotos para loja de roupas.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-7\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-7-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        07                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00c9 poss\u00edvel integrar o fluxo com uma plataforma para cat\u00e1logo de roupas?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-7-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Sim, os arquivos gerados no Clickfy.ai podem ser exportados nos formatos exatos para uso em seu e-commerce de moda.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-8\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-8-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        08                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        O Clickfy.ai atende ao lan\u00e7amento de cole\u00e7\u00f5es?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-8-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Com certeza. Ele acelera a prepara\u00e7\u00e3o visual para qualquer apresenta\u00e7\u00e3o de cole\u00e7\u00e3o de moda.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-9\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-9-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        09                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        O Clickfy.ai garante a fidelidade de cores, estampas e texturas do tecido?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-9-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Sim. A tecnologia do Clickfy.ai preserva com precis\u00e3o o caimento, as cores, as texturas e as estampas originais da pe\u00e7a ao criar fotos de roupas com IA.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-10\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-10-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        10                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Posso usar as imagens do Clickfy.ai para criar an\u00fancios pagos e redes sociais?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-10-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Sim. As imagens s\u00e3o geradas em alta defini\u00e7\u00e3o para uso em redes sociais, an\u00fancios e em sua plataforma para cat\u00e1logo de roupas com liberdade de uso comercial.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n\r\n        <!-- Coluna Sidebar (1\/3) -->\r\n        <div class=\"relative w-full min-w-0 lg:w-1\/3 py-10 lg:py-16 2xl:py-20 max-lg:!pt-0\">\r\n            <div class=\"absolute inset-y-0 left-0 right-[calc(50%-50vw)] -z-10 hidden bg-[#f2f2f2] lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div\r\n                class=\"-mx-6 flex min-h-full flex-col justify-between bg-[#f2f2f2] px-6 lg:mx-0 lg:bg-transparent lg:px-0\">\r\n                <!-- T\u00edtulo e Descri\u00e7\u00e3o no topo -->\r\n                <div class=\"flex flex-col gap-4 mb-8\">\r\n                                            <h2 class=\"!my-0 !text-[var(--color-primary)] !text-3xl lg:!text-[2rem] max-w-[18rem] !font-bold\">\r\n                            se voc\u00ea est\u00e1 perguntando,<br> j\u00e1 est\u00e1 se aproximando.                        <\/h2>\r\n                    \r\n                                            <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-base !font-normal\">\r\n                            Aqui, respondemos o que \u00e9 mais recorrente, para que voc\u00ea tire todas as suas d\u00favidas sobre a nossa solu\u00e7\u00e3o.                        <\/p>\r\n                                    <\/div>\r\n\r\n                <!-- Card de Contato no bottom -->\r\n                <div id=\"faq-sidebar-contact-card\"\r\n                    class=\"w-full max-w-80 mt-auto flex flex-col gap-4 cursor-pointer\">\r\n                    <!-- T\u00edtulo do Card -->\r\n                    <div class=\"text-[var(--color-primary)] text-xl font-bold \">\r\n                        Se preferir, chame a Audara.                    <\/div>\r\n\r\n                    <!-- Box do Card -->\r\n                    <div\r\n                        class=\"bg-white rounded-[10px] shadow-[0px_10px_14px_0px_rgba(0,0,0,0.25)] border border-[#eaeaea] p-4 flex items-center gap-4\">\r\n                        <!-- Imagem Avatar -->\r\n                        <img decoding=\"async\" class=\"w-16 h-16 rounded-full shadow-[0px_5px_14px_0px_rgba(0,0,0,0.17)] border-2 border-white flex-shrink-0\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/faq-sidebar-audara.webp\"\r\n                            alt=\"Audara\" \/>\r\n\r\n                        <!-- Nome e Cargo -->\r\n                        <div class=\"flex flex-col justify-start items-start flex-1 min-w-0\">\r\n                            <div class=\"text-[var(--color-primary)] text-base font-bold\">\r\n                                Audara                            <\/div>\r\n                            <div class=\"text-[var(--color-primary)] text-sm font-normal\">\r\n                                Assistente                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Separador -->\r\n                        <div class=\"w-px h-16 opacity-10 bg-[var(--color-primary)] flex-shrink-0\"><\/div>\r\n\r\n                        <!-- \u00cdcone -->\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"38\" height=\"40\" viewBox=\"0 0 38 40\" fill=\"none\"\r\n                            class=\"text-[var(--color-primary)]\">\r\n                            <path\r\n                                d=\"M16.9875 38.0952H3.77499C1.67987 38.0952 0 36.381 0 34.2857L0.0188749 7.61905C0.0188749 5.52381 1.67987 3.80952 3.77499 3.80952H5.66249V0H9.43748V3.80952H24.5374V0H28.3124V3.80952H30.1999C32.2762 3.80952 33.9749 5.52381 33.9749 7.61905V19.0476H30.1999V15.2381H3.77499V34.2857H16.9875V38.0952ZM36.1078 28.5524L37.4479 27.2C38.184 26.4571 38.184 25.2571 37.4479 24.5143L36.1078 23.1619C35.3717 22.419 34.1825 22.419 33.4464 23.1619L32.1063 24.5143L36.1078 28.5524ZM34.7677 29.9048L24.7639 40H20.7624V35.9619L30.7662 25.8667L34.7677 29.9048Z\"\r\n                                fill=\"currentColor\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n    <script type=\"application\/ld+json\">\r\n        {\r\n            \"@context\": \"https:\/\/schema.org\",\r\n            \"@type\": \"FAQPage\",\r\n            \"mainEntity\": [{\"@type\":\"Question\",\"name\":\"O que \u00e9 o Clickfy.ai e como ele funciona?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"O Clickfy.ai by Audaces \u00e9 uma solu\u00e7\u00e3o baseada em intelig\u00eancia artificial para e-commerce de moda que gera imagens de produtos e modelos realistas para o setor t\u00eaxtil.\"}},{\"@type\":\"Question\",\"name\":\"Como criar fotos de produtos sem modelo usando a plataforma?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A solu\u00e7\u00e3o permite criar fotos de roupas com IA, enviando imagens das pe\u00e7as para serem aplicadas em modelos virtuais em poucos segundos.\"}},{\"@type\":\"Question\",\"name\":\"O sistema ajuda a entender como fazer lookbook digital?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim, ele simplifica a cria\u00e7\u00e3o de um cat\u00e1logo digital de moda completo, eliminando as etapas demoradas de um ensaio fotogr\u00e1fico presencial.\"}},{\"@type\":\"Question\",\"name\":\"As fotos substituem a fotografia de moda para e-commerce tradicional?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim, o gerador de modelo com IA entrega imagens de alta qualidade preparadas para o cadastro direto em lojas virtuais.\"}},{\"@type\":\"Question\",\"name\":\"Como funciona o provador virtual com IA para marcas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"O recurso permite avaliar o caimento das pe\u00e7as nos avatares digitais antes do envio final das fotos.\"}},{\"@type\":\"Question\",\"name\":\"A solu\u00e7\u00e3o ajuda a tirar fotos de roupas para e-commerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Exatamente. Com ela, voc\u00ea reduz a necessidade de equipamentos caros e melhora a qualidade da produ\u00e7\u00e3o de fotos para loja de roupas.\"}},{\"@type\":\"Question\",\"name\":\"\u00c9 poss\u00edvel integrar o fluxo com uma plataforma para cat\u00e1logo de roupas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim, os arquivos gerados no Clickfy.ai podem ser exportados nos formatos exatos para uso em seu e-commerce de moda.\"}},{\"@type\":\"Question\",\"name\":\"O Clickfy.ai atende ao lan\u00e7amento de cole\u00e7\u00f5es?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Com certeza. Ele acelera a prepara\u00e7\u00e3o visual para qualquer apresenta\u00e7\u00e3o de cole\u00e7\u00e3o de moda.\"}},{\"@type\":\"Question\",\"name\":\"O Clickfy.ai garante a fidelidade de cores, estampas e texturas do tecido?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim. A tecnologia do Clickfy.ai preserva com precis\u00e3o o caimento, as cores, as texturas e as estampas originais da pe\u00e7a ao criar fotos de roupas com IA.\"}},{\"@type\":\"Question\",\"name\":\"Posso usar as imagens do Clickfy.ai para criar an\u00fancios pagos e redes sociais?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim. As imagens s\u00e3o geradas em alta defini\u00e7\u00e3o para uso em redes sociais, an\u00fancios e em sua plataforma para cat\u00e1logo de roupas com liberdade de uso comercial.\"}}]        }\r\n    <\/script>\r\n\r\n<script>\r\n    (function() {\r\n        const sectionId = 'faq-sidebar';\r\n        const section = document.getElementById(sectionId);\r\n        if (!section) return;\r\n\r\n        const faqButtons = section.querySelectorAll('.faq-question-btn');\r\n\r\n        faqButtons.forEach((button) => {\r\n            button.addEventListener('click', function() {\r\n                const faqId = this.getAttribute('data-faq-id');\r\n                const answer = section.querySelector('#' + faqId + '-answer');\r\n                const icon = this.querySelector('.faq-icon');\r\n                \/\/ Cachear elementos antes de modificar DOM para evitar reflow\r\n                const iconVertical = icon ? icon.querySelector('.faq-icon-vertical') : null;\r\n                const isExpanded = this.getAttribute('aria-expanded') === 'true';\r\n\r\n                \/\/ Usar requestAnimationFrame para agrupar todas as modifica\u00e7\u00f5es\r\n                requestAnimationFrame(() => {\r\n                    if (isExpanded) {\r\n                        \/\/ Fecha\r\n                        answer.classList.add('hidden');\r\n                        this.setAttribute('aria-expanded', 'false');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('rotate-0');\r\n                            iconVertical.classList.add('-rotate-90');\r\n                        }\r\n                    } else {\r\n                        \/\/ Fecha todas as outras - cachear elementos primeiro\r\n                        const elementsToClose = [];\r\n                        faqButtons.forEach((btn) => {\r\n                            if (btn !== this) {\r\n                                const btnFaqId = btn.getAttribute('data-faq-id');\r\n                                const btnAnswer = section.querySelector('#' + btnFaqId +\r\n                                    '-answer');\r\n                                const btnIcon = btn.querySelector('.faq-icon');\r\n                                if (btnAnswer) {\r\n                                    const verticalLine = btnIcon ? btnIcon\r\n                                        .querySelector('.faq-icon-vertical') : null;\r\n                                    elementsToClose.push({\r\n                                        answer: btnAnswer,\r\n                                        button: btn,\r\n                                        verticalLine: verticalLine\r\n                                    });\r\n                                }\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Fechar todas de uma vez\r\n                        elementsToClose.forEach((item) => {\r\n                            item.answer.classList.add('hidden');\r\n                            item.button.setAttribute('aria-expanded', 'false');\r\n                            if (item.verticalLine) {\r\n                                item.verticalLine.classList.remove('rotate-0');\r\n                                item.verticalLine.classList.add('-rotate-90');\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Abre esta\r\n                        answer.classList.remove('hidden');\r\n                        this.setAttribute('aria-expanded', 'true');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('-rotate-90');\r\n                            iconVertical.classList.add('rotate-0');\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Card de Contato - Clique no iframe\r\n        const contactCardId = 'faq-sidebar-contact-card';\r\n        const contactCard = document.getElementById(contactCardId);\r\n        if (contactCard) {\r\n            contactCard.addEventListener('click', function() {\r\n                try {\r\n                    if (window.embeddedservice_bootstrap?.utilAPI?.launchChat) {\r\n                        window.embeddedservice_bootstrap.utilAPI.launchChat();\r\n                    } else {\r\n                        console.log('Salesforce Embedded Messaging ainda n\u00e3o carregou');\r\n                    }\r\n                } catch (error) {\r\n                    console.log('Erro ao abrir o chat:', error);\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\n\n\r\n<section id=\"cards-solucoes\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 \"\r\n    >\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div\r\n            class=\"flex flex-col justify-start items-start gap-5 mb-10\">\r\n            \r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-5 text-left\">\r\n                                    <h2 class=\"!my-0 w-full !text-black !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                        <span style=\"color: var(--color-primary)\">Outras solu\u00e7\u00f5es da Audaces<\/span>                    <\/h2>\r\n                \r\n                                    <p\r\n                        class=\"!my-0 w-full !text-[var(--color-text-secondary)] !text-base lg:!text-lg 2xl:!text-xl !font-light max-w-xl\">\r\n                        Explore as demais solu\u00e7\u00f5es para integrar sua opera\u00e7\u00e3o de ponta a ponta:                    <\/p>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n                    <div\r\n                class=\"flex flex-wrap justify-start items-stretch gap-8 lg:gap-12\">\r\n                                    \r\n                                            <a href=\"\/pt-br\/solucoes\/looksmaker\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/card-solucao-looksmaker.webp\" alt=\"LooksMaker\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            LooksMaker                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Eleve a produtividade do seu time com IA na cria\u00e7\u00e3o de moda.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Cria\u00e7\u00e3o com IA                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Desenho t\u00e9cnico autom\u00e1tico                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Try-on virtual                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore o LooksMaker<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/pt-br\/solucoes\/isa\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__secao-ISa.webp\" alt=\"Isa\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Isa                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Planeje e gerencie sua cole\u00e7\u00e3o em tempo real com o Fashion PLM.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Redu\u00e7\u00e3o de atrasos                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Acompanhamento em tempo real                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Acesso 100% online                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore o Isa<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"https:\/\/sizebay.com\/pt\/provador-virtual\/\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Sizebay.webp\" alt=\"Size &amp; Fit\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Size &amp; Fit                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Elimine d\u00favidas de tamanho com recomenda\u00e7\u00e3o personalizada.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        F\u00e1cil de usar, sem fitas m\u00e9tricas                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Personaliza\u00e7\u00e3o simplificada                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Recomenda\u00e7\u00e3o precisa                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore o provador<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cards-solucoes\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 !bg-[#ffffff]\"\r\n    >\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div\r\n            class=\"flex flex-col justify-start items-start gap-5 mb-10\">\r\n            \r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-5 text-left\">\r\n                                    <h2 class=\"!my-0 w-full !text-black !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                        <span style=\"color: var(--color-primary)\">Produtos que voc\u00ea pode se interessar<\/span>                    <\/h2>\r\n                \r\n                                    <p\r\n                        class=\"!my-0 w-full !text-[var(--color-text-secondary)] !text-base lg:!text-lg 2xl:!text-xl !font-light max-w-xl\">\r\n                        Veja como turbinar sua produtividade com m\u00e1quina de corte, plotter de risco e mais:                    <\/p>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n                    <div\r\n                class=\"flex flex-wrap justify-start items-stretch gap-8 lg:gap-12\">\r\n                                    \r\n                                            <a href=\"\/pt-br\/produtos\/audaces-icf\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-ICF.webp\" alt=\"ICF\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            ICF                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Fa\u00e7a a gest\u00e3o da produ\u00e7\u00e3o de forma inteligente.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Ordem de corte autom\u00e1tica                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Dados sobre consumo de tecido                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Indicadores de produ\u00e7\u00e3o em tempo real                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore o ICF<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/pt-br\/produtos\/neocut-bravo\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-Neocut-Bravo.webp\" alt=\"Neocut Bravo\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Neocut Bravo                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Conte com um corte autom\u00e1tico de alta precis\u00e3o.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Fluxo cont\u00ednuo de produ\u00e7\u00e3o                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Desperd\u00edcio zero de mat\u00e9ria-prima                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Seguran\u00e7a e qualidade no corte                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore a Neocut Bravo<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/pt-br\/produtos\/jet-lux\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-Jet-Lux.webp\" alt=\"Jet Lux\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Jet Lux                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Imprima seus moldes com a velocidade da luz.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Sistema jato de tinta                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Sensores para falta de papel e cartucho                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Econ\u00f4mico e silencioso                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explore a Jet Lux<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"blog-simples-v1\"     class=\"relative audaces-blog-simples-v1 !my-0 w-full bg-[#e4eef1] py-10 lg:py-16 2xl:py-20 \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div class=\"w-full flex flex-col justify-center items-center gap-12\">\r\n            <!-- Header Section -->\r\n            <div class=\"w-full flex flex-col justify-start items-center gap-4\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-center\">\r\n                        <h2 class=\"!my-0 text-center !text-3xl lg:!text-4xl !font-bold leading-tight !text-[#121212]\">\r\n                            Conte\u00fados relacionados                        <\/h2>\r\n                    <\/div>\r\n                \r\n                                    <div class=\"w-full max-w-[672px] flex flex-col justify-start items-center\">\r\n                        <p\r\n                            class=\"!my-0 text-center !text-base lg:!text-lg 2xl:!text-2xl !font-normal !text-[var(--color-text-quinary)] leading-7\">\r\n                            Conhe\u00e7a nossos artigos e dicas exclusivas para potencializar seus resultados com o ecossistema Audaces.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Posts Grid -->\r\n                            <div class=\"w-full flex flex-col lg:flex-row justify-center items-start gap-8\">\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/pt-br\/blog\/catalogo-roupas-online\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\r\n                                                                            <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2024\/03\/catalogo-de-roupas-online-por-que-investir-1024x683.webp\"\r\n                                            alt=\"Por que criar um cat\u00e1logo de roupas online para o seu neg\u00f3cio?\" \/>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                Por que criar um cat\u00e1logo de roupas online para o seu neg\u00f3cio?                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\r\n                                                O e-commerce transformou a moda, destacando a import\u00e2ncia do cat\u00e1logo de roupas online para atender \u00e0s demandas dos consumidores. Saiba como!                                            <\/p>\r\n                                                                            <\/div>\r\n\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conhe\u00e7a mais                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path\r\n                                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                                    fill=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/pt-br\/blog\/como-fazer-catalogo-produtos\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\r\n                                                                            <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2022\/10\/como-fazer-catalogo-produtos-moda-1536x1026-1-1024x684.jpg\"\r\n                                            alt=\"4 dicas sobre como fazer cat\u00e1logo de produtos de moda\" \/>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                4 dicas sobre como fazer cat\u00e1logo de produtos de moda                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\r\n                                                Conhe\u00e7a 4 dicas de como fazer cat\u00e1logo de produtos de moda e assim trazer assertividade e gerar vendas lucrativas para sua empresa.|Conhe\u00e7a 4 dicas de como fazer cat\u00e1logo de produtos de moda e assim trazer assertividade e gerar vendas lucrativas para sua empresa.|Conhe\u00e7a 4 dicas de como fazer cat\u00e1logo de produtos de moda e assim trazer assertividade e gerar vendas lucrativas para sua empresa.|Conhe\u00e7a 4 dicas de como fazer cat\u00e1logo de produtos de moda e assim trazer assertividade e gerar vendas lucrativas para sua empresa.|Conhe\u00e7a 4 dicas de como fazer cat\u00e1logo de produtos de moda e assim trazer assertividade e gerar vendas lucrativas para sua empresa.                                            <\/p>\r\n                                                                            <\/div>\r\n\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conhe\u00e7a mais                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path\r\n                                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                                    fill=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/pt-br\/blog\/inteligencia-artificial-moda\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\r\n                                                                            <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2021\/11\/inteligencia-artificial-1024x683.jpg\"\r\n                                            alt=\"Mitos e verdades sobre usar Intelig\u00eancia Artificial na moda\" \/>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                Mitos e verdades sobre usar Intelig\u00eancia Artificial na moda                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\r\n                                                Com a aplica\u00e7\u00e3o da Intelig\u00eancia Artificial na moda cada vez mais presente, \u00e9 comum que mitos sobre o seu impacto sejam criados. Saiba o que \u00e9 verdade, aqui!                                            <\/p>\r\n                                                                            <\/div>\r\n\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conhe\u00e7a mais                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path\r\n                                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                                    fill=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                                        <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-v1\"\r\n    class=\"relative audaces-texto-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 \"\r\n    style=\"background-color: #e4eef1;\">\r\n    <div\r\n        class=\"w-full  max-w-screen-xl 2xl:max-w-screen-2xl mx-auto\">\r\n        <div\r\n            class=\"w-full  flex flex-col justify-center items-center text-center gap-4 2xl:gap-8\">\r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-3.5 lg:max-w-full \">\r\n                                                    <div class=\"w-full\">\r\n                                                    <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                Quer explorar mais sobre tecnologia em moda?                            <\/h2>\r\n                                            <\/div>\r\n                            <\/div>\r\n            <div\r\n                class=\"w-full flex flex-col justify-center items-center\">\r\n                <div\r\n                    class=\"w-full flex flex-col justify-start items-center gap-4 2xl:gap-8 lg:w-full \">\r\n                    \r\n\r\n\r\n                    \r\n                                            <div\r\n                            class=\"mt-5 w-full flex justify-center flex-wrap gap-3 self-start items-start\">\r\n                            \r\n<a \r\n    id=\"texto-v1-cta-button-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/category\/tecnologia-moda\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Ver todos os artigos    <\/div>\r\n<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cases-simples-v1\"\r\n    class=\"overflow-hidden relative \">\r\n    <!-- Elemento decorativo de fundo -->\r\n    <div class=\"block size-[689px] left-[12px] top-[82px] absolute overflow-hidden\"\r\n        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/cases-loop-bg-logo-trasp.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;\">\r\n    <\/div>\r\n\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 relative z-10\">\r\n\r\n        <!-- Header Section (Eyebrow, Title, Description) -->\r\n        <div class=\"flex flex-col justify-start items-start gap-5 mb-12 lg:mb-16\">\r\n            \r\n            <div class=\"w-full flex flex-col justify-start items-start gap-5\">\r\n                                <h2 class=\"!my-0 w-full !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                    Hist\u00f3rias de quem inovou na pr\u00e1tica                <\/h2>\r\n                \r\n                                <p\r\n                    class=\"!my-0 w-full !text-[var(--color-text-quinary)] !text-base lg:!text-lg 2xl:!text-2xl !font-light lg:max-w-2\/3\">\r\n                    Descubra como nossas solu\u00e7\u00f5es impulsionam a produtividade de marcas l\u00edderes no setor t\u00eaxtil.                <\/p>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Grid de Cases \/ Slider no Mobile -->\r\n        <div class=\"cases-slider-container relative w-full mb-8 lg:mb-16\">\r\n            <!-- Track do slider (mobile) \/ Grid (desktop) -->\r\n            <div\r\n                class=\"cases-track flex gap-6 transition-transform duration-500 ease-in-out lg:grid lg:grid-cols-3 lg:gap-8 lg:overflow-visible\">\r\n\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/conteudo.audaces.com\/case-iz-textil\"\r\n                    class=\"cases-slide relative group !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_IZ_TEXTIL-819x1024.webp\" alt=\"Case de sucesso IZ T\u00eaxtil\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        Case de sucesso IZ T\u00eaxtil                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!                                    <\/p>\r\n                                <\/div>\r\n\r\n                                <!-- \u00cdcone decorativo -->\r\n                                <div class=\"flex justify-end mt-2\">\r\n                                    <div class=\"size-5\">\r\n                                        <div\r\n                                            class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                                viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                                <path\r\n                                                    d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                    fill=\"white\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div> <!-- \/imagem -->\r\n                <\/a> <!-- \/slide -->\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/conteudo.audaces.com\/lp-case-de-sucesso-cauipe\"\r\n                    class=\"cases-slide relative group !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_CAIUPE-819x1024.webp\" alt=\"Case de sucesso Cauipe\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        Case de sucesso Cauipe                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!                                    <\/p>\r\n                                <\/div>\r\n\r\n                                <!-- \u00cdcone decorativo -->\r\n                                <div class=\"flex justify-end mt-2\">\r\n                                    <div class=\"size-5\">\r\n                                        <div\r\n                                            class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                                viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                                <path\r\n                                                    d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                    fill=\"white\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div> <!-- \/imagem -->\r\n                <\/a> <!-- \/slide -->\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/conteudo.audaces.com\/lp-case-bergamin\"\r\n                    class=\"cases-slide relative group !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_BERGAMIN-819x1024.webp\" alt=\"Case de sucesso Bergamin\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        Case de sucesso Bergamin                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!                                    <\/p>\r\n                                <\/div>\r\n\r\n                                <!-- \u00cdcone decorativo -->\r\n                                <div class=\"flex justify-end mt-2\">\r\n                                    <div class=\"size-5\">\r\n                                        <div\r\n                                            class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                                viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                                <path\r\n                                                    d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                    fill=\"white\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div> <!-- \/imagem -->\r\n                <\/a> <!-- \/slide -->\r\n                            <\/div> <!-- \/cases-track -->\r\n\r\n            <!-- Bot\u00f5es de navega\u00e7\u00e3o (apenas mobile, centralizados abaixo) -->\r\n            <div class=\"lg:hidden flex justify-center items-center gap-4 mt-6\">\r\n                <button\r\n                    class=\"cases-prev bg-white\/70 hover:bg-white rounded-full shadow cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <div class=\"relative\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\"\r\n                                fill=\"white\" \/>\r\n                            <path\r\n                                d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                                fill=\"var(--color-primary)\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/button>\r\n                <button\r\n                    class=\"cases-next bg-white\/70 hover:bg-white rounded-full shadow scale-x-[-1] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <div class=\"relative\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\"\r\n                                fill=\"white\" \/>\r\n                            <path\r\n                                d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                                fill=\"var(--color-primary)\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        \/* Estilos para o slider no mobile *\/\r\n        @media (max-width: 1023px) {\r\n            .cases-track {\r\n                display: flex;\r\n            }\r\n\r\n            .cases-slide {\r\n                flex: 0 0 100%;\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* No desktop, o grid CSS funciona normalmente *\/\r\n        @media (min-width: 1024px) {\r\n            .cases-track {\r\n                display: grid;\r\n            }\r\n\r\n            .cases-slide {\r\n                width: auto;\r\n            }\r\n        }\r\n        <\/style>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"secao-cta\"\r\n    class=\"relative z-1 bg-[#f1f2f4] lg:bg-transparent lg:bg-[linear-gradient(to_bottom,#ffffff_0%,#f1f2f4_100%)] w-full flex justify-center items-center py-10 lg:py-16 2xl:py-20 !pb-0 !pt-0\"\r\n    aria-label=\"Agora, voc\u00ea j\u00e1 sabe do que precisa para crescer!\">\r\n    <div\r\n        class=\"w-full mx-6 lg:mx-16 px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 !mb-0 bg-[var(--color-primary)] rounded-[40px]\">\r\n        <div class=\"w-full flex flex-col justify-start items-center gap-4 max-w-[800px] mx-auto\">\r\n\r\n            <!-- \u00cdcone\/Logo -->\r\n                            <div class=\"w-auto h-16 flex items-center justify-center\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/themes\/audaces\/assets\/images\/audaces-simbolo-branco.svg\" alt=\"\" class=\"w-full h-full object-contain\"\r\n                        aria-hidden=\"true\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"w-full pb-5 flex flex-col justify-start items-center gap-2.5\">\r\n                <!-- T\u00edtulo -->\r\n                                    <div class=\"w-full\">\r\n                        <h2 class=\"!my-0 text-center !text-white text-xl lg:text-3xl !font-bold\">\r\n                            Agora, voc\u00ea j\u00e1 sabe do que precisa para crescer!                        <\/h2>\r\n                    <\/div>\r\n                \r\n                <!-- Par\u00e1grafo -->\r\n                                    <div class=\"w-full max-w-[859px]\">\r\n                        <p class=\"!my-0 text-center !text-white text-base lg:text-2xl font-normal\">\r\n                            Encontre a op\u00e7\u00e3o que impulsiona sua ideia, respeita seu ritmo e entrega a performance que voc\u00ea deseja. Quem leva o futuro a s\u00e9rio, como voc\u00ea, n\u00e3o escolhe qualquer caminho.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Bot\u00e3o CTA -->\r\n                            <div class=\"pt-2\">\r\n                    \r\n<a \r\n    id=\"secao-cta-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/fale-conosco#contato\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-white !outline-white hover:bg-[var(--color-primary)] hover:!text-white !text-[var(--color-primary)] hover:!outline-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Fale com um especialista    <\/div>\r\n<\/a>\r\n                <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":102028,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-219848","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Clickfy.ai by Audaces | IA para fotos de moda e e-commerce<\/title>\n<meta name=\"description\" content=\"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce\" \/>\n<meta property=\"og:description\" content=\"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy\" \/>\n<meta property=\"og:site_name\" content=\"Audaces\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/audaces.pt\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T07:20:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/audaces-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\\\/clickfy\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\\\/clickfy\",\"name\":\"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#website\"},\"datePublished\":\"2026-09-18T06:31:07+00:00\",\"dateModified\":\"2026-09-18T07:20:58+00:00\",\"description\":\"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\\\/clickfy#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\\\/clickfy\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\\\/clickfy#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INIZIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/home-pt-br\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solu\u00e7\u00f5es\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/solucoes\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/\",\"name\":\"Audaces\",\"description\":\"We are the Industry 4.0\",\"publisher\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#organization\",\"name\":\"Audaces\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/audaces.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cropped-cropped-logo-audace.png\",\"contentUrl\":\"https:\\\/\\\/audaces.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cropped-cropped-logo-audace.png\",\"width\":512,\"height\":512,\"caption\":\"Audaces\"},\"image\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/audaces.pt\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce","description":"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy","og_locale":"pt_BR","og_type":"article","og_title":"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce","og_description":"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!","og_url":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T07:20:58+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/audaces-banner.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy","url":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy","name":"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce","isPartOf":{"@id":"https:\/\/audaces.com\/pt-br\/#website"},"datePublished":"2026-09-18T06:31:07+00:00","dateModified":"2026-09-18T07:20:58+00:00","description":"Com o Clickfy ai, crie imagens para e-commerce e cat\u00e1logo digital de moda em segundos. Economize em ensaios com nossa IA para fotos de moda. Conhe\u00e7a!","breadcrumb":{"@id":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/pt-br\/solucoes\/clickfy"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/pt-br\/solucoes\/clickfy#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INIZIO","item":"https:\/\/audaces.com\/pt-br\/home-pt-br"},{"@type":"ListItem","position":2,"name":"Solu\u00e7\u00f5es","item":"https:\/\/audaces.com\/pt-br\/solucoes"},{"@type":"ListItem","position":3,"name":"Clickfy.ai by Audaces | IA para fotos de moda e e-commerce"}]},{"@type":"WebSite","@id":"https:\/\/audaces.com\/pt-br\/#website","url":"https:\/\/audaces.com\/pt-br\/","name":"Audaces","description":"We are the Industry 4.0","publisher":{"@id":"https:\/\/audaces.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/audaces.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/audaces.com\/pt-br\/#organization","name":"Audaces","url":"https:\/\/audaces.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/audaces.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/audaces.com\/wp-content\/uploads\/2022\/01\/cropped-cropped-logo-audace.png","contentUrl":"https:\/\/audaces.com\/wp-content\/uploads\/2022\/01\/cropped-cropped-logo-audace.png","width":512,"height":512,"caption":"Audaces"},"image":{"@id":"https:\/\/audaces.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/audaces.pt"]}]}},"_links":{"self":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/219848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/comments?post=219848"}],"version-history":[{"count":2,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/219848\/revisions"}],"predecessor-version":[{"id":219989,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/219848\/revisions\/219989"}],"up":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/102028"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/media?parent=219848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}