{"id":186720,"date":"2025-01-28T00:18:16","date_gmt":"2025-01-28T03:18:16","guid":{"rendered":"https:\/\/audaces.com\/?page_id=186720"},"modified":"2026-09-18T18:54:25","modified_gmt":"2026-09-18T21:54:25","slug":"web-stories","status":"publish","type":"page","link":"https:\/\/audaces.com\/pt-br\/web-stories","title":{"rendered":"Web Stories"},"content":{"rendered":"\r\n<section id=\"menu-blog\"\r\n    class=\"audaces-menu-blog w-full \">\r\n    <div class=\"w-full bg-neutral-200 px-2.5 py-2.5\">\r\n        <div class=\"max-w-screen-2xl mx-auto px-6\">\r\n            <!-- Menu Principal -->\r\n            <div class=\"w-full rounded-2xl inline-flex flex-col justify-start items-start gap-2.5\">\r\n                <div\r\n                    class=\"self-stretch w-full inline-flex justify-between items-center gap-1.5 flex-wrap lg:flex-nowrap\">\r\n\r\n                    <!-- Se\u00e7\u00e3o de Widgets (esquerda) -->\r\n                    <div class=\"flex-1 hidden lg:flex justify-start items-center gap-2.5 flex-wrap\">\r\n                        <div class=\"py-2.5 flex justify-center md:justify-start items-center gap-3 flex-wrap\">\r\n                                                                                                \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/conteudos\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Ver todos os conte\u00fados                                        <\/div>\r\n                                    <\/a>\r\n                                                                    \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/blog\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Blog                                        <\/div>\r\n                                    <\/a>\r\n                                                                    \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/webinars\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Webinars                                        <\/div>\r\n                                    <\/a>\r\n                                                                    \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/web-stories\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Web stories                                        <\/div>\r\n                                    <\/a>\r\n                                                                    \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/materiais-educativos\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Materiais educativos                                        <\/div>\r\n                                    <\/a>\r\n                                                                    \r\n                                    <!-- Widget comum -->\r\n                                    <a href=\"\/pt-br\/eventos\"\r\n                                        class=\"px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 no-underline hover:bg-zinc-200 transition-colors whitespace-nowrap\">\r\n                                        <div class=\"justify-start text-[#505962] text-sm font-bold \">\r\n                                            Eventos &amp; Lives                                        <\/div>\r\n                                    <\/a>\r\n                                                            \r\n                                                            <!-- Dropdown de Assuntos -->\r\n                                <div class=\"relative px-5 py-2.5 bg-zinc-100 rounded-[19px] flex justify-center items-center gap-2.5 cursor-pointer dropdown-widget\"\r\n                                    data-widget-id=\"more-topics\">\r\n                                    <div class=\"justify-start text-[#505962] text-sm font-bold whitespace-nowrap\">\r\n                                        + assuntos                                    <\/div>\r\n                                    <div class=\"w-3 h-1.5\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\r\n                                            fill=\"none\">\r\n                                            <path\r\n                                                d=\"M10.9993 0C11.4024 0 11.7681 0.24375 11.9243 0.61875C12.0806 0.99375 11.9931 1.42187 11.7087 1.70937L6.70868 6.70938C6.31806 7.1 5.68368 7.1 5.29306 6.70938L0.293056 1.70937C0.00555554 1.42187 -0.0788194 0.99375 0.0774306 0.61875C0.233681 0.24375 0.596181 0 0.999306 0H10.9993Z\"\r\n                                                fill=\"#111111\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <div class=\"absolute hidden bg-white border border-gray-200 rounded-lg shadow-lg dropdown-menu\"\r\n                                        style=\"min-width: 200px; top: 100%; left: 0; z-index: 1000; margin-top: 4px;\">\r\n                                        <div class=\"max-h-64 overflow-y-auto\">\r\n                                                                                                                                            <a href=\"\/pt-br\/cases-sucesso\"\r\n                                                    class=\"block px-4 py-2 text-sm text-[#505962] hover:bg-gray-100 no-underline transition-colors\">\r\n                                                    Cases                                                <\/a>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Se\u00e7\u00e3o de Filtros (direita) -->\r\n                    <div class=\"w-full lg:w-auto flex justify-start lg:justify-end items-center gap-2.5\">\r\n                        \r\n                                                    <!-- Campo de Busca (Explore) -->\r\n                            <form method=\"get\" action=\"https:\/\/audaces.com\/pt-br\" class=\"flex-1 lg:flex-none audaces-menu-blog-search-trigger\">\r\n                                <div class=\"relative flex items-center\">\r\n                                    <input type=\"text\" name=\"s\" data-search-trigger\r\n                                        aria-label=\"Buscar no blog\"\r\n                                        placeholder=\"Explore\"\r\n                                        class=\"px-5 py-2.5 pr-10 w-full md:w-[128px] rounded-[19px] border border-[#505962] text-sm !text-[#505962] font-bold outline-none focus:border-[var(--color-primary)] transition-colors\" \/>\r\n                                    <button type=\"submit\"\r\n                                        class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-[#505962] hover:text-gray-900 transition-colors flex items-center justify-center cursor-pointer\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\"\r\n                                            fill=\"none\">\r\n                                            <path\r\n                                                d=\"M12.1498 10.6918H11.3819L11.1098 10.4294C12.0623 9.32133 12.6358 7.88279 12.6358 6.3179C12.6358 2.82847 9.80732 0 6.3179 0C2.82847 0 0 2.82847 0 6.3179C0 9.80732 2.82847 12.6358 6.3179 12.6358C7.88279 12.6358 9.32133 12.0623 10.4294 11.1098L10.6918 11.3819V12.1498L15.5517 17L17 15.5517L12.1498 10.6918ZM6.3179 10.6918C3.89766 10.6918 1.94397 8.73814 1.94397 6.3179C1.94397 3.89766 3.89766 1.94397 6.3179 1.94397C8.73814 1.94397 10.6918 3.89766 10.6918 6.3179C10.6918 8.73814 8.73814 10.6918 6.3179 10.6918Z\"\r\n                                                fill=\"#505962\" \/>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/form>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"audaces-menu-blog-search-overlay\" aria-hidden=\"true\">\r\n        <div class=\"audaces-menu-blog-search-backdrop\"><\/div>\r\n        <div class=\"audaces-menu-blog-search-panel\">\r\n            <form method=\"get\" action=\"https:\/\/audaces.com\/pt-br\" class=\"audaces-menu-blog-search-form\">\r\n                <input type=\"text\" name=\"s\" data-search-overlay-input\r\n                                        aria-label=\"Buscar no blog\"\r\n                    placeholder=\"Explore\"\r\n                    class=\"audaces-menu-blog-search-input\" \/>\r\n                <button type=\"submit\" class=\"audaces-menu-blog-search-submit\" aria-label=\"Buscar\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 17 17\"\r\n                        fill=\"none\">\r\n                        <path\r\n                            d=\"M12.1498 10.6918H11.3819L11.1098 10.4294C12.0623 9.32133 12.6358 7.88279 12.6358 6.3179C12.6358 2.82847 9.80732 0 6.3179 0C2.82847 0 0 2.82847 0 6.3179C0 9.80732 2.82847 12.6358 6.3179 12.6358C7.88279 12.6358 9.32133 12.0623 10.4294 11.1098L10.6918 11.3819V12.1498L15.5517 17L17 15.5517L12.1498 10.6918ZM6.3179 10.6918C3.89766 10.6918 1.94397 8.73814 1.94397 6.3179C1.94397 3.89766 3.89766 1.94397 6.3179 1.94397C8.73814 1.94397 10.6918 3.89766 10.6918 6.3179C10.6918 8.73814 8.73814 10.6918 6.3179 10.6918Z\"\r\n                            fill=\"currentColor\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .audaces-menu-blog .dropdown-widget {\r\n        position: relative;\r\n        cursor: pointer;\r\n        user-select: none;\r\n    }\r\n\r\n    .audaces-menu-blog .dropdown-menu {\r\n        position: absolute;\r\n        left: 0;\r\n        margin-top: 8px;\r\n        display: none;\r\n    }\r\n\r\n    .audaces-menu-blog .dropdown-menu:not(.hidden) {\r\n        display: block;\r\n    }\r\n\r\n    .audaces-menu-blog .dropdown-menu.hidden {\r\n        display: none;\r\n    }\r\n\r\n    \/* Remover underlines de links nos widgets e dropdowns *\/\r\n    .audaces-menu-blog a,\r\n    .audaces-menu-blog .dropdown-menu a {\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    .audaces-menu-blog a:hover,\r\n    .audaces-menu-blog .dropdown-menu a:hover,\r\n    .audaces-menu-blog a:focus {\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    .audaces-menu-blog-search-overlay {\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 9999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 0.35s ease;\r\n    }\r\n\r\n    .audaces-menu-blog-search-overlay.is-open {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .audaces-menu-blog-search-backdrop {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, 0.45);\r\n        backdrop-filter: blur(6px);\r\n    }\r\n\r\n    .audaces-menu-blog-search-panel {\r\n        position: relative;\r\n        z-index: 1;\r\n        width: min(90vw, 760px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        border-radius: 24px;\r\n        padding: 24px;\r\n        transform: translateY(20px) scale(0.98);\r\n        transition: transform 0.35s ease;\r\n    }\r\n\r\n    .audaces-menu-blog-search-overlay.is-open .audaces-menu-blog-search-panel {\r\n        transform: translateY(0) scale(1);\r\n    }\r\n\r\n    .audaces-menu-blog-search-form {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border: 1px solid #fff;\r\n        border-radius: 9999px;\r\n        padding: 12px 18px;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .audaces-menu-blog-search-input {\r\n        flex: 1;\r\n        border: none;\r\n        outline: none;\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        background: transparent;\r\n    }\r\n\r\n    .audaces-menu-blog-search-input::placeholder {\r\n        color: #fff;\r\n    }\r\n\r\n    .audaces-menu-blog-search-submit {\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    body.menu-blog-search-open {\r\n        overflow: hidden;\r\n    }\r\n<\/style>\r\n\r\n\n\n\r\n<section id=\"listagem-post-types\"\r\n    class=\"audaces-listagem-post-types w-full relative py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 \"\r\n    style=\"background-color: #f1f1f1;\">\r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto flex flex-col gap-6\">\r\n\r\n        <div class=\"w-full flex flex-col items-center text-center gap-4\">\r\n                        <h1 class=\"!my-0 text-3xl sm:text-4xl lg:text-5xl font-extrabold leading-tight text-black\">\r\n                Web Stories <span class=\"text-[var(--color-primary)]\">Audaces<\/span>            <\/h1>\r\n                                    <p class=\"!my-0 max-w-3xl text-lg sm:text-xl font-normal text-[var(--color-text-secondary)]\">\r\n                Acesse conte\u00fados visuais din\u00e2micos e interativos com informa\u00e7\u00e3o de moda.            <\/p>\r\n                    <\/div>\r\n\r\n        <!-- Filtro -->\r\n        <div class=\"self-stretch pr-6 bg-white rounded-2xl inline-flex justify-center items-center gap-3 mb-8\">\r\n            <div class=\"flex-1 p-6 flex justify-start items-center gap-6\">\r\n                <div class=\"flex justify-start items-center gap-3\">\r\n                    <div class=\"justify-start text-gray-600 text-sm font-medium\">\r\n                        Categoria:<\/div>\r\n                    <div class=\"relative flex justify-center items-center gap-2.5 cursor-pointer dropdown-widget\"\r\n                        data-filter=\"category\">\r\n                        <div\r\n                            class=\"justify-start text-[var(--color-primary)] text-sm font-bold whitespace-nowrap dropdown-label\">\r\n                            Todos                        <\/div>\r\n                        <div class=\"w-3 h-1.5\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\"\r\n                                fill=\"none\">\r\n                                <path\r\n                                    d=\"M10.9993 0C11.4024 0 11.7681 0.24375 11.9243 0.61875C12.0806 0.99375 11.9931 1.42187 11.7087 1.70937L6.70868 6.70938C6.31806 7.1 5.68368 7.1 5.29306 6.70938L0.293056 1.70937C0.00555554 1.42187 -0.0788194 0.99375 0.0774306 0.61875C0.233681 0.24375 0.596181 0 0.999306 0H10.9993Z\"\r\n                                    fill=\"#0066FF\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"absolute hidden bg-white border border-gray-200 rounded-lg shadow-lg dropdown-menu\"\r\n                            style=\"min-width: 200px; top: 100%; left: 0; z-index: 1000; margin-top: 4px;\">\r\n                            <div class=\"max-h-64 overflow-y-auto\">\r\n                                <a href=\"#\"\r\n                                    class=\"block px-4 py-2 text-sm text-[var(--color-primary)] hover:bg-gray-100 !no-underline transition-colors dropdown-option\"\r\n                                    data-value=\"\">\r\n                                    Todos                                <\/a>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"relative flex justify-center items-center gap-2.5 cursor-pointer dropdown-widget\"\r\n                data-filter=\"order\">\r\n                <div class=\"justify-start text-black text-sm font-medium whitespace-nowrap dropdown-label\">\r\n                    as mais recentes                <\/div>\r\n                <div class=\"w-3 h-1.5\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\">\r\n                        <path\r\n                            d=\"M10.9993 0C11.4024 0 11.7681 0.24375 11.9243 0.61875C12.0806 0.99375 11.9931 1.42187 11.7087 1.70937L6.70868 6.70938C6.31806 7.1 5.68368 7.1 5.29306 6.70938L0.293056 1.70937C0.00555554 1.42187 -0.0788194 0.99375 0.0774306 0.61875C0.233681 0.24375 0.596181 0 0.999306 0H10.9993Z\"\r\n                            fill=\"#111111\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"absolute hidden bg-white border border-gray-200 rounded-lg shadow-lg dropdown-menu\"\r\n                    style=\"min-width: 200px; top: 100%; right: 0; z-index: 1000; margin-top: 4px;\">\r\n                    <div class=\"max-h-64 overflow-y-auto\">\r\n                        <a href=\"#\"\r\n                            class=\"block px-4 py-2 text-sm text-[var(--color-primary)] hover:bg-gray-100 !no-underline transition-colors dropdown-option\"\r\n                            data-value=\"date-desc\">\r\n                            as mais recentes                        <\/a>\r\n                        <a href=\"#\"\r\n                            class=\"block px-4 py-2 text-sm text-[#505962] hover:bg-gray-100 !no-underline transition-colors dropdown-option\"\r\n                            data-value=\"date-asc\">\r\n                            as mais antigas                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Grid de posts -->\r\n                        <div class=\"w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 items-start gap-6 lg:gap-8\">\r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/troca-de-colecao\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-collection-exchange-story-1-1-1.png);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Troca de cole\u00e7\u00e3o: como fazer isso sem pausar a produ\u00e7\u00e3o?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Fa\u00e7a a troca de cole\u00e7\u00e3o com mais efici\u00eancia, evitando paradas na produ\u00e7\u00e3o e mantendo os prazos em dia. Saiba mais!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/treinamento-operadores\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-operator-training-story-1-1.png);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Treinamento de operadores: como acelerar a aprendizagem?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Otimize o treinamento de operadores e acelere a produtividade com m\u00e9todos pr\u00e1ticos e materiais did\u00e1ticos eficientes. Saiba como!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/como-colocar-preco-em-roupas\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-how-to-price-clothing-story-1-1.jpg);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Como colocar pre\u00e7o em roupas corretamente?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Aprenda como colocar pre\u00e7o em roupas corretamente, considerando custos e margem de lucro, com ajuda de ferramentas digitais. Clique aqui!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/confeccao-digital\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-digital-fashion-industry-story-1-1-1.png);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Confec\u00e7\u00e3o digital: como atrair  clientes para seu neg\u00f3cio?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Aumente as vendas da sua confec\u00e7\u00e3o com estrat\u00e9gia digital e conquiste novos clientes para sua confec\u00e7\u00e3o. Saiba como!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/diversidade-corporal\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-body-diversity-story-1-1.jpg);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Diversidade corporal: como adaptar moldes a corpos reais?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Adapte moldes para a diversidade corporal com modelagem inclusiva e ferramentas que garantem vestibilidade para todos. Descubra como!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/como-escolher-tecido\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-how-to-choose-fabric-story-1-1.png);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Como escolher tecido? Entenda seu impacto na modelagem                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Voc\u00ea sabe como escolher tecido? A op\u00e7\u00e3o errada pode comprometer o caimento da pe\u00e7a. Aprenda a selecionar os melhores materiais, clicando aqui.                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/ficha-tecnica-moda\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-tech-pack-fashion-story-1-1.jpg);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Ficha t\u00e9cnica de moda: como preencher esse documento?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Evite erros na produ\u00e7\u00e3o com fichas t\u00e9cnicas de moda completas, claras e padronizadas. Veja como otimizar esse processo com tecnologia, aqui.                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/bloqueio-criativo\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/05\/cropped-creative-bloch-story-1-1.jpg);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Bloqueio criativo? Saiba destravar o trabalho da estilista                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Redescubra sua inspira\u00e7\u00e3o com t\u00e9cnicas pr\u00e1ticas e ferramentas digitais que ajudam estilistas a destravarem o bloqueio criativo. Clique e saiba mais!                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                        \r\n            <!-- Card Materiais Educativos -->\r\n                        <article class=\"w-full aspect-4\/5\">\r\n                <a href=\"https:\/\/audaces.com\/pt-br\/web-stories\/gestao-de-custos-como-otimizar-o-preco-da-sua-colecao\"\r\n                    class=\"group block h-full !no-underline overflow-hidden p-4 relative rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover transition-all duration-500 group-hover:scale-105 group-hover:brightness-50\"\r\n                        style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2025\/03\/cropped-cost-management-STORY-1-1-1.png);\"><\/div>\r\n                    <div class=\"h-full relative z-10 flex flex-col justify-end\">\r\n                        <div\r\n                            class=\"w-full p-7 flex group-hover:bg-[#363B40] bg-[var(--color-primary)] justify-between items-end gap-4 text-white transition-all duration-500 rounded-[20px]\">\r\n                            <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                                <div class=\"w-full text-white text-xl font-bold\">\r\n                                    Gest\u00e3o de custos: como otimizar o pre\u00e7o da sua cole\u00e7\u00e3o?                                <\/div>\r\n                                                                <!--                                 <div class=\"w-full text-white text-base font-normal leading-5 line-clamp-4\">\r\n                                    Tenha uma boa gest\u00e3o de custos, sem perder a qualidade! Aqui, voc\u00ea encontra dicas para uma produ\u00e7\u00e3o mais lucrativa.                                <\/div>\r\n                                 -->\r\n                            <\/div>\r\n                            <div class=\"flex justify-end items-center\">\r\n                                <div class=\"w-4 h-4\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 22 22\"\r\n                                        fill=\"none\">\r\n                                        <path\r\n                                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                            fill=\"white\" \/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <!-- Card Blog -->\r\n            \r\n                    <\/div>\r\n        \r\n        <!-- Pagina\u00e7\u00e3o -->\r\n        \r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"newsletter-7c937df3-05e3-4356-88df-1ba9fc974b11\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 inline-flex flex-col justify-center items-center gap-8 md:gap-12 px-4 \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative\">\r\n        <div class=\"w-full flex flex-col justify-center items-center gap-4 max-w-4xl mx-auto\">\r\n            <div class=\"w-full text-center\">\r\n                <h2 class=\"inline-block text-center text-6xl leading-none text-[#0066FF] font-bold\">\r\n                    Newsletter                <\/h2>\r\n            <\/div>\r\n            <div class=\"self-stretch flex-1 flex flex-col justify-start items-center\">\r\n                <div\r\n                    class=\"w-full max-w-3xl text-center justify-center text-neutral-900\/80 text-base md:text-lg font-normal  leading-7 newsletter-content\">\r\n                    Receba insights exclusivos sobre moda, tecnologia t\u00eaxtil e inova\u00e7\u00e3o <br class=\"hidden md:block\" \/>diretamente no seu email. Sem spam, apenas conte\u00fado de qualidade.                <\/div>\r\n            <\/div>\r\n\r\n                            <div class=\"w-full max-w-xl mx-auto\">\r\n                    <div class=\"audaces-rd-station-form mx-auto w-full\">\r\n    <div role=\"main\" id=\"2023-newsleter-site-e0176e4557ca78180110\"><\/div>\r\n    <script type=\"text\/javascript\">\r\n    var script = document.createElement('script');\r\n    script.src = 'https:\/\/d335luupugsy2.cloudfront.net\/js\/rdstation-forms\/stable\/rdstation-forms.min.js';\r\n    var callback = function() {\r\n        new RDStationForms('2023-newsleter-site-e0176e4557ca78180110', 'UA-78634938-2').createForm();\r\n    };\r\n    script.onload = callback;\r\n    document.head.appendChild(script);\r\n    <\/script>\r\n<\/div>\r\n                <\/div>\r\n                        <div class=\"self-stretch flex flex-col justify-start items-center\">\r\n                <div class=\"text-center justify-center text-stone-500 text-sm font-normal  leading-5 newsletter-footer\">\r\n                    Cancele a inscri\u00e7\u00e3o a qualquer momento. Seus dados est\u00e3o protegidos.                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n\r\n<section id=\"secao-cta\"\r\n    class=\"relative z-1 bg-[#f1f2f4] lg:bg-transparent lg:bg-[linear-gradient(to_bottom,#ffffff_0%,#f1f2f4_100%)] w-full flex justify-center items-center py-10 lg:py-16 2xl:py-20 !pb-0 !pt-0\"\r\n    aria-label=\"Agora, voc\u00ea j\u00e1 sabe do que precisa para crescer!\">\r\n    <div\r\n        class=\"w-full mx-6 lg:mx-16 px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 !mb-0 bg-[var(--color-primary)] rounded-[40px]\">\r\n        <div class=\"w-full flex flex-col justify-start items-center gap-4 max-w-[800px] mx-auto\">\r\n\r\n            <!-- \u00cdcone\/Logo -->\r\n                            <div class=\"w-auto h-16 flex items-center justify-center\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/themes\/audaces\/assets\/images\/audaces-simbolo-branco.svg\" alt=\"\" class=\"w-full h-full object-contain\"\r\n                        aria-hidden=\"true\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"w-full pb-5 flex flex-col justify-start items-center gap-2.5\">\r\n                <!-- T\u00edtulo -->\r\n                                    <div class=\"w-full\">\r\n                        <h2 class=\"!my-0 text-center !text-white text-xl lg:text-3xl !font-bold\">\r\n                            Agora, voc\u00ea j\u00e1 sabe do que precisa para crescer!                        <\/h2>\r\n                    <\/div>\r\n                \r\n                <!-- Par\u00e1grafo -->\r\n                                    <div class=\"w-full max-w-[859px]\">\r\n                        <p class=\"!my-0 text-center !text-white text-base lg:text-2xl font-normal\">\r\n                            Encontre a op\u00e7\u00e3o que impulsiona sua ideia, respeita seu ritmo e entrega a performance que voc\u00ea deseja. Quem leva o futuro a s\u00e9rio, como voc\u00ea, n\u00e3o escolhe qualquer caminho.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Bot\u00e3o CTA -->\r\n                            <div class=\"pt-2\">\r\n                    \r\n<a \r\n    id=\"secao-cta-cta-primary-cta-button\" \r\n    href=\"\/pt-br\/fale-conosco#contato\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-white !outline-white hover:bg-[var(--color-primary)] hover:!text-white !text-[var(--color-primary)] hover:!outline-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Fale com um especialista    <\/div>\r\n<\/a>\r\n                <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!<\/p>\n","protected":false},"author":40,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-186720","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Stories Audaces | Descubra o futuro da moda e tecnologia<\/title>\n<meta name=\"description\" content=\"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/audaces.com\/pt-br\/web-stories\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Stories Audaces | Descubra o futuro da moda e tecnologia\" \/>\n<meta property=\"og:description\" content=\"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/pt-br\/web-stories\" \/>\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-18T21:54:25+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\\\/web-stories\",\"url\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/web-stories\",\"name\":\"Web Stories Audaces | Descubra o futuro da moda e tecnologia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/#website\"},\"datePublished\":\"2025-01-28T03:18:16+00:00\",\"dateModified\":\"2026-09-18T21:54:25+00:00\",\"description\":\"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/web-stories#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/pt-br\\\/web-stories\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/web-stories#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INIZIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/pt-br\\\/home-pt-br\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Stories\"}]},{\"@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":"Web Stories Audaces | Descubra o futuro da moda e tecnologia","description":"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/audaces.com\/pt-br\/web-stories","og_locale":"pt_BR","og_type":"article","og_title":"Web Stories Audaces | Descubra o futuro da moda e tecnologia","og_description":"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!","og_url":"https:\/\/audaces.com\/pt-br\/web-stories","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T21:54:25+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\/web-stories","url":"https:\/\/audaces.com\/pt-br\/web-stories","name":"Web Stories Audaces | Descubra o futuro da moda e tecnologia","isPartOf":{"@id":"https:\/\/audaces.com\/pt-br\/#website"},"datePublished":"2025-01-28T03:18:16+00:00","dateModified":"2026-09-18T21:54:25+00:00","description":"Explore as Web Stories da Audaces e fique por dentro das tend\u00eancias sobre inova\u00e7\u00e3o e tecnologia para a ind\u00fastria da moda. \u00c9 s\u00f3 clicar aqui!","breadcrumb":{"@id":"https:\/\/audaces.com\/pt-br\/web-stories#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/pt-br\/web-stories"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/pt-br\/web-stories#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INIZIO","item":"https:\/\/audaces.com\/pt-br\/home-pt-br"},{"@type":"ListItem","position":2,"name":"Web Stories"}]},{"@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\/186720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/comments?post=186720"}],"version-history":[{"count":10,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/186720\/revisions"}],"predecessor-version":[{"id":222491,"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/pages\/186720\/revisions\/222491"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/pt-br\/wp-json\/wp\/v2\/media?parent=186720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}