{"id":219019,"date":"2026-05-26T16:35:03","date_gmt":"2026-05-26T19:35:03","guid":{"rendered":"https:\/\/audaces.com\/segmentos\/ecommerce"},"modified":"2026-09-18T04:20:36","modified_gmt":"2026-09-18T07:20:36","slug":"ecommerce","status":"publish","type":"page","link":"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce","title":{"rendered":"E-commerce"},"content":{"rendered":"\r\n    <!-- VERS\u00c3O 1 - ORIGINAL -->\r\n    <section id=\"hero-with-cards\"\r\n        class=\"w-full md:mb-40 lg:pb-12 relative \"\r\n        style=\"background-image: url('https:\/\/audaces-staging.incuca.com.br\/wp-content\/uploads\/2026\/09\/BANNER-ecommerce.webp'); background-size: cover; background-position: center;\"\r\n        >\r\n                    <div class=\"absolute inset-0 z-0 bg-black\/40 lg:bg-transparent lg:bg-gradient-to-r lg:from-black\/80 lg:to-black\/10\">\r\n            <\/div>\r\n                <div\r\n            class=\"relative max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 h-full z-10\">\r\n            <div\r\n                class=\"py-10 lg:py-16 2xl:py-20  2xl:!pt-30 lg:!pb-0   flex flex-col justify-between lg:justify-center items-start gap-2 lg:gap-4 h-full\">\r\n                <div class=\"w-full max-w-xl 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-sm !font-medium\"\r\n                                    style=\"background-color: #F1F1F1; color: var(--color-text-quaternary);\">\r\n                                    Segmentos                                <\/div>\r\n                                                    <\/div>\r\n                                                                                        <h1                            class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight\">\r\n                            E-commerce                        <\/h1>\r\n                                    <\/div>\r\n                <div class=\"w-full max-w-lg 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                                Diminua devolu\u00e7\u00f5es e tenha clientes cada vez mais satisfeitos.                            <\/p>\r\n                                            <\/div>\r\n\r\n                                    <\/div>\r\n                <!-- Cards -->\r\n                                    <div class=\"pt-10 lg:pt-16 2xl:pt-30 md:mb-[-10rem] w-full\">\r\n                                                                                    <div class=\"hero-with-cards-carousel hero-cards-carousel-root w-full md:hidden\" data-hero-cards-carousel\r\n                                    data-hero-cards-autoplay=\"0\"\r\n                                    data-hero-cards-autoplay-speed=\"5000\">\r\n                                    <div class=\"relative\" data-hero-cards-viewport>\r\n                                        <div class=\"flex will-change-transform transition-transform duration-300 gap-2.5\"\r\n                                            data-hero-cards-track>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"0\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Redu\u00e7\u00e3o de trocas e devolu\u00e7\u00f5es<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Integre um provador virtual, que usa um simulador de corpo com medidas preciso, para garantir a escolha do tamanho certo.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"1\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Experi\u00eancia de compra assertiva<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Aumente a confian\u00e7a no seu e-commerce de moda com recursos que ajudam o consumidor a visualizar o caimento das pe\u00e7as.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"2\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Agilidade na digitaliza\u00e7\u00e3o de cole\u00e7\u00f5es<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Ofere\u00e7a solu\u00e7\u00f5es para e-commerce que aceleram o cadastro de produtos e a cria\u00e7\u00e3o de conte\u00fados visuais para seus clientes.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"3\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Integra\u00e7\u00e3o total de sistemas<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Conecte o seu sistema para e-commerce ao desenvolvimento, garantindo que o que \u00e9 vendido online esteja perfeitamente alinhado \u00e0 produ\u00e7\u00e3o.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"mt-6 flex flex-col gap-4\">\r\n                                        <div class=\"flex justify-center items-center gap-2 h-1\"\r\n                                            data-hero-cards-indicators>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"0\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-100 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 1\"><\/button>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"1\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 2\"><\/button>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"2\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 3\"><\/button>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"3\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 4\"><\/button>\r\n                                                                                    <\/div>\r\n                                        <div class=\"flex items-center gap-3 justify-center\">\r\n                                            <button type=\"button\" aria-label=\"Anterior\"\r\n                                                class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center disabled:opacity-40 cursor-pointer\"\r\n                                                data-hero-cards-prev>\r\n                                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" aria-hidden=\"true\">\r\n                                                    <path\r\n                                                        d=\"M12.6982 1.42822L11.6143 0.344238C11.1553 -0.114746 10.4131 -0.114746 9.95898 0.344238L0.466797 9.83154C0.0078125 10.2905 0.0078125 11.0327 0.466797 11.4868L9.95898 20.979C10.418 21.438 11.1602 21.438 11.6143 20.979L12.6982 19.895C13.1621 19.4312 13.1523 18.6743 12.6787 18.2202L6.79492 12.6147H20.8281C21.4775 12.6147 22 12.0923 22 11.4429V9.88037C22 9.23096 21.4775 8.7085 20.8281 8.7085H6.79492L12.6787 3.10303C13.1572 2.64893 13.167 1.89209 12.6982 1.42822Z\"\r\n                                                        fill=\"var(--color-primary)\" \/>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                            <button type=\"button\" aria-label=\"Pr\u00f3ximo\"\r\n                                                class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center disabled:opacity-40 cursor-pointer\"\r\n                                                data-hero-cards-next>\r\n                                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" aria-hidden=\"true\">\r\n                                                    <path\r\n                                                        d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                                        fill=\"var(--color-primary)\" \/>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                            <style>\r\n            .hero-with-cards-carousel .hero-cards-carousel-root {\r\n                overflow-x: visible;\r\n            }\r\n\r\n            .hero-with-cards-carousel [data-hero-cards-viewport] {\r\n                overflow-x: visible;\r\n                position: relative;\r\n                clip-path: inset(0 -100vw 0 0);\r\n                -webkit-clip-path: inset(0 -100vw 0 0);\r\n            }\r\n\r\n            .hero-with-cards-carousel [data-hero-cards-track] {\r\n                position: relative;\r\n                width: max-content;\r\n            }\r\n        <\/style>\r\n                                <\/div>\r\n                                                        <div class=\"hidden md:grid md:grid-cols-2 lg:grid-cols-4 gap-2.5\">\r\n                                        <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Redu\u00e7\u00e3o de trocas e devolu\u00e7\u00f5es<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Integre um provador virtual, que usa um simulador de corpo com medidas preciso, para garantir a escolha do tamanho certo.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Experi\u00eancia de compra assertiva<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Aumente a confian\u00e7a no seu e-commerce de moda com recursos que ajudam o consumidor a visualizar o caimento das pe\u00e7as.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Agilidade na digitaliza\u00e7\u00e3o de cole\u00e7\u00f5es<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Ofere\u00e7a solu\u00e7\u00f5es para e-commerce que aceleram o cadastro de produtos e a cria\u00e7\u00e3o de conte\u00fados visuais para seus clientes.<\/span>                        <\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #E6E6E6;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            <span style=\"color: var(--color-primary)\">Integra\u00e7\u00e3o total de sistemas<\/span>                        <\/p>\r\n                                                                <p class=\"!my-0 self-stretch justify-start !text-white !text-sm md:!text-base !font-normal leading-5\">\r\n                            <span style=\"color: #4a5565\">Conecte o seu sistema para e-commerce ao desenvolvimento, garantindo que o que \u00e9 vendido online esteja perfeitamente alinhado \u00e0 produ\u00e7\u00e3o.<\/span>                        <\/p>\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    <style>\r\n        #hero-with-cards.card-link.group:hover span {\r\n            color: #ffffff !important;\r\n            transition: color 0.3s ease-in-out;\r\n        }\r\n    <\/style>\r\n\r\n\n\n\r\n<section id=\"galeria-logos\"\r\n    class=\"audaces-wrapper w-full py-10 lg:py-16 2xl:py-20 !pb-0 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=\"cards-solucoes\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 !bg-[#ffffff]\"\r\n     style=\"background-color: #ffffff\">\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                            <div\r\n                    class=\"px-4 lg:px-5 py-2 bg-[#ecf3fd] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                    <div class=\"text-center text-[var(--color-primary)] text-sm font-bold uppercase\">\r\n                        Vendas                    <\/div>\r\n                <\/div>\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)\">Menos trocas, mais convers\u00e3o<\/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                        Com um simples clique, seus clientes descobrem o tamanho ideal de roupas e cal\u00e7ados para compra, reduzindo trocas e devolu\u00e7\u00f5es.                    <\/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\/clickfy\"\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-staging.incuca.com.br\/wp-content\/uploads\/2026\/09\/CLICKFY-ecommerce.webp\" alt=\"Clickfy.ai\" \/>\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                                            Clickfy.ai                                        <\/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                                            Gere imagens realistas para e-commerce usando intelig\u00eancia artificial.                                        <\/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                                                        Sem custos com loca\u00e7\u00f5es                                                    <\/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                                                        Agilidade no lan\u00e7amento                                                    <\/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                                                        M\u00faltiplos testes e poses                                                    <\/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 Clickfy<\/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                                                        \r\n                                            <a href=\"https:\/\/sizebay.com\/pt\/fashion-hub\/\"\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\/FASHION-HUB-scaled.webp\" alt=\"Fashion Hub\" \/>\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                                            Fashion Hub                                        <\/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                                            Gere recomenda\u00e7\u00f5es de produtos e looks completos para clientes.                                        <\/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                                                        Maior engajamento no site                                                    <\/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\u00f5es inteligentes                                                    <\/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                                                        Redu\u00e7\u00e3o de trocas e devolu\u00e7\u00f5es                                                    <\/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 hub<\/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=\"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>Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!<\/p>\n","protected":false},"author":40,"featured_media":0,"parent":218961,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-219019","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>E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces<\/title>\n<meta name=\"description\" content=\"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!\" \/>\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\/segmentos\/ecommerce\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces\" \/>\n<meta property=\"og:description\" content=\"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce\" \/>\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:36+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\\\/segmentos\\\/ecommerce\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/segmentos\\\/ecommerce\",\"name\":\"E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#website\"},\"datePublished\":\"2026-05-26T19:35:03+00:00\",\"dateModified\":\"2026-09-18T07:20:36+00:00\",\"description\":\"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/segmentos\\\/ecommerce#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/pt-br\\\/segmentos\\\/ecommerce\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/segmentos\\\/ecommerce#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INIZIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/home-pt-br\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Segmentos\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/segmentos\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"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":"E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces","description":"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!","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\/segmentos\/ecommerce","og_locale":"pt_BR","og_type":"article","og_title":"E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces","og_description":"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!","og_url":"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T07:20:36+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\/segmentos\/ecommerce","url":"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce","name":"E-commerce | Solu\u00e7\u00f5es para e-commerce de moda Audaces","isPartOf":{"@id":"https:\/\/audaces.com\/pt-br\/#website"},"datePublished":"2026-05-26T19:35:03+00:00","dateModified":"2026-09-18T07:20:36+00:00","description":"Aumente a convers\u00e3o do seu e-commerce de moda com o apoio da tecnologia. Descubra como nossas solu\u00e7\u00f5es podem fazer seu neg\u00f3cio decolar, clicando aqui!","breadcrumb":{"@id":"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/pt-br\/segmentos\/ecommerce#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INIZIO","item":"https:\/\/audaces.com\/pt-br\/home-pt-br"},{"@type":"ListItem","position":2,"name":"Segmentos","item":"https:\/\/audaces.com\/pt-br\/segmentos"},{"@type":"ListItem","position":3,"name":"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\/219019","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\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/comments?post=219019"}],"version-history":[{"count":2,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/219019\/revisions"}],"predecessor-version":[{"id":219978,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/219019\/revisions\/219978"}],"up":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/218961"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/media?parent=219019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}