{"id":168214,"date":"2024-05-17T15:49:52","date_gmt":"2024-05-17T18:49:52","guid":{"rendered":"https:\/\/audaces.com\/?page_id=168214"},"modified":"2026-09-17T22:48:44","modified_gmt":"2026-09-18T01:48:44","slug":"audaces-academy","status":"publish","type":"page","link":"https:\/\/audaces.com\/en\/services\/audaces-academy","title":{"rendered":"Audaces Academy | Fashion courses and training 100% online"},"content":{"rendered":"\r\n    <!-- VERS\u00c3O 1 - ORIGINAL -->\r\n    <section id=\"hero-with-cards\"\r\n        class=\"w-full md:mb-40 lg:pb-12 relative \"\r\n        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Audaces-Academy_banner-1.webp'); background-size: cover; background-position: center;\"\r\n        >\r\n                    <div class=\"absolute inset-0 z-0 bg-black\/40 lg:bg-transparent lg:bg-gradient-to-r lg:from-black\/80 lg:to-black\/10\">\r\n            <\/div>\r\n                <div\r\n            class=\"relative max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 h-full z-10\">\r\n            <div\r\n                class=\"py-10 lg:py-16 2xl:py-20  2xl:!pt-30 lg:!pb-0   lg:!pt-37  flex flex-col justify-between lg:justify-center items-start gap-2 lg:gap-4 h-full\">\r\n                <div class=\"w-full max-w-xl flex flex-col justify-center items-start gap-4 lg:gap-8\">\r\n                                                                                                            <h1                            class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight\">\r\n                            Audaces Academy                        <\/h1>\r\n                                    <\/div>\r\n                <div class=\"w-full max-w-lg flex flex-col justify-center items-start gap-8 lg:gap-16\">\r\n                    <div class=\"flex flex-col justify-start items-start gap-5\">\r\n\r\n                                                    <p\r\n                                class=\"!my-0 !text-white text-lg lg:text-xl !font-light leading-tight\">\r\n                                Boost your fashion career with online fashion courses.                            <\/p>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"flex flex-col md:flex-row gap-8\">\r\n                                                            <div>\r\n                                    \r\n<a \r\n    id=\"hero-with-cards-cta-cta-button\" \r\n    href=\"https:\/\/academy.audaces.com\/public\/products\" \r\n    target=\"_blank\"\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        Access Audaces Academy    <\/div>\r\n<\/a>\r\n                                <\/div>\r\n                                                                                <\/div>\r\n                                    <\/div>\r\n                <!-- Cards -->\r\n                                    <div class=\"pt-10 lg:pt-16 2xl:pt-30 md:mb-[-10rem] w-full\">\r\n                                                                                    <div class=\"hero-with-cards-carousel hero-cards-carousel-root w-full md:hidden\" data-hero-cards-carousel\r\n                                    data-hero-cards-autoplay=\"0\"\r\n                                    data-hero-cards-autoplay-speed=\"5000\">\r\n                                    <div class=\"relative\" data-hero-cards-viewport>\r\n                                        <div class=\"flex will-change-transform transition-transform duration-300 gap-2.5\"\r\n                                            data-hero-cards-track>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"0\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #1a1a1a;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Master the tools trusted by over 100,000 professionals.                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"1\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #1a1a1a;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Learn techniques such as digital design, tech pack creation, and patternmaking.                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                            <div class=\"shrink-0 w-[min(85vw,340px)] self-stretch\" data-hero-card-slide\r\n                                                    data-slide-index=\"2\">\r\n                                                            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: var(--color-primary);\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Keep improving your skills and stay up to date at your own pace!                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                                    <\/div>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"mt-6 flex flex-col gap-4\">\r\n                                        <div class=\"flex justify-center items-center gap-2 h-1\"\r\n                                            data-hero-cards-indicators>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"0\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-100 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 1\"><\/button>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"1\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 2\"><\/button>\r\n                                                                                            <button data-hero-cards-indicator data-slide-index=\"2\"\r\n                                                    class=\"h-1 transition-all duration-300 flex-1 bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                                                    aria-label=\"Ir para card 3\"><\/button>\r\n                                                                                    <\/div>\r\n                                        <div class=\"flex items-center gap-3 justify-center\">\r\n                                            <button type=\"button\" aria-label=\"Anterior\"\r\n                                                class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center disabled:opacity-40 cursor-pointer\"\r\n                                                data-hero-cards-prev>\r\n                                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" aria-hidden=\"true\">\r\n                                                    <path\r\n                                                        d=\"M12.6982 1.42822L11.6143 0.344238C11.1553 -0.114746 10.4131 -0.114746 9.95898 0.344238L0.466797 9.83154C0.0078125 10.2905 0.0078125 11.0327 0.466797 11.4868L9.95898 20.979C10.418 21.438 11.1602 21.438 11.6143 20.979L12.6982 19.895C13.1621 19.4312 13.1523 18.6743 12.6787 18.2202L6.79492 12.6147H20.8281C21.4775 12.6147 22 12.0923 22 11.4429V9.88037C22 9.23096 21.4775 8.7085 20.8281 8.7085H6.79492L12.6787 3.10303C13.1572 2.64893 13.167 1.89209 12.6982 1.42822Z\"\r\n                                                        fill=\"var(--color-primary)\" \/>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                            <button type=\"button\" aria-label=\"Pr\u00f3ximo\"\r\n                                                class=\"w-10 h-10 rounded-full bg-white shadow flex items-center justify-center disabled:opacity-40 cursor-pointer\"\r\n                                                data-hero-cards-next>\r\n                                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" aria-hidden=\"true\">\r\n                                                    <path\r\n                                                        d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\"\r\n                                                        fill=\"var(--color-primary)\" \/>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                            <style>\r\n            .hero-with-cards-carousel .hero-cards-carousel-root {\r\n                overflow-x: visible;\r\n            }\r\n\r\n            .hero-with-cards-carousel [data-hero-cards-viewport] {\r\n                overflow-x: visible;\r\n                position: relative;\r\n                clip-path: inset(0 -100vw 0 0);\r\n                -webkit-clip-path: inset(0 -100vw 0 0);\r\n            }\r\n\r\n            .hero-with-cards-carousel [data-hero-cards-track] {\r\n                position: relative;\r\n                width: max-content;\r\n            }\r\n        <\/style>\r\n                                <\/div>\r\n                                                        <div class=\"hidden md:grid md:grid-cols-2 md:grid-cols-3 gap-2.5\">\r\n                                        <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #1a1a1a;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Master the tools trusted by over 100,000 professionals.                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: #1a1a1a;\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Learn techniques such as digital design, tech pack creation, and patternmaking.                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <div  class=\"flex h-full\">\r\n            <div class=\"flex-1 self-stretch p-8 max-2xl:!p-8 md:px-12 md:py-10 rounded-[20px] flex flex-col justify-start items-start gap-4 h-full transition-all duration-300\"\r\n                style=\"background-color: var(--color-primary);\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                            <p class=\"!my-0 self-stretch justify-start !text-white !text-xl 2xl:!text-2xl !font-bold leading-tight\">\r\n                            Keep improving your skills and stay up to date at your own pace!                        <\/p>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <style>\r\n        #hero-with-cards.card-link.group:hover span {\r\n            color: #ffffff !important;\r\n            transition: color 0.3s ease-in-out;\r\n        }\r\n    <\/style>\r\n\r\n\n\n\r\n<section id=\"sobre-o-servico\" style=\"background-color: #f1f1f1;\"    class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse lg:flex-row-reverse\">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div class=\"inline-flex justify-start items-start\">\r\n                                    <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight\">\r\n                                        Overview                                    <\/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)\">Take the first step to stand out in the fashion industry<\/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                                Audaces Academy is an online education platform for our clients that offers courses and training on Audaces systems to support self-paced learning.                            <\/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=\"sobre-o-servico-cta-button-cta-primary-cta-button\" \r\n    href=\"https:\/\/academy.audaces.com\/public\/products\" \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        Access Audaces Academy    <\/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=\"\/wp-content\/uploads\/2026\/01\/academy.webp\"\r\n                                    alt=\"Take the first step to stand out in the fashion industry\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-v3\" style=\"background-color: rgba(0, 102, 255, 1);\"    class=\"overflow-hidden relative audaces-texto-v3 !my-0 w-full py-10 lg:py-16 2xl:py-20 \">\r\n        <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n        <div class=\"w-full flex flex-col justify-start items-center relative md:pl-8\">\r\n                        <div class=\"max-md:hidden w-0.5 h-full absolute left-0\"\r\n                style=\"background-color: #ffffff; bottom: -5rem;\">\r\n            <\/div>\r\n            \r\n                        <div class=\"w-full flex flex-col lg:flex-row justify-center items-start gap-8 lg:gap-30 lg:pt-18\">\r\n                <!-- Left Side Content -->\r\n                <div class=\"w-full lg:w-93 inline-flex flex-col justify-start items-start gap-8 lg:gap-9\">\r\n                    <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                        <div class=\"self-stretch flex flex-col gap-3.5 justify-start items-start\">\r\n                            \r\n                            <div class=\"!my-0 text-white !text-lg !font-bold leading-tight\">\r\n                                How it works                            <\/div>\r\n\r\n                            \r\n                            <h2 class=\"self-stretch justify-start text-white text-2xl md:text-3xl lg:text-4xl font-bold leading-[1.3em] \"\r\n                                style=\"\">\r\n                                Learning formats suited to your profile                            <\/h2>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"hidden lg:block\">\r\n                        \r\n<a \r\n    id=\"texto-v3-cta-cta-button\" \r\n    href=\"https:\/\/academy.audaces.com\/public\/products\" \r\n    target=\"_blank\"\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        Access Audaces Academy    <\/div>\r\n<\/a>\r\n\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n                <!-- Right Side Card -->\r\n                <!-- Mobile: Simple card layout -->\r\n                <div class=\"w-full lg:hidden flex flex-col gap-6 order-1 lg:order-2\">\r\n                    <div class=\"w-full p-6 bg-white rounded-[20px] space-y-6\">\r\n\r\n                        <div class=\"space-y-4\">\r\n                                                        <div>\r\n                                <p class=\"text-neutral-700 text-lg font-bold mb-1\">\r\n                                    Courses                                <\/p>\r\n                                <p class=\"text-neutral-700 font-normal\">\r\n                                    Gain in-depth knowledge of Audaces software through recorded courses taught by experienced industry instructors.                                <\/p>\r\n                            <\/div>\r\n                                                                                    <div>\r\n                                <p class=\"text-neutral-700 text-lg font-bold mb-1\">\r\n                                    Training sessions                                <\/p>\r\n                                <p class=\"text-neutral-700 font-normal\">\r\n                                    With Audaces online training sessions, you develop practical skills to get the most out of Audaces360 tools.                                <\/p>\r\n                            <\/div>\r\n                                                                                    <div>\r\n                                <p class=\"text-neutral-700 text-lg font-bold mb-1\">\r\n                                    Monthly subscription                                <\/p>\r\n                                <p class=\"text-neutral-700 font-normal\">\r\n                                    The monthly subscription to Audaces Academy is included in the Audaces software subscription and offers unlimited access to courses.                                <\/p>\r\n                            <\/div>\r\n                                                                                <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- Desktop: Overlapping card layout -->\r\n                <div\r\n                    class=\"card-pensado-em-vc hidden lg:grid grid-cols-[1fr_2fr] gap-x-8 w-full lg:max-w-[625px] relative rounded-[20px] order-2\">\r\n\r\n\r\n                                        <div class=\"justify-start text-white text-xl font-bold pt-4 text-right\">\r\n                        Courses                    <\/div>\r\n                    <div class=\"bg-white px-8 p-4 flex flex-col gap-4\">\r\n                        <div class=\"justify-start text-neutral-700 text-lg font-normal bg-white\">\r\n                            Gain in-depth knowledge of Audaces software through recorded courses taught by experienced industry instructors.                        <\/div>\r\n                    <\/div>\r\n\r\n                                                            <div class=\"justify-start text-white text-xl font-bold pt-4 text-right\">\r\n                        Training sessions                    <\/div>\r\n                    <div class=\"justify-start text-neutral-700 text-lg font-normal bg-white p-4 px-8\">\r\n                        With Audaces online training sessions, you develop practical skills to get the most out of Audaces360 tools.                    <\/div>\r\n                                                            <div class=\"justify-start text-white text-xl font-bold pt-4 text-right\">\r\n                        Monthly subscription                    <\/div>\r\n                    <div class=\"justify-start text-neutral-700 text-lg font-normal bg-white p-4 px-8\">\r\n                        The monthly subscription to Audaces Academy is included in the Audaces software subscription and offers unlimited access to courses.                    <\/div>\r\n                                                        <\/div>\r\n            <\/div>\r\n                        <div class=\"block lg:hidden mt-12\">\r\n                \r\n<a \r\n    id=\"texto-v3-cta-cta-button\" \r\n    href=\"https:\/\/academy.audaces.com\/public\/products\" \r\n    target=\"_blank\"\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        Access Audaces Academy    <\/div>\r\n<\/a>\r\n\r\n            <\/div>\r\n                                            <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.card-pensado-em-vc {\r\n    & .bg-white:nth-child(2) {\r\n        border-top-right-radius: 20px;\r\n        border-top-left-radius: 20px;\r\n    }\r\n\r\n    & .bg-white:last-child {\r\n        border-bottom-right-radius: 20px;\r\n        border-bottom-left-radius: 20px;\r\n    }\r\n}\r\n\r\n<\/style>\n\n\r\n    <!-- VERS\u00c3O 2 - COM MODAL E CARDS ILIMITADOS -->\r\n    <section id=\"hero-with-cards\"\r\n        class=\"w-full px-6 lg:px-20 !pb-34 relative  hero-v2-section\"\r\n        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/AUDACES-ACADEMY.webp'); background-size: cover; background-position: center;\"\r\n        >\r\n\r\n                                    <div class=\"absolute inset-0 z-0 bg-black\/70 lg:bg-transparent lg:bg-gradient-to-r lg:from-black\/100 lg:to-black\/0\">\r\n                <\/div>\r\n                    \r\n        <div\r\n            class=\"relative max-w-screen-xl 2xl:max-w-screen-2xl mx-auto h-full z-10 flex items-center max-md:flex-col\">\r\n\r\n            <div\r\n                class=\"py-10 lg:py-16 2xl:py-20 lg:!pb-0 flex flex-col justify-between lg:justify-center items-start gap-2 lg:gap-4 h-full\">\r\n                <div class=\"w-full max-w-xl flex flex-col justify-center items-start gap-4 lg:gap-8\">\r\n                                                                <div class=\"inline-flex justify-center items-center\">\r\n                                                                                            <div                                    class=\"!my-0 px-4 lg:px-5 py-2 rounded-[50px] text-center !text-sm !font-medium\"\r\n                                    style=\"background-color: #F1F1F1; color: var(--color-text-quaternary);\">\r\n                                    Key benefits                                <\/div>\r\n                                                    <\/div>\r\n                                                                                        <h2                            class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight md:max-w-3xl\">\r\n                            Build the skills you need to succeed in the fashion industry                        <\/h2>\r\n                                    <\/div>\r\n                <div class=\"w-full max-w-xl flex flex-col justify-center items-start gap-8 lg:gap-16\">\r\n                    <div class=\"flex flex-col justify-start items-start gap-5\">\r\n\r\n                                            <\/div>\r\n\r\n                                            <div class=\"flex flex-col md:flex-row gap-8\">\r\n                                                            <div>\r\n                                    \r\n<a \r\n    id=\"hero-with-cards-cta-cta-button\" \r\n    href=\"https:\/\/academy.audaces.com\/public\/products\" \r\n    target=\"_blank\"\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        Access Audaces Academy    <\/div>\r\n<\/a>\r\n                                <\/div>\r\n                                                                                <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section separada para os cards V2 -->\r\n            <section id=\"hero-with-cards-cards-v2\" class=\"w-full pb-16 lg:pb-24 bg-[#5059621A]\">\r\n            <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n                <div class=\"mt-[-5rem] z-10 relative\">\r\n                                                <div class=\"flex flex-wrap justify-center gap-6\">\r\n                                        <div class=\"group w-full md:basis-[calc(25%-1.2rem)] [@media(min-width:1024px)_and_(max-width:1057px)]:!basis-[calc(25%-2.6rem)] card-v2 p-8 rounded-[20px] flex flex-col gap-4 shadow-lg transition-all duration-300 hover:!bg-[#FFFFFF]\"\r\n            style=\"background-color: #0066FF;\">\r\n                                        <h3\r\n                    class=\"!my-0 text-2xl !font-bold leading-tight transition-colors duration-300 !text-white group-hover:!text-[#0066FF]\">\r\n                    Varied content                <\/h3>\r\n                                        <p\r\n                    class=\"!my-0 !text-base !font-normal leading-relaxed transition-colors duration-300 !text-white group-hover:!text-[#45556C]\">\r\n                    Learn about design, patternmaking, collection management, and much more with our extensive catalog of courses and training sessions.                <\/p>\r\n                    <\/div>\r\n            <div class=\"group w-full md:basis-[calc(25%-1.2rem)] [@media(min-width:1024px)_and_(max-width:1057px)]:!basis-[calc(25%-2.6rem)] card-v2 p-8 rounded-[20px] flex flex-col gap-4 shadow-lg transition-all duration-300 hover:!bg-[#0066FF]\"\r\n            style=\"background-color: #ffffff;\">\r\n                                        <h3\r\n                    class=\"!my-0 text-2xl !font-bold leading-tight transition-colors duration-300 !text-[#0066FF] group-hover:!text-white\">\r\n                    Learn anytime, anywhere                <\/h3>\r\n                                        <p\r\n                    class=\"!my-0 !text-base !font-normal leading-relaxed transition-colors duration-300 !text-[#45556C] group-hover:!text-white\">\r\n                    100% online courses and training sessions let you learn with complete flexibility, on your own terms.                <\/p>\r\n                    <\/div>\r\n            <div class=\"group w-full md:basis-[calc(25%-1.2rem)] [@media(min-width:1024px)_and_(max-width:1057px)]:!basis-[calc(25%-2.6rem)] card-v2 p-8 rounded-[20px] flex flex-col gap-4 shadow-lg transition-all duration-300 hover:!bg-[#0066FF]\"\r\n            style=\"background-color: #ffffff;\">\r\n                                        <h3\r\n                    class=\"!my-0 text-2xl !font-bold leading-tight transition-colors duration-300 !text-[#0066FF] group-hover:!text-white\">\r\n                    Continuous updates                <\/h3>\r\n                                        <p\r\n                    class=\"!my-0 !text-base !font-normal leading-relaxed transition-colors duration-300 !text-[#45556C] group-hover:!text-white\">\r\n                    Just as our software evolves constantly, so do our courses. Stay on top of the latest market technologies.                <\/p>\r\n                    <\/div>\r\n            <div class=\"group w-full md:basis-[calc(25%-1.2rem)] [@media(min-width:1024px)_and_(max-width:1057px)]:!basis-[calc(25%-2.6rem)] card-v2 p-8 rounded-[20px] flex flex-col gap-4 shadow-lg transition-all duration-300 hover:!bg-[#0066FF]\"\r\n            style=\"background-color: #ffffff;\">\r\n                                        <h3\r\n                    class=\"!my-0 text-2xl !font-bold leading-tight transition-colors duration-300 !text-[#0066FF] group-hover:!text-white\">\r\n                    Boost your career                <\/h3>\r\n                                        <p\r\n                    class=\"!my-0 !text-base !font-normal leading-relaxed transition-colors duration-300 !text-[#45556C] group-hover:!text-white\">\r\n                    Master the tools and skills most sought after in fashion jobs and build a solid career in the textile industry.                <\/p>\r\n                    <\/div>\r\n                                <\/div>\r\n                                                <\/div>\r\n                <\/div>\r\n        <\/section>\r\n    \r\n    <!-- Modal do YouTube (V2) -->\r\n    \r\n\n\n<section id=\"slider-depoimentos\" style=\"background-color: #ffffff;\"    class=\"slider-depoimentos w-full  py-10 lg:py-16 2xl:py-20 \">\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <!-- Slider Container -->\r\n        <div class=\"relative flex flex-col justify-center items-center\">\r\n            <!-- Viewport -->\r\n            <div class=\"overflow-hidden w-full max-w-[924px]\" data-depoimentos-viewport>\r\n                <!-- Track -->\r\n                <div class=\"flex transition-transform duration-500 ease-in-out\" data-depoimentos-track>\r\n                                        <div class=\"w-full min-w-full flex-shrink-0 inline-flex flex-col justify-start items-center gap-16\"\r\n                        data-slide-index=\"0\">\r\n                        <div class=\"self-stretch flex flex-col justify-start items-center gap-9\">\r\n                            <!-- Logo -->\r\n                                                        <img decoding=\"async\" src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/slider-depoimentos.svg\"\r\n                                alt=\"Logo da Audaces\" class=\"max-w-full max-h-full object-contain\">\r\n                            \r\n                            <!-- Conte\u00fado do Depoimento -->\r\n                            <div class=\"self-stretch flex flex-col justify-start items-center gap-10\">\r\n                                <!-- Depoimento -->\r\n                                                                <div\r\n                                    class=\"self-stretch text-center text-[var(--color-text)] text-lg lg:text-2xl max-w-xl mx-auto font-normal leading-tight\">\r\n                                    &#8220;Academy is wonderful, it has helped me a lot to learn.&#8221;                                <\/div>\r\n                                \r\n                                <!-- Separador e Informa\u00e7\u00f5es -->\r\n                                <div class=\"w-72 flex flex-col justify-start items-center gap-6\">\r\n                                    <!-- Separador -->\r\n                                    <div class=\"w-20 h-px bg-gray-300\"><\/div>\r\n\r\n                                    <!-- Nome e Cargo -->\r\n                                    <div class=\"self-stretch flex flex-col justify-start items-start\">\r\n                                                                                <div\r\n                                            class=\"self-stretch text-center text-[var(--color-primary)] text-xl font-bold leading-8\">\r\n                                            Edneuda Andrade dos Santos                                        <\/div>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"w-full min-w-full flex-shrink-0 inline-flex flex-col justify-start items-center gap-16\"\r\n                        data-slide-index=\"1\">\r\n                        <div class=\"self-stretch flex flex-col justify-start items-center gap-9\">\r\n                            <!-- Logo -->\r\n                                                        <img decoding=\"async\" src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/slider-depoimentos.svg\"\r\n                                alt=\"Logo da Audaces\" class=\"max-w-full max-h-full object-contain\">\r\n                            \r\n                            <!-- Conte\u00fado do Depoimento -->\r\n                            <div class=\"self-stretch flex flex-col justify-start items-center gap-10\">\r\n                                <!-- Depoimento -->\r\n                                                                <div\r\n                                    class=\"self-stretch text-center text-[var(--color-text)] text-lg lg:text-2xl max-w-xl mx-auto font-normal leading-tight\">\r\n                                    &#8220;I am learning so much through Academy! I am not a pattern maker. So for me, starting from scratch, it has been really great.&#8221;                                <\/div>\r\n                                \r\n                                <!-- Separador e Informa\u00e7\u00f5es -->\r\n                                <div class=\"w-72 flex flex-col justify-start items-center gap-6\">\r\n                                    <!-- Separador -->\r\n                                    <div class=\"w-20 h-px bg-gray-300\"><\/div>\r\n\r\n                                    <!-- Nome e Cargo -->\r\n                                    <div class=\"self-stretch flex flex-col justify-start items-start\">\r\n                                                                                <div\r\n                                            class=\"self-stretch text-center text-[var(--color-primary)] text-xl font-bold leading-8\">\r\n                                            Joabe Silva de Morais                                        <\/div>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"w-full min-w-full flex-shrink-0 inline-flex flex-col justify-start items-center gap-16\"\r\n                        data-slide-index=\"2\">\r\n                        <div class=\"self-stretch flex flex-col justify-start items-center gap-9\">\r\n                            <!-- Logo -->\r\n                                                        <img decoding=\"async\" src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/slider-depoimentos.svg\"\r\n                                alt=\"Logo da Audaces\" class=\"max-w-full max-h-full object-contain\">\r\n                            \r\n                            <!-- Conte\u00fado do Depoimento -->\r\n                            <div class=\"self-stretch flex flex-col justify-start items-center gap-10\">\r\n                                <!-- Depoimento -->\r\n                                                                <div\r\n                                    class=\"self-stretch text-center text-[var(--color-text)] text-lg lg:text-2xl max-w-xl mx-auto font-normal leading-tight\">\r\n                                    &#8220;I&#8217;ve already started using Academy and it has been really good. The content is clear and easy to understand.&#8221;                                <\/div>\r\n                                \r\n                                <!-- Separador e Informa\u00e7\u00f5es -->\r\n                                <div class=\"w-72 flex flex-col justify-start items-center gap-6\">\r\n                                    <!-- Separador -->\r\n                                    <div class=\"w-20 h-px bg-gray-300\"><\/div>\r\n\r\n                                    <!-- Nome e Cargo -->\r\n                                    <div class=\"self-stretch flex flex-col justify-start items-start\">\r\n                                                                                <div\r\n                                            class=\"self-stretch text-center text-[var(--color-primary)] text-xl font-bold leading-8\">\r\n                                            Neimar Tamanho                                        <\/div>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <!-- Indicadores (dots) - Centralizados abaixo do slider -->\r\n            <div class=\"w-full flex justify-center items-center mt-16\">\r\n                <div class=\"inline-flex justify-start items-center gap-1.5\">\r\n                                        <button data-depoimentos-indicator data-slide-index=\"0\"\r\n                        class=\"w-2 h-2 rounded-full transition-all duration-300\"\r\n                        style=\"background-color: var(--color-primary); border: none;\"\r\n                        aria-label=\"Ir para depoimento 1\"><\/button>\r\n                                        <button data-depoimentos-indicator data-slide-index=\"1\"\r\n                        class=\"w-2 h-2 rounded-full transition-all duration-300\"\r\n                        style=\"background-color: transparent; border: 1px solid var(--color-primary);\"\r\n                        aria-label=\"Ir para depoimento 2\"><\/button>\r\n                                        <button data-depoimentos-indicator data-slide-index=\"2\"\r\n                        class=\"w-2 h-2 rounded-full transition-all duration-300\"\r\n                        style=\"background-color: transparent; border: 1px solid var(--color-primary);\"\r\n                        aria-label=\"Ir para depoimento 3\"><\/button>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bot\u00f5es de Navega\u00e7\u00e3o -->\r\n            <button data-depoimentos-prev\r\n                class=\"group absolute left-7 lg:left-0 top-2\/3 lg:top-1\/2 -translate-y-1\/2 -translate-x-12 lg:-translate-x-16 w-10 h-10 rounded-full bg-white shadow-md flex items-center justify-center hover:bg-[#0066FF] hover:shadow-lg transition-all z-10 cursor-pointer\"\r\n                aria-label=\"Depoimento anterior\"\r\n                onmouseenter=\"this.querySelector('svg').style.fill='#ffffff'\"\r\n                onmouseleave=\"this.querySelector('svg').style.fill='#0066FF'\">\r\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" aria-hidden=\"true\"\r\n                    style=\"fill: #0066FF; transition: fill 0.2s;\">\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\r\n            <button data-depoimentos-next\r\n                class=\"group absolute right-7 lg:right-0 top-2\/3 lg:top-1\/2 -translate-y-1\/2 translate-x-12 lg:translate-x-16 w-10 h-10 rounded-full bg-white shadow-md flex items-center justify-center hover:bg-[#0066FF] hover:shadow-lg transition-all z-10 cursor-pointer\"\r\n                aria-label=\"Pr\u00f3ximo depoimento\"\r\n                onmouseenter=\"this.querySelector('svg').style.fill='#ffffff'\"\r\n                onmouseleave=\"this.querySelector('svg').style.fill='#0066FF'\">\r\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" aria-hidden=\"true\"\r\n                    style=\"fill: #0066FF; transition: fill 0.2s;\">\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<\/section>\n\n\r\n<section id=\"faq-sidebar\" class=\"w-full \">\r\n\r\n    <div\r\n        class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 flex flex-col lg:flex-row gap-8 lg:gap-16\">\r\n        <!-- Coluna FAQ (2\/3) -->\r\n        <div\r\n            class=\"relative w-full min-w-0 lg:w-2\/3 lg:pr-16 py-10 lg:py-16 2xl:py-20 max-lg:!pb-4\">\r\n            <div class=\"absolute inset-y-0 top-0 bottom-0 right-0 left-[calc(50%-50vw)] -z-10 hidden bg-white lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div class=\"flex flex-col gap-5 mb-12 lg:mb-16\">\r\n                                    <div>\r\n                        <h2 class=\" !my-0 !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-bold\">\r\n                            Frequently asked questions                        <\/h2>\r\n                    <\/div>\r\n                \r\n                            <\/div>\r\n                            <div class=\"flex flex-col gap-0\">\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-1\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-1-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        01                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        What is Audaces Academy?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-1-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Audaces Academy is an online platform with courses on design, pattern making, and Audaces software.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-2\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-2-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        02                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Does the Audaces Academy subscription include access to Audaces software?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-2-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    No, the Academy subscription does not include access to the software. Check the <a href=\"\/en\/plans\">available plans<\/a> for more details.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-3\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-3-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        03                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Are Audaces Academy courses online or in person?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-3-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Audaces Academy courses are 100% online. You can watch them whenever and wherever you want.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-4\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-4-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        04                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Can I purchase just one Audaces Academy course?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-4-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Yes, our courses are available for individual purchase. However, if you want the full experience, the recurring monthly subscription is more cost-effective.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-5\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-5-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        05                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Do Audaces Academy courses come with a certificate?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-5-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Yes! At the end of each course, you can receive a certificate of completion.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-6\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-6-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        06                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        How long do I have access to Audaces Academy courses?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-6-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    With a subscription, you have unlimited access to the entire catalog for as long as your plan is active. For individually purchased courses, you have lifetime access, allowing you to revisit the lessons whenever you need.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-7\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-7-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        07                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Do I need prior fashion knowledge to get started?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-7-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    No! Audaces Academy has learning paths from beginner to advanced level.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-8\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-8-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        08                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Are courses updated in line with new software versions?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-8-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Yes. Our team of specialists constantly updates the platform content to reflect the latest innovations and new features within the Audaces ecosystem, ensuring you always learn on the most current version.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-9\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-9-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        09                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Is there support for questions during the courses?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-9-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Yes. Within the platform, you have a dedicated space to interact with instructors and fellow students, making it easy to share experiences and get answers to technical questions about the content being taught.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-10\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-10-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        10                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        Can I access Audaces Academy on my phone or tablet?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-10-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Absolutely. The platform is fully responsive, allowing you to watch lessons and consult support materials on any device.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n\r\n        <!-- Coluna Sidebar (1\/3) -->\r\n        <div class=\"relative w-full min-w-0 lg:w-1\/3 py-10 lg:py-16 2xl:py-20 max-lg:!pt-0\">\r\n            <div class=\"absolute inset-y-0 left-0 right-[calc(50%-50vw)] -z-10 hidden bg-[#f2f2f2] lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div\r\n                class=\"-mx-6 flex min-h-full flex-col justify-between bg-[#f2f2f2] px-6 lg:mx-0 lg:bg-transparent lg:px-0\">\r\n                <!-- T\u00edtulo e Descri\u00e7\u00e3o no topo -->\r\n                <div class=\"flex flex-col gap-4 mb-8\">\r\n                                            <h2 class=\"!my-0 !text-[var(--color-primary)] !text-3xl lg:!text-[2rem] max-w-[18rem] !font-bold\">\r\n                            If you&#8217;re asking questions, you&#8217;re already moving forward.                        <\/h2>\r\n                    \r\n                                            <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-base !font-normal\">\r\n                            Here, we&#8217;ve answered the most common ones so you can fully understand how our solution works.                        <\/p>\r\n                                    <\/div>\r\n\r\n                <!-- Card de Contato no bottom -->\r\n                <div id=\"faq-sidebar-contact-card\"\r\n                    class=\"w-full max-w-80 mt-auto flex flex-col gap-4 cursor-pointer\">\r\n                    <!-- T\u00edtulo do Card -->\r\n                    <div class=\"text-[var(--color-primary)] text-xl font-bold \">\r\n                        Prefer to talk to someone? Chat with Audara.                    <\/div>\r\n\r\n                    <!-- Box do Card -->\r\n                    <div\r\n                        class=\"bg-white rounded-[10px] shadow-[0px_10px_14px_0px_rgba(0,0,0,0.25)] border border-[#eaeaea] p-4 flex items-center gap-4\">\r\n                        <!-- Imagem Avatar -->\r\n                        <img decoding=\"async\" class=\"w-16 h-16 rounded-full shadow-[0px_5px_14px_0px_rgba(0,0,0,0.17)] border-2 border-white flex-shrink-0\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/faq-sidebar-audara.webp\"\r\n                            alt=\"Chat with Audara\" \/>\r\n\r\n                        <!-- Nome e Cargo -->\r\n                        <div class=\"flex flex-col justify-start items-start flex-1 min-w-0\">\r\n                            <div class=\"text-[var(--color-primary)] text-base font-bold\">\r\n                                Chat with Audara                            <\/div>\r\n                            <div class=\"text-[var(--color-primary)] text-sm font-normal\">\r\n                                Assistant                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Separador -->\r\n                        <div class=\"w-px h-16 opacity-10 bg-[var(--color-primary)] flex-shrink-0\"><\/div>\r\n\r\n                        <!-- \u00cdcone -->\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"38\" height=\"40\" viewBox=\"0 0 38 40\" fill=\"none\"\r\n                            class=\"text-[var(--color-primary)]\">\r\n                            <path\r\n                                d=\"M16.9875 38.0952H3.77499C1.67987 38.0952 0 36.381 0 34.2857L0.0188749 7.61905C0.0188749 5.52381 1.67987 3.80952 3.77499 3.80952H5.66249V0H9.43748V3.80952H24.5374V0H28.3124V3.80952H30.1999C32.2762 3.80952 33.9749 5.52381 33.9749 7.61905V19.0476H30.1999V15.2381H3.77499V34.2857H16.9875V38.0952ZM36.1078 28.5524L37.4479 27.2C38.184 26.4571 38.184 25.2571 37.4479 24.5143L36.1078 23.1619C35.3717 22.419 34.1825 22.419 33.4464 23.1619L32.1063 24.5143L36.1078 28.5524ZM34.7677 29.9048L24.7639 40H20.7624V35.9619L30.7662 25.8667L34.7677 29.9048Z\"\r\n                                fill=\"currentColor\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n    <script type=\"application\/ld+json\">\r\n        {\r\n            \"@context\": \"https:\/\/schema.org\",\r\n            \"@type\": \"FAQPage\",\r\n            \"mainEntity\": [{\"@type\":\"Question\",\"name\":\"What is Audaces Academy?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Audaces Academy is an online platform with courses on design, pattern making, and Audaces software.\"}},{\"@type\":\"Question\",\"name\":\"Does the Audaces Academy subscription include access to Audaces software?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the Academy subscription does not include access to the software. Check the available plans for more details.\"}},{\"@type\":\"Question\",\"name\":\"Are Audaces Academy courses online or in person?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Audaces Academy courses are 100% online. You can watch them whenever and wherever you want.\"}},{\"@type\":\"Question\",\"name\":\"Can I purchase just one Audaces Academy course?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, our courses are available for individual purchase. However, if you want the full experience, the recurring monthly subscription is more cost-effective.\"}},{\"@type\":\"Question\",\"name\":\"Do Audaces Academy courses come with a certificate?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes! At the end of each course, you can receive a certificate of completion.\"}},{\"@type\":\"Question\",\"name\":\"How long do I have access to Audaces Academy courses?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With a subscription, you have unlimited access to the entire catalog for as long as your plan is active. For individually purchased courses, you have lifetime access, allowing you to revisit the lessons whenever you need.\"}},{\"@type\":\"Question\",\"name\":\"Do I need prior fashion knowledge to get started?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No! Audaces Academy has learning paths from beginner to advanced level.\"}},{\"@type\":\"Question\",\"name\":\"Are courses updated in line with new software versions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Our team of specialists constantly updates the platform content to reflect the latest innovations and new features within the Audaces ecosystem, ensuring you always learn on the most current version.\"}},{\"@type\":\"Question\",\"name\":\"Is there support for questions during the courses?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Within the platform, you have a dedicated space to interact with instructors and fellow students, making it easy to share experiences and get answers to technical questions about the content being taught.\"}},{\"@type\":\"Question\",\"name\":\"Can I access Audaces Academy on my phone or tablet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely. The platform is fully responsive, allowing you to watch lessons and consult support materials on any device.\"}}]        }\r\n    <\/script>\r\n\r\n<script>\r\n    (function() {\r\n        const sectionId = 'faq-sidebar';\r\n        const section = document.getElementById(sectionId);\r\n        if (!section) return;\r\n\r\n        const faqButtons = section.querySelectorAll('.faq-question-btn');\r\n\r\n        faqButtons.forEach((button) => {\r\n            button.addEventListener('click', function() {\r\n                const faqId = this.getAttribute('data-faq-id');\r\n                const answer = section.querySelector('#' + faqId + '-answer');\r\n                const icon = this.querySelector('.faq-icon');\r\n                \/\/ Cachear elementos antes de modificar DOM para evitar reflow\r\n                const iconVertical = icon ? icon.querySelector('.faq-icon-vertical') : null;\r\n                const isExpanded = this.getAttribute('aria-expanded') === 'true';\r\n\r\n                \/\/ Usar requestAnimationFrame para agrupar todas as modifica\u00e7\u00f5es\r\n                requestAnimationFrame(() => {\r\n                    if (isExpanded) {\r\n                        \/\/ Fecha\r\n                        answer.classList.add('hidden');\r\n                        this.setAttribute('aria-expanded', 'false');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('rotate-0');\r\n                            iconVertical.classList.add('-rotate-90');\r\n                        }\r\n                    } else {\r\n                        \/\/ Fecha todas as outras - cachear elementos primeiro\r\n                        const elementsToClose = [];\r\n                        faqButtons.forEach((btn) => {\r\n                            if (btn !== this) {\r\n                                const btnFaqId = btn.getAttribute('data-faq-id');\r\n                                const btnAnswer = section.querySelector('#' + btnFaqId +\r\n                                    '-answer');\r\n                                const btnIcon = btn.querySelector('.faq-icon');\r\n                                if (btnAnswer) {\r\n                                    const verticalLine = btnIcon ? btnIcon\r\n                                        .querySelector('.faq-icon-vertical') : null;\r\n                                    elementsToClose.push({\r\n                                        answer: btnAnswer,\r\n                                        button: btn,\r\n                                        verticalLine: verticalLine\r\n                                    });\r\n                                }\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Fechar todas de uma vez\r\n                        elementsToClose.forEach((item) => {\r\n                            item.answer.classList.add('hidden');\r\n                            item.button.setAttribute('aria-expanded', 'false');\r\n                            if (item.verticalLine) {\r\n                                item.verticalLine.classList.remove('rotate-0');\r\n                                item.verticalLine.classList.add('-rotate-90');\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Abre esta\r\n                        answer.classList.remove('hidden');\r\n                        this.setAttribute('aria-expanded', 'true');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('-rotate-90');\r\n                            iconVertical.classList.add('rotate-0');\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Card de Contato - Clique no iframe\r\n        const contactCardId = 'faq-sidebar-contact-card';\r\n        const contactCard = document.getElementById(contactCardId);\r\n        if (contactCard) {\r\n            contactCard.addEventListener('click', function() {\r\n                try {\r\n                    if (window.embeddedservice_bootstrap?.utilAPI?.launchChat) {\r\n                        window.embeddedservice_bootstrap.utilAPI.launchChat();\r\n                    } else {\r\n                        console.log('Salesforce Embedded Messaging ainda n\u00e3o carregou');\r\n                    }\r\n                } catch (error) {\r\n                    console.log('Erro ao abrir o chat:', error);\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\n\n<div class=\"wp-block-template-part\">\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 !pt-0\"\r\n    aria-label=\"The next step is yours\">\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                            The next step is yours                        <\/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                            Find the solution that fits your pace and delivers the performance you&#8217;re looking for. People who take the future seriously don&#8217;t settle for just any path.                        <\/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=\"\/en\/contact-us#contact\" \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        Talk to a specialist    <\/div>\r\n<\/a>\r\n                <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<\/div>\n\n\n<style>\n    #sobre-o-servico {\n        overflow: unset\n    }\n\n    #sobre-o-servico img:first-child {\n        top: -10rem\n    }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.<\/p>\n","protected":false},"author":40,"featured_media":0,"parent":219032,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-168214","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>Audaces Academy | Online fashion courses with certificates<\/title>\n<meta name=\"description\" content=\"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.\" \/>\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\/en\/services\/audaces-academy\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Audaces Academy | Online fashion courses with certificates\" \/>\n<meta property=\"og:description\" content=\"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/en\/services\/audaces-academy\" \/>\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:48:44+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<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/audaces.com\\\/en\\\/services\\\/audaces-academy\",\"url\":\"https:\\\/\\\/audaces.com\\\/en\\\/services\\\/audaces-academy\",\"name\":\"Audaces Academy | Online fashion courses with certificates\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/en#website\"},\"datePublished\":\"2024-05-17T18:49:52+00:00\",\"dateModified\":\"2026-09-18T01:48:44+00:00\",\"description\":\"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/en\\\/services\\\/audaces-academy#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/en\\\/services\\\/audaces-academy\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/en\\\/services\\\/audaces-academy#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"HOME\",\"item\":\"https:\\\/\\\/audaces.com\\\/en\\\/home-en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\\\/\\\/audaces.com\\\/en\\\/services\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Audaces Academy | Fashion courses and training 100% online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/audaces.com\\\/en#website\",\"url\":\"https:\\\/\\\/audaces.com\\\/en\",\"name\":\"Audaces\",\"description\":\"We are the Industry 4.0\",\"publisher\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/audaces.com\\\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/audaces.com\\\/en#organization\",\"name\":\"Audaces\",\"url\":\"https:\\\/\\\/audaces.com\\\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/audaces.com\\\/en#\\\/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\\\/en#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/audaces.pt\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Audaces Academy | Online fashion courses with certificates","description":"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.","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\/en\/services\/audaces-academy","og_locale":"en_US","og_type":"article","og_title":"Audaces Academy | Online fashion courses with certificates","og_description":"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.","og_url":"https:\/\/audaces.com\/en\/services\/audaces-academy","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T01:48:44+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","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/audaces.com\/en\/services\/audaces-academy","url":"https:\/\/audaces.com\/en\/services\/audaces-academy","name":"Audaces Academy | Online fashion courses with certificates","isPartOf":{"@id":"https:\/\/audaces.com\/en#website"},"datePublished":"2024-05-17T18:49:52+00:00","dateModified":"2026-09-18T01:48:44+00:00","description":"Boost your fashion career with exclusive courses from Audaces Academy. Learn Audaces software courses, pattern making, and more.","breadcrumb":{"@id":"https:\/\/audaces.com\/en\/services\/audaces-academy#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/en\/services\/audaces-academy"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/en\/services\/audaces-academy#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"HOME","item":"https:\/\/audaces.com\/en\/home-en"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/audaces.com\/en\/services"},{"@type":"ListItem","position":3,"name":"Audaces Academy | Fashion courses and training 100% online"}]},{"@type":"WebSite","@id":"https:\/\/audaces.com\/en#website","url":"https:\/\/audaces.com\/en","name":"Audaces","description":"We are the Industry 4.0","publisher":{"@id":"https:\/\/audaces.com\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/audaces.com\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/audaces.com\/en#organization","name":"Audaces","url":"https:\/\/audaces.com\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/audaces.com\/en#\/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\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/audaces.pt"]}]}},"_links":{"self":[{"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/pages\/168214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/comments?post=168214"}],"version-history":[{"count":10,"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/pages\/168214\/revisions"}],"predecessor-version":[{"id":219102,"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/pages\/168214\/revisions\/219102"}],"up":[{"embeddable":true,"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/pages\/219032"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/en\/wp-json\/wp\/v2\/media?parent=168214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}