{"id":57873,"date":"2022-05-24T20:19:41","date_gmt":"2022-05-24T23:19:41","guid":{"rendered":"https:\/\/nayfer3.dream.press\/?page_id=57873"},"modified":"2026-09-17T22:56:57","modified_gmt":"2026-09-18T01:56:57","slug":"home-pt-br","status":"publish","type":"page","link":"https:\/\/audaces.com\/pt-br","title":{"rendered":"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda"},"content":{"rendered":"\r\n<section id=\"hero-home\"\r\n    class=\"m-0 relative w-full bg-black overflow-hidden \">\r\n        <img class=\"no-lazy absolute inset-0 w-full h-full object-cover object-top\"\r\n        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/banner-home-2.webp\" alt=\"\" aria-hidden=\"true\" fetchpriority=\"high\"\r\n        decoding=\"async\" \/>\r\n        <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative z-10 px-6 lg:px-20 pt-[40%] sm:pt-[10%] 2xl:pt-[15%] min-h-[560px] lg:min-h-[600px] 2xl:min-h-[700px] lg:min-h-[calc(100vh-113px)] 2xl:min-h-[calc(100vh-145px)] flex flex-col justify-end items-start\">\r\n                <h1 class=\"!text-neutral-100 text-6xl xl:text-7xl 2xl:text-8xl !font-bold lg:!mb-12 mb-4 !mt-0\">\r\n            Audaces<\/h1>\r\n                <div\r\n            class=\"border-l border-white pl-5 lg:pl-10 max-w-120 lg:max-w-88 2xl:max-w-96 justify-start pb-20 2xl:pb-40\">\r\n                        <h2 class=\"!my-0 !text-neutral-100 text-2xl lg:text-3xl 2xl:text-4xl !font-light leading-tight\">\r\n                Tecnologia para confec\u00e7\u00e3o que garante o m\u00e1ximo de efici\u00eancia.<\/h2>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section\r\n    class=\"[margin-block-start:0!important] m-0 relative w-full bg-[#f2f2f2] text-[var(--color-primary)] overflow-hidden\">\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20 z-1\">\r\n        <!-- Linha azul -->\r\n                <div\r\n            class=\"border-l border-[var(--color-primary)] py-10 lg:py-16 2xl:py-20 pl-5 lg:pl-10 w-[80%] lg:w-120 justify-start h-full\">\r\n                        <div class=\"justify-start\">\r\n                <h2 class=\"!my-0 !text-[var(--color-text)] text-2xl lg:text-3xl 2xl:text-4xl !font-light leading-tight\">\r\n                    Do desenho ao corte, empoderamos pessoas para revolucionar o mundo da moda. A inova\u00e7\u00e3o \u00e9 o nosso legado.<\/h2>\r\n            <\/div>\r\n                        <div class=\"block mt-10\">\r\n                \r\n<a \r\n    id=\"hero-home-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/quem-somos\" \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        Saiba mais sobre n\u00f3s    <\/div>\r\n<\/a>\r\n            <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n    <div class=\"opacity-40 text-center justify-end text-white text-[125px] md:text-[200px] lg:text-[300px] 2xl:text-[400px] font-bold  lg:leading-[0.7] leading-[0.9] absolute bottom-0 right-0 sm:break-normal sm:max-w-none break-all max-w-[1ch]\"\r\n        aria-hidden=\"true\">DNA<\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\" style=\"background-color: #ffffff;\"    class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20 !pb-0 \">\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 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                                        Nosso ecossistema                                    <\/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                                    <span style=\"color: var(--color-primary)\">O Audaces360 evoluiu!<\/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                                Muito al\u00e9m de um pacote de softwares, ele agora \u00e9 o ecossistema completo que conecta todas as pontas da sua confec\u00e7\u00e3o. Ao integrar Cria\u00e7\u00e3o, Produ\u00e7\u00e3o e Vendas, transformamos etapas isoladas em um ciclo cont\u00ednuo: tudo o que \u00e9 decidido no croqui chega \u00e0 mesa de corte e \u00e0 vitrine.<br><br>Com Audaces360, voc\u00ea acelera seu time-to-market e faz suas cole\u00e7\u00f5es sa\u00edrem do papel com muito mais efici\u00eancia e rentabilidade.                            <\/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=\"\/pt-br\/solucoes\/audaces-360\" \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        Descubra o Audaces360    <\/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-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  \"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/PT-Ciclo360-2026-scaled.webp\"\r\n                                    alt=\"O Audaces360 evoluiu!\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section id=\"slider-3d\"\r\n    class=\"slider-3d-block bg-white py-10 lg:py-16 2xl:py-20 \">\r\n        <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20 pb-6 lg:pb-8\">\r\n        <h2 class=\"!my-0 !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-light\">\r\n            <strong>Nossas<\/strong> solu\u00e7\u00f5es        <\/h2>\r\n    <\/div>\r\n        <svg class=\"absolute w-0 h-0 overflow-hidden\" aria-hidden=\"true\" focusable=\"false\">\r\n        <defs>\r\n            <clipPath id=\"slider-3d-lens-clip\" clipPathUnits=\"objectBoundingBox\">\r\n                <path\r\n                    d=\"M0,0 C0.2,0.044 0.35,0.055 0.5,0.055 C0.65,0.055 0.8,0.044 1,0 V1 C0.8,0.956 0.65,0.945 0.5,0.945 C0.35,0.945 0.2,0.956 0,1 Z\" \/>\r\n            <\/clipPath>\r\n        <\/defs>\r\n    <\/svg>\r\n    <div class=\"slider-3d relative lg:px-3\">\r\n        <div class=\"slider-3d-viewport overflow-hidden\"\r\n            style=\"clip-path: url(#slider-3d-lens-clip); -webkit-clip-path: url(#slider-3d-lens-clip);\">\r\n            <div class=\"slider-track flex gap-[15px] transition-transform duration-500 ease-in-out\">\r\n                                <a href=\"\/pt-br\/solucoes\/looksmaker\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"0\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Banner_Hero_DEstque.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            LooksMaker<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Eleve a produtividade do seu time com IA na cria\u00e7\u00e3o de moda.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/isa\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"1\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Isa.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Isa<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Planeje e gerencie sua cole\u00e7\u00e3o em tempo real com o Fashion PLM.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/integracoes\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"2\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/BANNER-INTEGRACAO.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Integra\u00e7\u00f5es com ERP<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Integre o Audaces360 ao ERP da sua confec\u00e7\u00e3o.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/aparelho-digiflash\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"3\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Quadro-Digiflash.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Aparelho Digiflash<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Armazene seus moldes de forma digital com apenas uma foto.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/digiflash\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"4\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Digiflash.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Digiflash<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Digitalize moldes de papel com total precis\u00e3o e rapidez.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/moldes\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"5\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Moldes.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Moldes<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Fa\u00e7a suas modelagens com grada\u00e7\u00e3o direto pelo computador.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/3d\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"6\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_3D.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces 3D<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Simule, costure e aprove suas cole\u00e7\u00f5es de moda em 3D.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/encaixe\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"7\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Encaixe.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Encaixe<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Aumente a efici\u00eancia da sua produ\u00e7\u00e3o com encaixes autom\u00e1ticos.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/supera\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"8\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Supera.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Supera<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Economize tempo e tecido gerenciando filas de encaixe.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/neocut-bravo\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"9\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/Neocut-bravo-banner-br-1.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Neocut Bravo<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Eleve seu potencial com a m\u00e1quina de corte autom\u00e1tica e inteligente.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/premium\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"10\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Premium.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Premium<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Acelere a produ\u00e7\u00e3o programando diferentes enfestos no mesmo dia.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/express\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"11\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/08\/banner.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Express<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Automatize o enfesto com mais rapidez, leveza e precis\u00e3o.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/pratica\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"12\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Pratica.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Pratica<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Conte com uma mesa para enfestos pr\u00e1tica, robusta e eficiente.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/audaces-icf\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"13\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-ICF.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces ICF<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Tenha uma gest\u00e3o inteligente da sala de corte na palma da m\u00e3o.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/jet-lux\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"14\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-jet-lux.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Jet Lux<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Imprima seus moldes com a velocidade da luz de forma precisa.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/plotter-essence\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"15\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Essence.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Plotter Essence<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Comece seu neg\u00f3cio com qualidade nos riscos e economia.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/pt-br\/solucoes\/clickfy\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"16\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__secao-.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Clickfy.ai<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Gere imagens realistas para e-commerce usando intelig\u00eancia artificial.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/sizebay.com\/pt\/provador-virtual\/\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"17\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Sizebay.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Size &amp; Fit<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Elimine d\u00favidas de tamanho com recomenda\u00e7\u00e3o personalizada.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/sizebay.com\/pt\/fashion-hub\/\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"18\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/FASHION-HUB-scaled.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Fashion Hub<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Gere recomenda\u00e7\u00f5es de produtos e looks completos para clientes.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bot\u00e3o Previous -->\r\n        <button\r\n            class=\"slider-prev absolute left-4 top-1\/2 transform -translate-y-1\/2 z-10 bg-white\/70 hover:bg-white rounded-full shadow cursor-pointer\"\r\n            aria-label=\"Slide anterior\">\r\n            <div data-svg-wrapper 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)\" 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\r\n        <!-- Bot\u00e3o Next -->\r\n        <button\r\n            class=\"slider-next absolute right-4 top-1\/2 transform -translate-y-1\/2 z-10 bg-white\/70 hover:bg-white rounded-full shadow scale-x-[-1] cursor-pointer\"\r\n            aria-label=\"Pr\u00f3ximo slide\">\r\n            <div data-svg-wrapper 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)\" 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\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20\">\r\n        <div class=\"relative rounded-[20px] max-w-3xl text-center lg:text-left mt-6 lg:mt-8\">\r\n            <h3 class=\"!mt-0 !mb-4 !text-[var(--color-primary)] !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold\">\r\n                Quem tem Audaces, tem tempo para criar.            <\/h3>\r\n\r\n            <p class=\"!mt-0 !mb-6 !text-[var(--color-text)] !text-base lg:!text-lg 2xl:!text-2xl !font-normal\">\r\n                Precis\u00e3o, autenticidade, leveza e intelig\u00eancia s\u00e3o somente algumas das vantagens dos softwares Audaces. Produza mais e melhor, com menos desperd\u00edcios.            <\/p>\r\n\r\n            \r\n<a \r\n    id=\"slider-3d-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/solucoes\" \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-transparent !outline-[var(--color-primary)] hover:bg-[var(--color-primary)] !text-[var(--color-primary)] hover:!text-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Conhe\u00e7a nossas solu\u00e7\u00f5es    <\/div>\r\n<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n.slider-3d-block .slider-track {\r\n    display: flex;\r\n    gap: 15px;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.slider-3d-block .slide {\r\n    flex: 0 0 calc((100% - 30px) \/ 3);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .slider-3d-block .slide {\r\n        flex: 0 0 100%;\r\n    }\r\n}\r\n<\/style>\n\n<section id=\"slider-cards\"\r\n    class=\"relative w-full bg-[#f3f3f3] px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 overflow-hidden \">\r\n    <!-- T\u00edtulo e subt\u00edtulo -->\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto mb-8 md:mb-12 text-center lg:text-left\">\r\n                            <h2 class=\"!mt-0 !text-[var(--color-primary)] text-3xl md:text-4xl !mb-4\">\r\n                Segmentos            <\/h2>\r\n                            <p class=\"!mb-0 !text-[var(--color-text)] text-base md:text-lg !mt-4 max-w-3xl mx-auto lg:mx-0\">\r\n                Nossa expertise vai al\u00e9m da moda. Atuamos tamb\u00e9m nos setores <strong>mobili\u00e1rio<\/strong>, <strong>automobil\u00edstico<\/strong>, <strong>n\u00e1utico e aeron\u00e1utico<\/strong>, de <strong>cal\u00e7ados e acess\u00f3rios<\/strong>, de <strong>tecidos especiais<\/strong>, <strong>e-commerce<\/strong> e onde mais a inova\u00e7\u00e3o for necess\u00e1ria.            <\/p>\r\n            <\/div>\r\n\r\n    <!-- Cards (Slider ou Grid) -->\r\n            <!-- Slider Layout -->\r\n        <div class=\"relative max-w-screen-2xl mx-auto\">\r\n            <!-- Controles desktop -->\r\n            <div class=\"hidden md:flex absolute -left-15 top-1\/2 -translate-y-1\/2 z-10\">\r\n                <button data-card-slider-prev class=\"p-3 bg-white rounded-full shadow-md cursor-pointer\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\">\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                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Viewport + Track -->\r\n            <!-- Clones ser\u00e3o criados via JavaScript para n\u00e3o impactar SEO -->\r\n            <div class=\"overflow-x-hidden\" data-card-slider-viewport data-block-id=\"slider-cards\">\r\n                <div class=\"flex transition-transform duration-500 gap-6\" data-card-slider-track>\r\n                                            <a href=\"\/pt-br\/segmentos\/moda-vestuario\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"0\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/MODA-E-VESTUARIO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Moda e vestu\u00e1rio<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/mobiliario\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"1\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/MOBILIARIO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Mobili\u00e1rio<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/automobilistico\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"2\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/AUTOMOBILISTICO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Automobil\u00edstico<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/nautico-aeronautico\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"3\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/AERONAUTICO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">N\u00e1utico e aeron\u00e1utico<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/calcados-acessorios\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"4\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/CALCADOS.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Cal\u00e7ados e acess\u00f3rios<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/tecidos-especiais\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"5\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/TECIDOS-ESPECIAIS.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Tecidos especiais<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/pt-br\/segmentos\/ecommerce\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"6\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/E-COMMERCE.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">atuamos com<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">E-commerce<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Controles desktop direita -->\r\n            <div class=\"hidden md:flex absolute -right-15 top-1\/2 -translate-y-1\/2 z-10\">\r\n                <button data-card-slider-next class=\"p-3 bg-white rounded-full shadow-md cursor-pointer\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\">\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                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Controles mobile -->\r\n            <div class=\"flex md:hidden justify-center gap-4 mt-4\">\r\n                <button data-card-slider-prev class=\"p-2 bg-white rounded-full shadow-md\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\" 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                    <\/svg>\r\n                <\/button>\r\n                <button data-card-slider-next class=\"p-2 bg-white rounded-full shadow-md\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\" 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                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n    <!-- CTA -->\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:px-0 px-6 mx-auto flex flex-col md:flex-row items-center justify-between mt-4 md:mt-10 gap-10 lg:gap-6\">\r\n                    <!-- passadores de linha (apenas quando slider est\u00e1 ativo) -->\r\n            <div class=\"h-1 w-full md:max-w-[640px] hidden md:block\">\r\n                <div class=\"flex justify-center items-center gap-2\" data-card-slider-indicators>\r\n                                            <button data-card-slider-indicator data-slide-index=\"0\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 1\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"1\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 2\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"2\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 3\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"3\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 4\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"4\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 5\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"5\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 6\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"6\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 7\"><\/button>\r\n                                    <\/div>\r\n            <\/div>\r\n                            \r\n<a \r\n    id=\"slider-cards-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/segmentos\" \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        Veja todos os segmentos    <\/div>\r\n<\/a>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cases-loop\"\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        <!-- T\u00edtulo -->\r\n        <div class=\"px-6 lg:px-0 text-center lg:text-left\">\r\n            <h2 class=\"text-3xl lg:text-5xl !font-bold mb-8 lg:mb-4 text-[var(--color-primary)] leading-[50px]\">\r\n                <span>\r\n                    Cases de                <\/span>\r\n                <span>\r\n                    sucesso                <\/span>\r\n            <\/h2>\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 overflow-hidden lg:overflow-visible\">\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\/lp-case-sucesso-jump-over\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-[142px] !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/02\/JUMP-OVER-1-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\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 Jump Over                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!                                <\/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\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-sucesso-vitor-zerbinato-audaces-idea\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-[71px] !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_VITOR_ZERBINATO-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\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 Vitor Zerbinato                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!                                <\/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\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-live\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-0 !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_LIVE-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\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 LIVE                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!                                <\/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\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\r\n        <div class=\"flex justify-center gap-[44px] items-center\">\r\n            <!-- Barra de progresso -->\r\n            <div class=\"max-lg:hidden w-full h-1 bg-[#d9d9d9]\"><\/div>\r\n            <!-- CTA -->\r\n                        \r\n<a \r\n    id=\"cases-loop-cta-cta-button\" \r\n    href=\"\/pt-br\/cases-sucesso\" \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        Veja todos os cases    <\/div>\r\n<\/a>\r\n            <\/a>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"accordion-image\"\r\n    class=\"bg-[#003D99] text-white md:px-0 py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 \">\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto  flex flex-col md:flex-row md:gap-[154px] gap-10 justify-center md:!pr-0\">\r\n        <!-- Coluna Esquerda -->\r\n        <div class=\"max-w-96 md:min-w-96 flex flex-col justify-start gap-4\">\r\n                        <h2 class=\"!my-0 !text-white !text-3xl lg:!text-4xl !font-bold\">\r\n                Planos            <\/h2>\r\n                                    <p class=\"!my-0 max-w-[503px] justify-start text-white text-base md:text-lg !font-normal\">\r\n                Oferecemos planos personalizados que se adequam a cada est\u00e1gio da sua carreira. Transforme suas ideias com o plano ideal para voc\u00ea!<\/p>\r\n            \r\n                        <div>\r\n                                <details name=\"planos\" open class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                01<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Empresas<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">Se sua confec\u00e7\u00e3o \u00e9 uma pequena, m\u00e9dia ou grande empresa, temos o plano perfeito para digitalizar sua opera\u00e7\u00e3o. Obtenha licen\u00e7as e suporte completos para alcan\u00e7ar a Ind\u00fastria 5.0, e leve sua produ\u00e7\u00e3o ao m\u00e1ximo de lucratividade.                        <\/p>\r\n                        \r\n                        <a href=\"\/pt-br\/planos\/empresas\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver planos para empresas                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\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=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                                <details name=\"planos\"  class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                02<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Estudantes<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">O futuro da moda come\u00e7a na sala de aula. Oferecemos um plano exclusivo para que voc\u00ea tenha acesso aos softwares mais avan\u00e7ados do mercado. Inicie sua carreira com a mesma tecnologia usada pelas principais empresas do setor.                        <\/p>\r\n                        \r\n                        <a href=\"\/pt-br\/planos\/estudantes\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver plano para estudantes                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\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=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                                <details name=\"planos\"  class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                03<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Institui\u00e7\u00f5es<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">Seja uma escola de moda ou universidade, prepare seus alunos para o mercado de trabalho com o padr\u00e3o de tecnologia Audaces. Nosso plano fornece licen\u00e7as para laborat\u00f3rios, estrutura de ensino e parceria estrat\u00e9gica rumo ao futuro.                        <\/p>\r\n                        \r\n                        <a href=\"\/pt-br\/planos\/instituicoes\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver plano para institui\u00e7\u00f5es                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\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=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                            <\/div>\r\n                    <\/div>\r\n        <!-- Coluna Direita -->\r\n        <div class=\"order-first md:order-last w-full flex flex-col justify-between gap-0 md:gap-[60px]\">\r\n\r\n                        <img decoding=\"async\" class=\"max-md:mt-[1rem] z-1 w-full\" src=\"\/wp-content\/themes\/audaces\/assets\/images\/accordion-image.webp\"\r\n                alt=\"Planos\" \/>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"home-hero-secundary\"\r\n    class=\"relative flex flex-col justify-end items-center m-0 lg:!p-0 py-10 lg:py-16 2xl:py-20 lg:px-[40px] w-full h-screen md:min-h-[850px] \"\r\n    style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/BANNER-SUSTENTABILIDADE.webp'); background-size: cover; background-position: top center;\">\r\n    <!-- Overlay escuro para legibilidade do texto -->\r\n    <div class=\"absolute inset-0 bg-black\/50 md:bg-black\/40 z-0\" aria-hidden=\"true\"><\/div>\r\n    <div\r\n        class=\"relative z-10 w-full px-6 lg:px-20 md:min-h-[340px] md:flex md:justify-center\">\r\n        <div class=\"w-[100px] h-[100px] mt-[33px] md:block hidden\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 174 174\" fill=\"none\">\r\n                <path\r\n                    d=\"M87.7115 2.80095C87.087 1.48001 88.0718 -0.0336201 89.532 0.000568748C90.7188 0.0285414 91.974 0.0689464 92.7942 0.121784C138.141 3.10554 174 40.8469 174 86.9676C174 106.458 167.588 124.451 156.77 138.96C155.48 140.688 152.802 140.389 151.88 138.441L87.7115 2.80095ZM65.1871 5.87483C64.4104 4.23377 62.5401 3.42256 60.8096 3.96958C25.5628 15.0903 0 48.0328 0 86.9676C0 108.42 7.77013 128.047 20.6323 143.215C21.8844 144.691 24.2518 144.364 25.0844 142.615L68.2721 51.9334C68.8438 50.7368 70.5494 50.7399 71.1149 51.9396L80.544 71.9308C81.2648 73.4599 81.2617 75.2316 80.5316 76.7545L42.3862 156.685C41.3299 158.895 42.1408 161.568 44.272 162.774C56.8919 169.913 71.4628 174 86.9969 174C104.463 174 120.715 168.831 134.342 159.967C135.976 158.904 136.582 156.797 135.746 155.035L65.1871 5.87483Z\"\r\n                    fill=\"white\" \/>\r\n                <path\r\n                    d=\"M60.96 4.44629C62.4531 3.9743 64.066 4.67467 64.7354 6.08887L135.294 155.248V155.249C136.021 156.783 135.495 158.62 134.069 159.548C120.521 168.361 104.363 173.5 86.9971 173.5C71.552 173.5 57.0655 169.437 44.5186 162.339C42.6211 161.265 41.8914 158.878 42.8369 156.9H42.8379L80.9824 76.9707C81.7282 75.415 81.7773 73.622 81.1338 72.0322L80.9961 71.7178L71.5674 51.7266C70.8219 50.1448 68.5744 50.1418 67.8213 51.7178L67.8203 51.7188L24.6328 142.399C23.9533 143.828 22.0267 144.085 21.0137 142.891H21.0127C8.2245 127.81 0.500031 108.296 0.5 86.9678C0.5 48.2574 25.9152 15.5033 60.96 4.44629ZM89.5205 0.5C90.4104 0.520975 91.3337 0.549373 92.0811 0.583984L92.7617 0.621094C137.847 3.58784 173.5 41.1121 173.5 86.9678C173.5 106.347 167.125 124.235 156.369 138.66C155.345 140.033 153.234 139.857 152.407 138.374L152.331 138.227L88.1631 2.58691C87.6982 1.60272 88.432 0.474513 89.5205 0.5Z\"\r\n                    stroke=\"black\" stroke-opacity=\"0.1\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"h-full w-[1px] bg-white mx-[4rem] max-md:hidden\"><\/div>\r\n        <div class=\"h-auto flex flex-col md:justify-evenly gap-4 lg:gap-[33px]\">\r\n            <div class=\"flex flex-col md:justify-evenly gap-4 lg:gap-[33px] xl:min-w-[791.44px]\">\r\n                                <h2 class=\"!my-0 !text-white text-3xl md:text-6xl not-italic font-bold\">\r\n                    Sustentabilidade<\/h2>\r\n                                <p class=\"!my-0 md:w-[618px] !text-white text-lg md:text-xl not-italic !font-medium leading-normal\">\r\n                    Diferentes ind\u00fastrias usam Audaces para transformar seus processos em um fluxo digital completo, agregando valor e sustentabilidade ao neg\u00f3cio.<\/p>\r\n                            <\/div>\r\n                        <a href=\"\/pt-br\/sustentabilidade\" class=\"flex items-center gap-4 lg:mb-8 transition-transform duration-300 hover:translate-x-2\">\r\n                <span\r\n                    class=\"text-white text-[16px] not-italic font-normal leading-6 underline\">Leia o manifesto sustent\u00e1vel<\/span>\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\">\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=\"white\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"blog-destaques\"\r\n    class=\"flex flex-col items-center m-0 md:!p-0 py-10 lg:py-16 2xl:py-20 w-full bg-[linear-gradient(180deg,#F6F6F6_0%,#E8E8E8_100%)] md:h-auto \">\r\n    <div\r\n        class=\"w-full px-6 lg:px-20  md:min-h-[340px] md:flex md:justify-center\">\r\n        <div class=\"md:w-[100px] relative\">\r\n            <h2\r\n                class=\"md:absolute md:rotate-270 right-0 left-[6rem] top-[29rem] !text-[var(--color-primary)] text-center md:!text-[78px] !text-3xl !font-bold\">\r\n                Conte\u00fados<\/h2>\r\n        <\/div>\r\n        <div class=\"h-[660px] w-[1px] bg-[var(--color-primary)] mx-[4rem] max-md:hidden\"><\/div>\r\n\r\n\r\n        <div class=\"md:mt-[94px] md:w-[791.44px]\">\r\n            <div class=\"flex md:grid md:grid-cols-2 overflow-x-auto snap-x snap-mandatory scroll-smooth\r\n         -mr-4 gap-6 pb-[10px] pt-10 md:pt-0 w-full\r\n         [scrollbar-width:none] [-ms-overflow-style:none] [&#038;::-webkit-scrollbar]:hidden\">\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto md:pt-[48px] pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/pt-br\/blog\/corte-tecido\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\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\/01\/audaces-mesa-de-corte.jpg\"\r\n                                    alt=\"Saiba como fazer o corte de tecido automatizado na sua confec\u00e7\u00e3o\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Saiba como fazer o corte de tecido automatizado na sua confec\u00e7\u00e3o<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    Escolher o m\u00e9todo de corte de tecido para confec\u00e7\u00e3o \u00e9 crucial, com op\u00e7\u00f5es manuais, autom\u00e1ticas, internas ou terceirizadas. Saiba como!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conhe\u00e7a mais<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/pt-br\/blog\/confeccao-roupas\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\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\/2025\/10\/confeccao-roupas-destaque.png\"\r\n                                    alt=\"Tudo sobre o funcionamento de uma confec\u00e7\u00e3o de roupas\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Tudo sobre o funcionamento de uma confec\u00e7\u00e3o de roupas<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    Existe um fascinante processo de como funciona uma confec\u00e7\u00e3o de roupas, desde a concep\u00e7\u00e3o inicial at\u00e9 a produ\u00e7\u00e3o final. Entenda!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conhe\u00e7a mais<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto md:pt-[48px] pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/pt-br\/blog\/digitalizacao-moldes\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\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\/2023\/04\/digitalizacao-moldes-roupas-destaque-_1_-2-1024x683.webp\"\r\n                                    alt=\"Saiba como fazer a digitaliza\u00e7\u00e3o de moldes de roupas\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Saiba como fazer a digitaliza\u00e7\u00e3o de moldes de roupas<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    A digitaliza\u00e7\u00e3o de moldes de roupas usa softwares para escanear bases f\u00edsicas e traz\u00ea-las ao mundo virtual. Saiba como fazer!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conhe\u00e7a mais<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/pt-br\/blog\/otimizador-corte\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\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\/2026\/09\/otimizador-corte-destaque-1024x576.webp\"\r\n                                    alt=\"O que \u00e9 um otimizador de corte e como escolher o melhor\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    O que \u00e9 um otimizador de corte e como escolher o melhor<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    Saiba como funciona um otimizador de corte e descubra toda a economia que ele pode trazer para a sua produ\u00e7\u00e3o de moda. Leia o artigo!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conhe\u00e7a mais<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                            <\/div>\r\n                            <div\r\n                    class=\"w-full relative md:min-h-[132px] flex justify-center md:justify-end pt-8 md:pt-[76px] md:px-4 xl:after:w-[3px] lg:after:h-[128px] md:after:bg-white md:after:absolute [@media(min-width:1366px)]:after:right-[417.9px] [@media(min-width:1280px)_and_(max-width:1365px)]:after:right-[419px] [@media(min-width:1024px)_and_(max-width:1279px)]:after:!right-[443px] md:after:bottom-0\">\r\n                    <div class=\"md:w-1\/2 md:h-32 md:pl-[37px] pl-0\">\r\n                        \r\n<a \r\n    id=\"blog-destaques-cta-cta-button\" \r\n    href=\"\/pt-br\/blog\" \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        Veja todos os blogposts    <\/div>\r\n<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"assistencia-tecnica-audaces\"\r\n    class=\"assistencia-tecnica-audaces w-full lg:pt-0 py-12 bg-gradient-to-b from-gray-100 to-white \">\r\n    <div class=\"w-full md:max-w-[1283px] mx-auto  px-6 lg:px-20\">\r\n        <div class=\"flex flex-col lg:flex-row justify-end\">\r\n            <div class=\"w-full hidden md:flex justify-end items-center\">\r\n                <div class=\"assistencia-tecnica-audaces-video w-full rounded-[20px] overflow-hidden aspect-video shadow-[0px_10px_12px_-5px_rgba(0,0,0,0.64)] \"\r\n    data-youtube-id=\"S_YT35B3V1A\">\r\n    <button type=\"button\"\r\n        class=\"assistencia-tecnica-audaces-video-trigger group relative block w-full h-full cursor-pointer border-0 p-0 bg-black\"\r\n        aria-label=\"Reproduzir v\u00eddeo\">\r\n        <img class=\"absolute inset-0 w-full h-full object-cover\" src=\"https:\/\/i.ytimg.com\/vi\/S_YT35B3V1A\/hqdefault.jpg\" alt=\"\"\r\n            loading=\"lazy\" decoding=\"async\" \/>\r\n        <span\r\n            class=\"absolute inset-0 flex items-center justify-center bg-black\/20 transition-colors group-hover:bg-black\/30\">\r\n            <span\r\n                class=\"flex h-16 w-16 md:h-20 md:w-20 items-center justify-center rounded-full bg-white transition-transform group-hover:scale-110\">\r\n                <svg class=\"ml-1\" width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\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            <\/span>\r\n        <\/span>\r\n    <\/button>\r\n<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hidden lg:block w-[7px] h-[480px] mx-[37px] bg-[#E8E8E8]\"><\/div>\r\n\r\n            <div class=\"w-full lg:w-[792px] flex flex-col justify-center gap-[22px] md:pt-12\">\r\n                                    <div class=\"w-full\">\r\n                        <h2\r\n                            class=\"!my-0 !text-[var(--color-primary)] lg:!text-4xl !text-3xl !font-bold leading-tight text-center md:text-left\">\r\n                            Assist\u00eancia<br>T\u00e9cnica Audaces                        <\/h2>\r\n                    <\/div>\r\n                \r\n                <div class=\"w-full md:hidden flex justify-end items-center\">\r\n                    <div class=\"assistencia-tecnica-audaces-video w-full rounded-[20px] overflow-hidden aspect-video shadow-[0px_10px_12px_-5px_rgba(0,0,0,0.64)] \"\r\n    data-youtube-id=\"S_YT35B3V1A\">\r\n    <button type=\"button\"\r\n        class=\"assistencia-tecnica-audaces-video-trigger group relative block w-full h-full cursor-pointer border-0 p-0 bg-black\"\r\n        aria-label=\"Reproduzir v\u00eddeo\">\r\n        <img class=\"absolute inset-0 w-full h-full object-cover\" src=\"https:\/\/i.ytimg.com\/vi\/S_YT35B3V1A\/hqdefault.jpg\" alt=\"\"\r\n            loading=\"lazy\" decoding=\"async\" \/>\r\n        <span\r\n            class=\"absolute inset-0 flex items-center justify-center bg-black\/20 transition-colors group-hover:bg-black\/30\">\r\n            <span\r\n                class=\"flex h-16 w-16 md:h-20 md:w-20 items-center justify-center rounded-full bg-white transition-transform group-hover:scale-110\">\r\n                <svg class=\"ml-1\" width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\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            <\/span>\r\n        <\/span>\r\n    <\/button>\r\n<\/div>\r\n                <\/div>\r\n\r\n                                    <div class=\"w-full\">\r\n                        <p class=\"!my-0 !text-[var(--color-text)] text-base md:text-lg !font-normal leading-relaxed\">\r\n                            Com a ASTEC, voc\u00ea tem \u00e0 disposi\u00e7\u00e3o uma rede de assist\u00eancia t\u00e9cnica especializada que acompanha voc\u00ea desde o primeiro contato at\u00e9 as manuten\u00e7\u00f5es mais avan\u00e7adas.<br><br>T\u00e9cnicos certificados, pe\u00e7as originais e um padr\u00e3o de excel\u00eancia que mant\u00e9m seus equipamentos sempre em movimento. Mais confian\u00e7a, mais seguran\u00e7a, mais qualidade.                        <\/p>\r\n                    <\/div>\r\n                \r\n                                    <div class=\"w-full\">\r\n                        \r\n<a \r\n    id=\"assistencia-tecnica-audaces-cta-cta-button\" \r\n    href=\"\/pt-br\/assistencia-tecnica\" \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        Saiba mais    <\/div>\r\n<\/a>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n\r\n\r\n<section\r\n    class=\"m-0 relative w-full overflow-hidden py-10 lg:py-16 2xl:py-20 bg-no-repeat  bg-[size:100%] bg-position-[center_130px] lg:bg-position-[center_88px]  bg-white\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mapa-mundi.png\"\r\n        class=\"absolute left-0 right-0 max-lg:top-1\/2 max-lg:-translate-y-1\/2 w-full object-cover opacity-30 pointer-events-none\"\r\n        alt=\"Mapa mundi\">\r\n    <div\r\n        class=\"max-w-[1283px] mx-auto flex flex-col justify-between gap-8 lg:gap-24 px-6 lg:px-20\">\r\n\r\n\r\n\r\n        <!-- T\u00edtulo principal - centralizado no topo -->\r\n\r\n        \r\n        <div class=\"\">\r\n\r\n            <h2\r\n                class=\"text-[var(--color-primary)] lg:text-left text-center text-3xl lg:text-4xl font-bold leading-none max-w-3xl\">\r\n\r\n                H\u00e1 mais de 30 anos, a Audaces \u00e9 refer\u00eancia em automa\u00e7\u00e3o na ind\u00fastria t\u00eaxtil \u2013 no Brasil e no mundo.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        \r\n\r\n\r\n        <!-- Container do mapa com estat\u00edsticas -->\r\n\r\n        <div class=\"w-full\">\r\n\r\n            <!-- Layout Desktop: Grid 2x2 -->\r\n\r\n            <div class=\"hidden lg:grid h-full grid-cols-2 grid-rows-2 gap-16 secao-mundo-stats\">\r\n\r\n                <div class=\"flex flex-col items-start \">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        Presente em mais de <strong>100 pa\u00edses<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex flex-col items-start\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        <strong>100 mil<\/strong> profissionais usando nossas solu\u00e7\u00f5es\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex items-end\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        <strong>3 milh\u00f5es<\/strong> de acessos por ano em sistemas de modelagem\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex items-end\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl\">\r\n\r\n                        <strong>+20mil<\/strong> marcas confiam na Audaces\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Layout Mobile: Slider -->\r\n\r\n            <div class=\"lg:hidden secao-mundo-stats\">\r\n\r\n                <!-- Container do slider -->\r\n\r\n                <div class=\"relative overflow-hidden\">\r\n\r\n                    <div class=\"flex transition-transform duration-300 ease-in-out\" id=\"stats-slider\">\r\n\r\n                        <!-- Slide 1 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    Presente em mais de <strong>100 pa\u00edses<\/strong>\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 2 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>3 milh\u00f5es<\/strong> de acessos por ano em sistemas de modelagem\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 3 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>100 mil<\/strong> profissionais usando nossas solu\u00e7\u00f5es\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 4 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>+20mil<\/strong> marcas confiam na Audaces\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- Bolinhas de pagina\u00e7\u00e3o -->\r\n\r\n                <div class=\"flex justify-center space-x-4 mt-6\">\r\n\r\n                    <button class=\"w-4 h-4 rounded-full bg-[var(--color-primary)] stats-dot active\" data-slide=\"0\"\r\n                        aria-label=\"Ir para estat\u00edstica 1\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"1\"\r\n                        aria-label=\"Ir para estat\u00edstica 2\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"2\"\r\n                        aria-label=\"Ir para estat\u00edstica 3\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"3\"\r\n                        aria-label=\"Ir para estat\u00edstica 4\"><\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div>\r\n\r\n            <!-- Par\u00e1grafo edit\u00e1vel -->\r\n\r\n            \r\n            <div class=\"mb-8 lg:mb-12 text-center lg:text-left\">\r\n\r\n                <p class=\"text-black  text-base md:text-lg font-normal leading-normal max-w-xl mx-auto lg:mx-0\">\r\n\r\n                    A <strong>Audaces<\/strong> conecta ideias, pessoas e ind\u00fastrias ao redor do mundo. Com solu\u00e7\u00f5es que combinam tecnologia de ponta e sensibilidade criativa, ajudamos marcas a desenhar o futuro da moda com precis\u00e3o, agilidade e prop\u00f3sito. Onde h\u00e1 moda em movimento, h\u00e1 Audaces acelerando possibilidades.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            \r\n\r\n\r\n            <!-- Bot\u00e3o CTA -->\r\n\r\n            \r\n            <div class=\"text-center lg:text-left\">\r\n\r\n                <a href=\"\/pt-br\/audaces-mundo\"\r\n                    class=\"inline-block w-full lg:w-auto px-7 py-3 bg-[var(--color-primary)] text-white hover:text-[var(--color-primary)] rounded-[900px] font-bold text-base hover:shadow-lg hover:bg-white border-1 border-[var(--color-primary)] transition-colors !no-underline\">\r\n\r\n                    Encontre Audaces perto de voc\u00ea\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.secao-mundo-stats strong {\r\n    font-size: 1.875rem;\r\n    display: block;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n    const slider = document.getElementById('stats-slider');\r\n\r\n    const dots = document.querySelectorAll('.stats-dot');\r\n\r\n    let currentSlide = 0;\r\n\r\n\r\n\r\n    if (slider && dots.length > 0) {\r\n\r\n        function updateSlider() {\r\n\r\n            const translateX = -currentSlide * 100;\r\n\r\n            slider.style.transform = `translateX(${translateX}%)`;\r\n\r\n\r\n\r\n            \/\/ Atualizar bolinhas\r\n\r\n            dots.forEach((dot, index) => {\r\n\r\n                if (index === currentSlide) {\r\n\r\n                    dot.classList.add('active', 'bg-[var(--color-primary)]');\r\n\r\n                    dot.classList.remove('border-2', 'border-[var(--color-primary)]');\r\n\r\n                } else {\r\n\r\n                    dot.classList.remove('active', 'bg-[var(--color-primary)]');\r\n\r\n                    dot.classList.add('border-2', 'border-[var(--color-primary)]');\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n\r\n        \/\/ Event listeners para as bolinhas\r\n\r\n        dots.forEach((dot, index) => {\r\n\r\n            dot.addEventListener('click', () => {\r\n\r\n                currentSlide = index;\r\n\r\n                updateSlider();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n\r\n        \/\/ Auto-play (opcional)\r\n\r\n        setInterval(() => {\r\n\r\n            currentSlide = (currentSlide + 1) % dots.length;\r\n\r\n            updateSlider();\r\n\r\n        }, 5000);\r\n\r\n    }\r\n\r\n});\r\n<\/script>\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\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=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    <span style=\"color: var(--color-primary)\">Seja um franqueado<\/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                                <strong>Leve o melhor da tecnologia Audaces para a sua regi\u00e3o!<\/strong><br><br>Fa\u00e7a parte do nosso time\u00a0de franqueados e represente a tecnologia 4.0 para a moda na sua regi\u00e3o.<br>Com suporte, estrutura e prop\u00f3sito,\u00a0 voc\u00ea cresce junto com a gente\u00a0                            <\/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=\"\/pt-br\/franqueados\" \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        Quero ser um franqueado    <\/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] \"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/banner-franqueados.webp\"\r\n                                    alt=\"Seja um franqueado\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-57873","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda<\/title>\n<meta name=\"description\" content=\"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!\" \/>\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\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda\" \/>\n<meta property=\"og:description\" content=\"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/pt-br\" \/>\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-18T01:56:57+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\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\",\"name\":\"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#website\"},\"datePublished\":\"2022-05-24T23:19:41+00:00\",\"dateModified\":\"2026-09-18T01:56:57+00:00\",\"description\":\"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/pt-br\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INIZIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/home-pt-br\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda\"}]},{\"@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":"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda","description":"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!","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","og_locale":"pt_BR","og_type":"article","og_title":"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda","og_description":"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!","og_url":"https:\/\/audaces.com\/pt-br","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T01:56:57+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","url":"https:\/\/audaces.com\/pt-br","name":"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda","isPartOf":{"@id":"https:\/\/audaces.com\/pt-br\/#website"},"datePublished":"2022-05-24T23:19:41+00:00","dateModified":"2026-09-18T01:56:57+00:00","description":"A Audaces \u00e9 uma multinacional brasileira especializada em tecnologia para confec\u00e7\u00e3o de moda. Saiba mais sobre nossos produtos e solu\u00e7\u00f5es!","breadcrumb":{"@id":"https:\/\/audaces.com\/pt-br#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/pt-br"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/pt-br#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INIZIO","item":"https:\/\/audaces.com\/pt-br\/home-pt-br"},{"@type":"ListItem","position":2,"name":"In\u00edcio | Audaces \u2013 Tecnologia para confec\u00e7\u00e3o de moda"}]},{"@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\/57873","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/comments?post=57873"}],"version-history":[{"count":10,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/57873\/revisions"}],"predecessor-version":[{"id":219271,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/57873\/revisions\/219271"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/media?parent=57873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}