{"id":57900,"date":"2022-05-24T20:19:41","date_gmt":"2022-05-24T23:19:41","guid":{"rendered":"https:\/\/nayfer3.dream.press\/homepage\/"},"modified":"2026-09-17T22:52:33","modified_gmt":"2026-09-18T01:52:33","slug":"home-es","status":"publish","type":"page","link":"https:\/\/audaces.com\/es","title":{"rendered":"In\u00edcio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda"},"content":{"rendered":"\r\n<section id=\"hero-home\"\r\n    class=\"m-0 relative w-full bg-black overflow-hidden \">\r\n        <img class=\"no-lazy absolute inset-0 w-full h-full object-cover object-top\"\r\n        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/banner-home-2.webp\" alt=\"\" aria-hidden=\"true\" fetchpriority=\"high\"\r\n        decoding=\"async\" \/>\r\n        <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative z-10 px-6 lg:px-20 pt-[40%] sm:pt-[10%] 2xl:pt-[15%] min-h-[560px] lg:min-h-[600px] 2xl:min-h-[700px] lg:min-h-[calc(100vh-113px)] 2xl:min-h-[calc(100vh-145px)] flex flex-col justify-end items-start\">\r\n                <h1 class=\"!text-neutral-100 text-6xl xl:text-7xl 2xl:text-8xl !font-bold lg:!mb-12 mb-4 !mt-0\">\r\n            Audaces<\/h1>\r\n                <div\r\n            class=\"border-l border-white pl-5 lg:pl-10 max-w-120 lg:max-w-88 2xl:max-w-96 justify-start pb-20 2xl:pb-40\">\r\n                        <h2 class=\"!my-0 !text-neutral-100 text-2xl lg:text-3xl 2xl:text-4xl !font-light leading-tight\">\r\n                Tecnolog\u00eda para confecci\u00f3n que garantiza el m\u00e1ximo de eficiencia.<\/h2>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section\r\n    class=\"[margin-block-start:0!important] m-0 relative w-full bg-[#f2f2f2] text-[var(--color-primary)] overflow-hidden\">\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20 z-1\">\r\n        <!-- Linha azul -->\r\n                <div\r\n            class=\"border-l border-[var(--color-primary)] py-10 lg:py-16 2xl:py-20 pl-5 lg:pl-10 w-[80%] lg:w-120 justify-start h-full\">\r\n                        <p class=\"!mt-0 !mb-4 !text-[var(--color-primary)] !text-2xl 2xl:!text-3xl !font-bold\">\r\n                Qui\u00e9nes somos<\/p>\r\n                        <div class=\"justify-start\">\r\n                <h2 class=\"!my-0 !text-[var(--color-text)] text-2xl lg:text-3xl 2xl:text-4xl !font-light leading-tight\">\r\n                    Del dise\u00f1o al corte, empoderamos personas para revolucionar el mundo de la moda. La innovaci\u00f3n es nuestro legado.<\/h2>\r\n            <\/div>\r\n                        <div class=\"block mt-10\">\r\n                \r\n<a \r\n    id=\"hero-home-cta-primary-cta-button\" \r\n    href=\"\/es\/quienes-somos\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Descubre m\u00e1s sobre nosotros    <\/div>\r\n<\/a>\r\n            <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n    <div class=\"opacity-40 text-center justify-end text-white text-[125px] md:text-[200px] lg:text-[300px] 2xl:text-[400px] font-bold  lg:leading-[0.7] leading-[0.9] absolute bottom-0 right-0 sm:break-normal sm:max-w-none break-all max-w-[1ch]\"\r\n        aria-hidden=\"true\">DNA<\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\" style=\"background-color: #ffffff;\"    class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20 !pb-0 \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse \">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                                    <div class=\"inline-flex justify-start items-start\">\r\n                                    <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight\">\r\n                                        Nuestro ecosistema                                    <\/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)\">\u00a1Audaces360 evolucion\u00f3!<\/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                                Mucho m\u00e1s que un paquete de softwares, ahora es el ecosistema completo que conecta todos los puntos de tu confecci\u00f3n. Al integrar Creaci\u00f3n, Producci\u00f3n y Ventas, transformamos etapas aisladas en un ciclo continuo: todo lo que se decide en el boceto llega a la mesa de corte y a la vitrina.<br><br>Con Audaces360, aceleras tu time-to-market y haces que tus colecciones pasen del papel a la realidad con mucha m\u00e1s eficiencia y rentabilidad.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                            <div\r\n                            class=\"mt-5 inline-flex self-start items-start \">\r\n                            \r\n<a \r\n    id=\"texto-imagem-v2-cta-button-cta-primary-cta-button\" \r\n    href=\"\/es\/soluciones\/audaces-360\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Descubre Audaces360    <\/div>\r\n<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-end max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover  \"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/LATAM-Ciclo360-2026-scaled.webp\"\r\n                                    alt=\"\u00a1Audaces360 evolucion\u00f3!\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section id=\"slider-3d\"\r\n    class=\"slider-3d-block bg-white py-10 lg:py-16 2xl:py-20 \">\r\n        <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20 pb-6 lg:pb-8\">\r\n        <h2 class=\"!my-0 !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-light\">\r\n            <strong>Nuestras<\/strong> soluciones        <\/h2>\r\n    <\/div>\r\n        <svg class=\"absolute w-0 h-0 overflow-hidden\" aria-hidden=\"true\" focusable=\"false\">\r\n        <defs>\r\n            <clipPath id=\"slider-3d-lens-clip\" clipPathUnits=\"objectBoundingBox\">\r\n                <path\r\n                    d=\"M0,0 C0.2,0.044 0.35,0.055 0.5,0.055 C0.65,0.055 0.8,0.044 1,0 V1 C0.8,0.956 0.65,0.945 0.5,0.945 C0.35,0.945 0.2,0.956 0,1 Z\" \/>\r\n            <\/clipPath>\r\n        <\/defs>\r\n    <\/svg>\r\n    <div class=\"slider-3d relative lg:px-3\">\r\n        <div class=\"slider-3d-viewport overflow-hidden\"\r\n            style=\"clip-path: url(#slider-3d-lens-clip); -webkit-clip-path: url(#slider-3d-lens-clip);\">\r\n            <div class=\"slider-track flex gap-[15px] transition-transform duration-500 ease-in-out\">\r\n                                <a href=\"\/es\/soluciones\/looksmaker\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"0\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Banner_Hero_DEstque.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            LooksMaker<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Eleva la productividad de tu equipo con IA aplicada a la creaci\u00f3n de moda.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/isa\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"1\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Isa.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Isa<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Planifica y gestiona tu colecci\u00f3n en tiempo real con Fashion PLM.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/cuadro-digiflash\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"2\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Quadro-Digiflash.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces M\u00e1quina Digiflash<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Almacena tus moldes digitalmente con una sola foto.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/digiflash\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"3\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Digiflash.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Digiflash<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Digitaliza moldes de papel con total precisi\u00f3n y rapidez.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/patrones\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"4\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Moldes.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Patrones<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Crea tus patrones y realiza el escalado directamente desde tu computadora.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/3d\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"5\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_3D.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces 3D<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Simula, confecciona y aprueba tus colecciones de moda en 3D.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/tizada\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"6\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Encaixe.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Tizada<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Aumenta la eficiencia de tu producci\u00f3n con tizadas autom\u00e1ticos.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/supera\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"7\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Supera.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Supera<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Ahorra tiempo y tejido gestionando colas de tizada.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/neocut-bravo\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"8\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/Neocut-bravo-banner-br-1.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Neocut Bravo<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Lleva tu potencial al m\u00e1ximo con la m\u00e1quina de corte autom\u00e1tica e inteligente.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/premium\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"9\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Premium.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Premium<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Acelera la producci\u00f3n programando diferentes tendidos en un mismo d\u00eda.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/express\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"10\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/08\/banner.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Express<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Automatiza el tendido con mayor rapidez, facilidad y precisi\u00f3n.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/pratica\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"11\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Pratica.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Pratica<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Cuenta con una mesa de tendido pr\u00e1ctica, robusta y eficiente.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/audaces-icf\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"12\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-ICF.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces ICF<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Gestiona de forma inteligente la sala de corte desde la palma de tu mano.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/jet-lux\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"13\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-jet-lux.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Jet Lux<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Imprime tus moldes con la velocidad de la luz y total precisi\u00f3n.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/plotter-essence\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"14\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO_Banner-Essence.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Audaces Plotter Essence<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Comienza tu negocio con calidad en los trazos y ahorro.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"\/es\/soluciones\/clickfy\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"15\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/SITE_IMAGETICA_CLICKFY__secao-.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Clickfy.ai<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Genera im\u00e1genes realistas para e-commerce con inteligencia artificial.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/sizebay.com\/es\/probador-virtual\/\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"16\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LISTAGEM-DE-SOFTWARES_Sizebay.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Size &amp; Fit<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Elimina las dudas sobre tallas con recomendaciones personalizadas.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                                <a href=\"https:\/\/sizebay.com\/es\/fashion-hub\/\"\r\n                    class=\"slide group relative h-[360px] md:h-[450px] flex flex-col justify-end overflow-hidden\"\r\n                    data-slide-index=\"17\">\r\n                    <div class=\"slide-bg absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 ease-out group-hover:scale-110\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/FASHION-HUB-scaled.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 via-black\/30 to-black\/10 pointer-events-none\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <div class=\"relative z-10 w-full p-6 pb-12 text-white\">\r\n                        <h3 class=\"!my-0 !text-xl 2xl:!text-2xl !font-bold mb-1\">\r\n                            Fashion Hub<\/h3>\r\n                        <p class=\"!my-0 !text-sm 2xl:!text-base\">Genera recomendaciones de productos y looks completos para tus clientes.                        <\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bot\u00e3o Previous -->\r\n        <button\r\n            class=\"slider-prev absolute left-4 top-1\/2 transform -translate-y-1\/2 z-10 bg-white\/70 hover:bg-white rounded-full shadow cursor-pointer\"\r\n            aria-label=\"Slide anterior\">\r\n            <div data-svg-wrapper class=\"relative\">\r\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\" fill=\"white\" \/>\r\n                    <path\r\n                        d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                        fill=\"var(--color-primary)\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/button>\r\n\r\n        <!-- Bot\u00e3o Next -->\r\n        <button\r\n            class=\"slider-next absolute right-4 top-1\/2 transform -translate-y-1\/2 z-10 bg-white\/70 hover:bg-white rounded-full shadow scale-x-[-1] cursor-pointer\"\r\n            aria-label=\"Pr\u00f3ximo slide\">\r\n            <div data-svg-wrapper class=\"relative\">\r\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\" fill=\"white\" \/>\r\n                    <path\r\n                        d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                        fill=\"var(--color-primary)\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto relative px-6 lg:px-20\">\r\n        <div class=\"relative rounded-[20px] max-w-3xl text-center lg:text-left mt-6 lg:mt-8\">\r\n            <h3 class=\"!mt-0 !mb-4 !text-[var(--color-primary)] !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold\">\r\n                Quien tiene Audaces, tiene tiempo para crear.            <\/h3>\r\n\r\n            <p class=\"!mt-0 !mb-6 !text-[var(--color-text)] !text-base lg:!text-lg 2xl:!text-2xl !font-normal\">\r\n                Precisi\u00f3n, autenticidad, facilidad e inteligencia son solo algunas de las ventajas de los softwares de Audaces. Produce m\u00e1s y mejor, con menos desperdicio.            <\/p>\r\n\r\n            \r\n<a \r\n    id=\"slider-3d-cta-primary-cta-button\" \r\n    href=\"\/es\/soluciones\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-transparent !outline-[var(--color-primary)] hover:bg-[var(--color-primary)] !text-[var(--color-primary)] hover:!text-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Conoce nuestras soluciones    <\/div>\r\n<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n.slider-3d-block .slider-track {\r\n    display: flex;\r\n    gap: 15px;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.slider-3d-block .slide {\r\n    flex: 0 0 calc((100% - 30px) \/ 3);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .slider-3d-block .slide {\r\n        flex: 0 0 100%;\r\n    }\r\n}\r\n<\/style>\n\n<section id=\"slider-cards\"\r\n    class=\"relative w-full bg-[#f3f3f3] px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 overflow-hidden \">\r\n    <!-- T\u00edtulo e subt\u00edtulo -->\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto mb-8 md:mb-12 text-center lg:text-left\">\r\n                            <h2 class=\"!mt-0 !text-[var(--color-primary)] text-3xl md:text-4xl !mb-4\">\r\n                Segmentos            <\/h2>\r\n                            <p class=\"!mb-0 !text-[var(--color-text)] text-base md:text-lg !mt-4 max-w-3xl mx-auto lg:mx-0\">\r\n                Nuestra experiencia va m\u00e1s all\u00e1 de la moda. Tambi\u00e9n actuamos en los sectores de <strong>mobiliario<\/strong>, <strong>automotriz<\/strong>, <strong>n\u00e1utico y aeron\u00e1utico<\/strong>, <strong>calzado y accesorios<\/strong>, <strong>textiles t\u00e9cnicos<\/strong> y <strong>e-commerce<\/strong>, y en cualquier \u00e1rea donde la innovaci\u00f3n sea necesaria.            <\/p>\r\n            <\/div>\r\n\r\n    <!-- Cards (Slider ou Grid) -->\r\n            <!-- Slider Layout -->\r\n        <div class=\"relative max-w-screen-2xl mx-auto\">\r\n            <!-- Controles desktop -->\r\n            <div class=\"hidden md:flex absolute -left-15 top-1\/2 -translate-y-1\/2 z-10\">\r\n                <button data-card-slider-prev class=\"p-3 bg-white rounded-full shadow-md cursor-pointer\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\">\r\n                        <path\r\n                            d=\"M12.6982 1.42822L11.6143 0.344238C11.1553 -0.114746 10.4131 -0.114746 9.95898 0.344238L0.466797 9.83154C0.0078125 10.2905 0.0078125 11.0327 0.466797 11.4868L9.95898 20.979C10.418 21.438 11.1602 21.438 11.6143 20.979L12.6982 19.895C13.1621 19.4312 13.1523 18.6743 12.6787 18.2202L6.79492 12.6147H20.8281C21.4775 12.6147 22 12.0923 22 11.4429V9.88037C22 9.23096 21.4775 8.7085 20.8281 8.7085H6.79492L12.6787 3.10303C13.1572 2.64893 13.167 1.89209 12.6982 1.42822Z\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Viewport + Track -->\r\n            <!-- Clones ser\u00e3o criados via JavaScript para n\u00e3o impactar SEO -->\r\n            <div class=\"overflow-x-hidden\" data-card-slider-viewport data-block-id=\"slider-cards\">\r\n                <div class=\"flex transition-transform duration-500 gap-6\" data-card-slider-track>\r\n                                            <a href=\"\/es\/segmentos\/moda-vestuario\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"0\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/MODA-E-VESTUARIO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Moda y vestuario<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/mobiliario\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"1\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/MOBILIARIO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Mobiliario<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/automotriz\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"2\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/AUTOMOBILISTICO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Automotriz<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/nautico-aeronautico\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"3\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/AERONAUTICO.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">N\u00e1utico y aeron\u00e1utico<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/calzado-accesorios\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"4\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/CALCADOS.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Calzado y accesorios<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/telas-especiales\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"5\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/TECIDOS-ESPECIAIS.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">Textiles t\u00e9cnicos<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"\/es\/segmentos\/ecommerce\"\r\n                            class=\"slide-card group snap-center flex-shrink-0 w-full md:w-[32%] h-[340px] md:h-[435px] lg:h-[540px] relative bg-[#d9d9d9] rounded-[20px] overflow-hidden\"\r\n                            data-slide-index=\"6\">\r\n                            <div class=\"absolute inset-0 bg-cover bg-no-repeat transition-transform duration-300 group-hover:scale-105 max-md:bg-bottom\"\r\n                                style=\"background-image: url(https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/E-COMMERCE.webp)\" aria-hidden=\"true\">\r\n                            <\/div>\r\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-[#003D99] pointer-events-none\"\r\n                                aria-hidden=\"true\"><\/div>\r\n                            <div class=\"absolute bottom-8 left-8 text-white z-10\">\r\n                                                                    <p class=\"text-xl\">actuamos con<\/p>\r\n                                                                                                    <h3 class=\"text-4xl font-bold\">E-commerce<\/h3>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Controles desktop direita -->\r\n            <div class=\"hidden md:flex absolute -right-15 top-1\/2 -translate-y-1\/2 z-10\">\r\n                <button data-card-slider-next class=\"p-3 bg-white rounded-full shadow-md cursor-pointer\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\">\r\n                        <path\r\n                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Controles mobile -->\r\n            <div class=\"flex md:hidden justify-center gap-4 mt-4\">\r\n                <button data-card-slider-prev class=\"p-2 bg-white rounded-full shadow-md\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\" aria-hidden=\"true\">\r\n                        <path\r\n                            d=\"M12.6982 1.42822L11.6143 0.344238C11.1553 -0.114746 10.4131 -0.114746 9.95898 0.344238L0.466797 9.83154C0.0078125 10.2905 0.0078125 11.0327 0.466797 11.4868L9.95898 20.979C10.418 21.438 11.1602 21.438 11.6143 20.979L12.6982 19.895C13.1621 19.4312 13.1523 18.6743 12.6787 18.2202L6.79492 12.6147H20.8281C21.4775 12.6147 22 12.0923 22 11.4429V9.88037C22 9.23096 21.4775 8.7085 20.8281 8.7085H6.79492L12.6787 3.10303C13.1572 2.64893 13.167 1.89209 12.6982 1.42822Z\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button data-card-slider-next class=\"p-2 bg-white rounded-full shadow-md\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"var(--color-primary)\" aria-hidden=\"true\">\r\n                        <path\r\n                            d=\"M9.30176 1.42822L10.3857 0.344238C10.8447 -0.114746 11.5869 -0.114746 12.041 0.344238L21.5332 9.83154C21.9922 10.2905 21.9922 11.0327 21.5332 11.4868L12.041 20.979C11.582 21.438 10.8398 21.438 10.3857 20.979L9.30176 19.895C8.83789 19.4312 8.84766 18.6743 9.32129 18.2202L15.2051 12.6147H1.17188C0.522461 12.6147 0 12.0923 0 11.4429V9.88037C0 9.23096 0.522461 8.7085 1.17188 8.7085H15.2051L9.32129 3.10303C8.84277 2.64893 8.83301 1.89209 9.30176 1.42822Z\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n    <!-- CTA -->\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:px-0 px-6 mx-auto flex flex-col md:flex-row items-center justify-between mt-4 md:mt-10 gap-10 lg:gap-6\">\r\n                    <!-- passadores de linha (apenas quando slider est\u00e1 ativo) -->\r\n            <div class=\"h-1 w-full md:max-w-[640px] hidden md:block\">\r\n                <div class=\"flex justify-center items-center gap-2\" data-card-slider-indicators>\r\n                                            <button data-card-slider-indicator data-slide-index=\"0\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 1\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"1\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 2\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"2\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 3\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"3\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 4\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"4\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 5\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"5\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 6\"><\/button>\r\n                                            <button data-card-slider-indicator data-slide-index=\"6\"\r\n                            class=\"h-1 transition-all duration-300 w-full bg-[var(--color-primary)] opacity-20 rounded-full cursor-pointer hover:opacity-60\"\r\n                            aria-label=\"Ir para slide 7\"><\/button>\r\n                                    <\/div>\r\n            <\/div>\r\n                            \r\n<a \r\n    id=\"slider-cards-cta-primary-cta-button\" \r\n    href=\"\/es\/segmentos\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Ver todos los segmentos    <\/div>\r\n<\/a>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cases-loop\"\r\n    class=\"overflow-hidden relative \">\r\n    <!-- Elemento decorativo de fundo -->\r\n    <div class=\"block size-[689px] left-[12px] top-[82px] absolute overflow-hidden\"\r\n        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/cases-loop-bg-logo-trasp.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;\">\r\n    <\/div>\r\n\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 py-10 lg:py-16 2xl:py-20 relative z-10\">\r\n        <!-- T\u00edtulo -->\r\n        <div class=\"px-6 lg:px-0 text-center lg:text-left\">\r\n            <h2 class=\"text-3xl lg:text-5xl !font-bold mb-8 lg:mb-4 text-[var(--color-primary)] leading-[50px]\">\r\n                <span>\r\n                    Historias de                <\/span>\r\n                <span>\r\n                    \u00e9xito                <\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <!-- Grid de Cases \/ Slider no Mobile -->\r\n        <div class=\"cases-slider-container relative w-full mb-8 lg:mb-16 overflow-hidden lg:overflow-visible\">\r\n            <!-- Track do slider (mobile) \/ Grid (desktop) -->\r\n            <div\r\n                class=\"cases-track flex gap-6 transition-transform duration-500 ease-in-out lg:grid lg:grid-cols-3 lg:gap-8 lg:overflow-visible\">\r\n\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/contenido.audaces.com\/lp-caso-de-exito-vitor-zerbinato\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-[142px] !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_VITOR_ZERBINATO-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\r\n                        <!-- Label -->\r\n                        <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de \u00e9xito                            <\/div> -->\r\n\r\n                        <!-- Card com informa\u00e7\u00f5es -->\r\n                        <div\r\n                            class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                            <div class=\"flex flex-col flex-1 gap-2\">\r\n                                <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                    Caso de \u00e9xito Vitor Zerbinato                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!                                <\/p>\r\n                            <\/div>\r\n\r\n                            <!-- \u00cdcone decorativo -->\r\n                            <div class=\"flex justify-end mt-2\">\r\n                                <div class=\"size-5\">\r\n                                    <div\r\n                                        class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                            viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                            <path\r\n                                                d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                fill=\"white\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/a> <!-- \/slide -->\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/contenido.audaces.com\/lp-caso-de-exito-live\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-[71px] !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_LIVE-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\r\n                        <!-- Label -->\r\n                        <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de \u00e9xito                            <\/div> -->\r\n\r\n                        <!-- Card com informa\u00e7\u00f5es -->\r\n                        <div\r\n                            class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                            <div class=\"flex flex-col flex-1 gap-2\">\r\n                                <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                    Caso de \u00e9xito LIVE!                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!                                <\/p>\r\n                            <\/div>\r\n\r\n                            <!-- \u00cdcone decorativo -->\r\n                            <div class=\"flex justify-end mt-2\">\r\n                                <div class=\"size-5\">\r\n                                    <div\r\n                                        class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                            viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                            <path\r\n                                                d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                fill=\"white\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/a> <!-- \/slide -->\r\n                                <!-- Cada slide: no mobile ocupa 100% da largura com slider, no desktop \u00e9 grid -->\r\n                <a href=\"https:\/\/contenido.audaces.com\/caso-de-exito-alpenplus\"\r\n                    class=\"cases-slide relative group overflow-hidden lg:mt-0 !no-underline flex items-end w-full h-[435px] lg:h-[560px] rounded-[20px]\">\r\n                    <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-300 group-hover:scale-105\"\r\n                        style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Alpenplus-819x1024.webp');\"\r\n                        aria-hidden=\"true\"><\/div>\r\n                    <!-- Overlay com informa\u00e7\u00f5es -->\r\n                    <div class=\"relative z-10 flex flex-col justify-end p-6 lg:p-8 w-full\">\r\n                        <!-- Label -->\r\n                        <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de \u00e9xito                            <\/div> -->\r\n\r\n                        <!-- Card com informa\u00e7\u00f5es -->\r\n                        <div\r\n                            class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                            <div class=\"flex flex-col flex-1 gap-2\">\r\n                                <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                    Caso de \u00c9xito Alpenplus                                <\/h3>\r\n                                <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                    Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!                                <\/p>\r\n                            <\/div>\r\n\r\n                            <!-- \u00cdcone decorativo -->\r\n                            <div class=\"flex justify-end mt-2\">\r\n                                <div class=\"size-5\">\r\n                                    <div\r\n                                        class=\"!no-underline transition-all duration-300 ease-in-out group-hover:translate-x-0.5 group-hover:shadow-[0_4px_12px_rgba(9,102,217,0.3)]\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"23\"\r\n                                            viewBox=\"0 0 22 23\" fill=\"none\">\r\n                                            <path\r\n                                                d=\"M9.42432 2.2666L10.5083 1.18262C10.9673 0.723633 11.7095 0.723633 12.1636 1.18262L21.6558 10.6699C22.1147 11.1289 22.1147 11.8711 21.6558 12.3252L12.1636 21.8174C11.7046 22.2764 10.9624 22.2764 10.5083 21.8174L9.42432 20.7334C8.96045 20.2695 8.97021 19.5127 9.44385 19.0586L15.3276 13.4531H1.29443C0.64502 13.4531 0.122559 12.9307 0.122559 12.2813V10.7188C0.122559 10.0693 0.64502 9.54688 1.29443 9.54688H15.3276L9.44385 3.94141C8.96533 3.4873 8.95557 2.73047 9.42432 2.2666Z\"\r\n                                                fill=\"white\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/a> <!-- \/slide -->\r\n                            <\/div> <!-- \/cases-track -->\r\n\r\n            <!-- Bot\u00f5es de navega\u00e7\u00e3o (apenas mobile, centralizados abaixo) -->\r\n            <div class=\"lg:hidden flex justify-center items-center gap-4 mt-6\">\r\n                <button\r\n                    class=\"cases-prev bg-white\/70 hover:bg-white rounded-full shadow cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\r\n                    aria-label=\"Slide anterior\">\r\n                    <div class=\"relative\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\"\r\n                                fill=\"white\" \/>\r\n                            <path\r\n                                d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                                fill=\"var(--color-primary)\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/button>\r\n                <button\r\n                    class=\"cases-next bg-white\/70 hover:bg-white rounded-full shadow scale-x-[-1] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\r\n                    aria-label=\"Pr\u00f3ximo slide\">\r\n                    <div class=\"relative\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <circle opacity=\"0.67\" cx=\"24\" cy=\"24\" r=\"24\" transform=\"matrix(-1 0 0 1 48 0)\"\r\n                                fill=\"white\" \/>\r\n                            <path\r\n                                d=\"M25.6982 14.4282L24.6143 13.3442C24.1553 12.8853 23.4131 12.8853 22.959 13.3442L13.4668 22.8315C13.0078 23.2905 13.0078 24.0327 13.4668 24.4868L22.959 33.979C23.418 34.438 24.1602 34.438 24.6143 33.979L25.6982 32.895C26.1621 32.4312 26.1523 31.6743 25.6787 31.2202L19.7949 25.6147H33.8281C34.4775 25.6147 35 25.0923 35 24.4429V22.8804C35 22.231 34.4775 21.7085 33.8281 21.7085H19.7949L25.6787 16.103C26.1572 15.6489 26.167 14.8921 25.6982 14.4282Z\"\r\n                                fill=\"var(--color-primary)\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        \/* Estilos para o slider no mobile *\/\r\n        @media (max-width: 1023px) {\r\n            .cases-track {\r\n                display: flex;\r\n            }\r\n\r\n            .cases-slide {\r\n                flex: 0 0 100%;\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* No desktop, o grid CSS funciona normalmente *\/\r\n        @media (min-width: 1024px) {\r\n            .cases-track {\r\n                display: grid;\r\n            }\r\n\r\n            .cases-slide {\r\n                width: auto;\r\n            }\r\n        }\r\n        <\/style>\r\n\r\n        <div class=\"flex justify-center gap-[44px] items-center\">\r\n            <!-- Barra de progresso -->\r\n            <div class=\"max-lg:hidden w-full h-1 bg-[#d9d9d9]\"><\/div>\r\n            <!-- CTA -->\r\n                        \r\n<a \r\n    id=\"cases-loop-cta-cta-button\" \r\n    href=\"\/es\/historias-exito\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Ver todas las historias    <\/div>\r\n<\/a>\r\n            <\/a>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"accordion-image\"\r\n    class=\"bg-[#003D99] text-white md:px-0 py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 \">\r\n    <div\r\n        class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto  flex flex-col md:flex-row md:gap-[154px] gap-10 justify-center md:!pr-0\">\r\n        <!-- Coluna Esquerda -->\r\n        <div class=\"max-w-96 md:min-w-96 flex flex-col justify-start gap-4\">\r\n                        <h2 class=\"!my-0 !text-white !text-3xl lg:!text-4xl !font-bold\">\r\n                Planes            <\/h2>\r\n                                    <p class=\"!my-0 max-w-[503px] justify-start text-white text-base md:text-lg !font-normal\">\r\n                Ofrecemos planes personalizados que se adaptan a cada etapa de tu carrera. \u00a1Transforma tus ideas con el plan ideal para ti!<\/p>\r\n            \r\n                        <div>\r\n                                <details name=\"planos\" open class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                01<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Empresas<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">Si tu empresa de confecci\u00f3n es peque\u00f1a, mediana o grande, tenemos el plan perfecto para digitalizar tu operaci\u00f3n. Obt\u00e9n licencias y soporte completos para avanzar hacia la Industria 5.0 y lleva tu producci\u00f3n al m\u00e1ximo nivel de rentabilidad.                        <\/p>\r\n                        \r\n                        <a href=\"\/es\/planes\/empresas\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver planes para empresas                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\r\n                                <path\r\n                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                    fill=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                                <details name=\"planos\"  class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                02<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Estudiantes<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">El futuro de la moda comienza en el aula. Ofrecemos un plan exclusivo para que tengas acceso a los softwares m\u00e1s avanzados del mercado. Inicia tu carrera con la misma tecnolog\u00eda utilizada por las principales empresas del sector.                        <\/p>\r\n                        \r\n                        <a href=\"\/es\/planes\/estudiantes\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver plan para estudiantes                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\r\n                                <path\r\n                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                    fill=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                                <details name=\"planos\"  class=\"group mb-2.5\">\r\n                    <summary class=\"\r\n                                    bg-transparent \r\n                                    border-none \r\n                                    text-white \r\n                                    font-bold \r\n                                    py-4 \r\n                                    cursor-pointer\r\n                                    flex\r\n                                    items-center\r\n                                    justify-between\r\n                                    list-none\r\n                                    relative\r\n                                \">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"text-white text-lg font-normal min-w-[30px]\">\r\n                                03<\/div>\r\n                            <div class=\"text-white md:text-2xl text-xl font-bold\">\r\n                                Instituciones<\/div>\r\n                        <\/div>\r\n                        <span class=\"\r\n                                        text-xl\r\n                                        transition-transform\r\n                                        duration-300\r\n                                        ease-in-out\r\n                                        group-open:rotate-180\r\n                                    \">\u25bc<\/span>\r\n                    <\/summary>\r\n                    <div class=\"\r\n                                    px-11 \r\n                                    pb-5 \r\n                                    text-white \r\n                                    leading-relaxed\r\n                                \">\r\n                        <p class=\"mb-4 text-white text-base font-normal\">Ya seas una escuela de moda o una universidad, prepara a tus estudiantes para el mercado laboral con el est\u00e1ndar tecnol\u00f3gico de Audaces. Nuestro plan ofrece licencias para laboratorios, estructura acad\u00e9mica y una alianza estrat\u00e9gica orientada al futuro.                        <\/p>\r\n                        \r\n                        <a href=\"\/es\/planes\/instituciones\"\r\n                            class=\"flex items-center gap-2 text-white text-base font-normal !underline leading-normal hover:!no-underline hover:gap-5 transition-all duration-300\">\r\n                            Ver plan para instituciones                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\"\r\n                                fill=\"none\">\r\n                                <path\r\n                                    d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                                    fill=\"white\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n\r\n\r\n\r\n                                            <\/div>\r\n                <\/details>\r\n                            <\/div>\r\n                    <\/div>\r\n        <!-- Coluna Direita -->\r\n        <div class=\"order-first md:order-last w-full flex flex-col justify-between gap-0 md:gap-[60px]\">\r\n\r\n                        <img decoding=\"async\" class=\"max-md:mt-[1rem] z-1 w-full\" src=\"\/wp-content\/themes\/audaces\/assets\/images\/accordion-image.webp\"\r\n                alt=\"Planes\" \/>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"home-hero-secundary\"\r\n    class=\"relative flex flex-col justify-end items-center m-0 lg:!p-0 py-10 lg:py-16 2xl:py-20 lg:px-[40px] w-full h-screen md:min-h-[850px] \"\r\n    style=\"background-image: url('https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/BANNER-SUSTENTABILIDADE.webp'); background-size: cover; background-position: top center;\">\r\n    <!-- Overlay escuro para legibilidade do texto -->\r\n    <div class=\"absolute inset-0 bg-black\/50 md:bg-black\/40 z-0\" aria-hidden=\"true\"><\/div>\r\n    <div\r\n        class=\"relative z-10 w-full px-6 lg:px-20 md:min-h-[340px] md:flex md:justify-center\">\r\n        <div class=\"w-[100px] h-[100px] mt-[33px] md:block hidden\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 174 174\" fill=\"none\">\r\n                <path\r\n                    d=\"M87.7115 2.80095C87.087 1.48001 88.0718 -0.0336201 89.532 0.000568748C90.7188 0.0285414 91.974 0.0689464 92.7942 0.121784C138.141 3.10554 174 40.8469 174 86.9676C174 106.458 167.588 124.451 156.77 138.96C155.48 140.688 152.802 140.389 151.88 138.441L87.7115 2.80095ZM65.1871 5.87483C64.4104 4.23377 62.5401 3.42256 60.8096 3.96958C25.5628 15.0903 0 48.0328 0 86.9676C0 108.42 7.77013 128.047 20.6323 143.215C21.8844 144.691 24.2518 144.364 25.0844 142.615L68.2721 51.9334C68.8438 50.7368 70.5494 50.7399 71.1149 51.9396L80.544 71.9308C81.2648 73.4599 81.2617 75.2316 80.5316 76.7545L42.3862 156.685C41.3299 158.895 42.1408 161.568 44.272 162.774C56.8919 169.913 71.4628 174 86.9969 174C104.463 174 120.715 168.831 134.342 159.967C135.976 158.904 136.582 156.797 135.746 155.035L65.1871 5.87483Z\"\r\n                    fill=\"white\" \/>\r\n                <path\r\n                    d=\"M60.96 4.44629C62.4531 3.9743 64.066 4.67467 64.7354 6.08887L135.294 155.248V155.249C136.021 156.783 135.495 158.62 134.069 159.548C120.521 168.361 104.363 173.5 86.9971 173.5C71.552 173.5 57.0655 169.437 44.5186 162.339C42.6211 161.265 41.8914 158.878 42.8369 156.9H42.8379L80.9824 76.9707C81.7282 75.415 81.7773 73.622 81.1338 72.0322L80.9961 71.7178L71.5674 51.7266C70.8219 50.1448 68.5744 50.1418 67.8213 51.7178L67.8203 51.7188L24.6328 142.399C23.9533 143.828 22.0267 144.085 21.0137 142.891H21.0127C8.2245 127.81 0.500031 108.296 0.5 86.9678C0.5 48.2574 25.9152 15.5033 60.96 4.44629ZM89.5205 0.5C90.4104 0.520975 91.3337 0.549373 92.0811 0.583984L92.7617 0.621094C137.847 3.58784 173.5 41.1121 173.5 86.9678C173.5 106.347 167.125 124.235 156.369 138.66C155.345 140.033 153.234 139.857 152.407 138.374L152.331 138.227L88.1631 2.58691C87.6982 1.60272 88.432 0.474513 89.5205 0.5Z\"\r\n                    stroke=\"black\" stroke-opacity=\"0.1\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"h-full w-[1px] bg-white mx-[4rem] max-md:hidden\"><\/div>\r\n        <div class=\"h-auto flex flex-col md:justify-evenly gap-4 lg:gap-[33px]\">\r\n            <div class=\"flex flex-col md:justify-evenly gap-4 lg:gap-[33px] xl:min-w-[791.44px]\">\r\n                                <h2 class=\"!my-0 !text-white text-3xl md:text-6xl not-italic font-bold\">\r\n                    Sostenibilidad<\/h2>\r\n                                <p class=\"!my-0 md:w-[618px] !text-white text-lg md:text-xl not-italic !font-medium leading-normal\">\r\n                    Diferentes industrias utilizan Audaces para transformar sus procesos en un flujo digital completo, agregando valor y sostenibilidad al negocio.<\/p>\r\n                            <\/div>\r\n                        <a href=\"\/es\/sostenibilidad\" class=\"flex items-center gap-4 lg:mb-8 transition-transform duration-300 hover:translate-x-2\">\r\n                <span\r\n                    class=\"text-white text-[16px] not-italic font-normal leading-6 underline\">Leer el manifiesto sostenible<\/span>\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\">\r\n                    <path\r\n                        d=\"M8.50352 1.27261L9.49448 0.306732C9.91407 -0.102244 10.5926 -0.102244 11.0077 0.306732L19.6853 8.76036C20.1049 9.16934 20.1049 9.83066 19.6853 10.2353L11.0077 18.6933C10.5881 19.1022 9.90961 19.1022 9.49448 18.6933L8.50352 17.7274C8.07946 17.3141 8.08838 16.6397 8.52137 16.2351L13.9002 11.2403H1.07131C0.477625 11.2403 0 10.7748 0 10.1961V8.80387C0 8.22521 0.477625 7.75968 1.07131 7.75968H13.9002L8.52137 2.76494C8.08392 2.36032 8.07499 1.68594 8.50352 1.27261Z\"\r\n                        fill=\"white\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"blog-destaques\"\r\n    class=\"flex flex-col items-center m-0 md:!p-0 py-10 lg:py-16 2xl:py-20 w-full bg-[linear-gradient(180deg,#F6F6F6_0%,#E8E8E8_100%)] md:h-auto \">\r\n    <div\r\n        class=\"w-full px-6 lg:px-20  md:min-h-[340px] md:flex md:justify-center\">\r\n        <div class=\"md:w-[100px] relative\">\r\n            <h2\r\n                class=\"md:absolute md:rotate-270 right-0 left-[6rem] top-[29rem] !text-[var(--color-primary)] text-center md:!text-[78px] !text-3xl !font-bold\">\r\n                Blog<\/h2>\r\n        <\/div>\r\n        <div class=\"h-[660px] w-[1px] bg-[var(--color-primary)] mx-[4rem] max-md:hidden\"><\/div>\r\n\r\n\r\n        <div class=\"md:mt-[94px] md:w-[791.44px]\">\r\n            <div class=\"flex md:grid md:grid-cols-2 overflow-x-auto snap-x snap-mandatory scroll-smooth\r\n         -mr-4 gap-6 pb-[10px] pt-10 md:pt-0 w-full\r\n         [scrollbar-width:none] [-ms-overflow-style:none] [&#038;::-webkit-scrollbar]:hidden\">\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto md:pt-[48px] pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/es\/blog\/extendedora-tela\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\r\n                                <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/10\/extendedora-tela-destacado-1024x576.webp\"\r\n                                    alt=\"Qu\u00e9 debes saber antes de invertir en una extendedora de tela\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Qu\u00e9 debes saber antes de invertir en una extendedora de tela<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    \u00bfQu\u00e9 extendedora de tela conviene a tu producci\u00f3n? Lee el art\u00edculo y conoce c\u00f3mo elegir la m\u00e1s adecuada para tu confecci\u00f3n.<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conoce m\u00e1s<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/es\/blog\/corte-tela\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\r\n                                <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2023\/12\/taglio-tessuti-audaces-_1_-1024x576.webp\"\r\n                                    alt=\"Descubre los secretos para un corte de tela perfecto\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Descubre los secretos para un corte de tela perfecto<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    Es posible evitar errores al hacer corte de tela, y esto puede transformar tu empresa. \u00a1Descubre los trucos y cuidados a tener en cuenta!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conoce m\u00e1s<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto md:pt-[48px] pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/es\/blog\/depreciacion-maquinaria\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\r\n                                <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/depreciacion-maquinaria-destacado-1024x683.webp\"\r\n                                    alt=\"Impactos de la depreciaci\u00f3n de maquinaria en la producci\u00f3n\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    Impactos de la depreciaci\u00f3n de maquinaria en la producci\u00f3n<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    La depreciaci\u00f3n de maquinaria refleja la p\u00e9rdida de valor de los equipos. Explicamos c\u00f3mo evaluar su impacto. \u00a1Lee el art\u00edculo!<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conoce m\u00e1s<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                                    <article\r\n                        class=\"bg-white rounded-t-[20px] md:bg-transparent shadow-[0px_14px_24px_0px_rgba(0,0,0,0.10)] md:shadow-none  max-w-[518px] snap-start shrink-0 w-[85%] md:w-auto pt-0\">\r\n                        <a href=\"https:\/\/audaces.com\/es\/blog\/aplicaciones-ropa\"\r\n                            class=\"inline-flex flex-col items-start md:gap-[10px] h-full !no-underline group\">\r\n                            <div\r\n                                class=\"w-full h-[200px] md:h-[250px] overflow-hidden rounded-[20px] max-md:!rounded-b-none\">\r\n                                <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/aplicaciones-ropa-destacado-1024x683.webp\"\r\n                                    alt=\"6 tipos de aplicaciones de ropa que debes conocer\" \/>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col justify-between items-start gap-[9px] p-[16px] !pb-0 md:p-0\">\r\n                                <h3 class=\"!my-0 !text-[var(--color-primary)] md:!text-2xl !text-lg !font-bold \">\r\n                                    6 tipos de aplicaciones de ropa que debes conocer<\/h3>\r\n                                <p class=\"!my-0 !text-[var(--color-text)] md:!text-base !text-sm !font-normal leading-snug\">\r\n                                    \u00bfQu\u00e9 son las aplicaciones de ropa y c\u00f3mo pueden apoyar una confecci\u00f3n? Conoce los principales tipos y c\u00f3mo incorporarlas a tu negocio.<\/p>\r\n                            <\/div>\r\n                            <div\r\n                                class=\"flex justify-start items-center max-md:mt-auto p-4 max-md:!pt-2 md:p-0 gap-2 text-[var(--color-primary)] group-hover:gap-5 transition-all duration-300\">\r\n                                <span\r\n                                    class=\"text-base font-normal underline leading-normal group-hover:!no-underline\">Conoce m\u00e1s<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                    fill=\"none\">\r\n                                    <path\r\n                                        d=\"M8.50352 1.77261L9.49448 0.806732C9.91407 0.397756 10.5926 0.397756 11.0077 0.806732L19.6853 9.26036C20.1049 9.66934 20.1049 10.3307 19.6853 10.7353L11.0077 19.1933C10.5881 19.6022 9.90961 19.6022 9.49448 19.1933L8.50352 18.2274C8.07946 17.8141 8.08838 17.1397 8.52137 16.7351L13.9002 11.7403H1.07131C0.477625 11.7403 0 11.2748 0 10.6961V9.30387C0 8.72521 0.477625 8.25968 1.07131 8.25968H13.9002L8.52137 3.26494C8.08392 2.86032 8.07499 2.18594 8.50352 1.77261Z\"\r\n                                        fill=\"var(--color-primary)\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/article>\r\n                            <\/div>\r\n                            <div\r\n                    class=\"w-full relative md:min-h-[132px] flex justify-center md:justify-end pt-8 md:pt-[76px] md:px-4 xl:after:w-[3px] lg:after:h-[128px] md:after:bg-white md:after:absolute [@media(min-width:1366px)]:after:right-[417.9px] [@media(min-width:1280px)_and_(max-width:1365px)]:after:right-[419px] [@media(min-width:1024px)_and_(max-width:1279px)]:after:!right-[443px] md:after:bottom-0\">\r\n                    <div class=\"md:w-1\/2 md:h-32 md:pl-[37px] pl-0\">\r\n                        \r\n<a \r\n    id=\"blog-destaques-cta-cta-button\" \r\n    href=\"\/es\/blog\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[var(--color-primary)] !outline-[var(--color-primary)] hover:bg-white hover:!outline-[var(--color-primary)] !text-white hover:!text-[var(--color-primary)]\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Ver todos los blogposts    <\/div>\r\n<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"assistencia-tecnica-audaces\"\r\n    class=\"assistencia-tecnica-audaces w-full lg:pt-0 py-12 bg-gradient-to-b from-gray-100 to-white \">\r\n    <div class=\"w-full md:max-w-[1283px] mx-auto  px-6 lg:px-20\">\r\n        <div class=\"flex flex-col lg:flex-row justify-end\">\r\n            <div class=\"w-full hidden md:flex justify-end items-center\">\r\n                <div class=\"assistencia-tecnica-audaces-video w-full rounded-[20px] overflow-hidden aspect-video shadow-[0px_10px_12px_-5px_rgba(0,0,0,0.64)] \"\r\n    data-youtube-id=\"3BJgRnpE8qA\">\r\n    <button type=\"button\"\r\n        class=\"assistencia-tecnica-audaces-video-trigger group relative block w-full h-full cursor-pointer border-0 p-0 bg-black\"\r\n        aria-label=\"Reproduzir v\u00eddeo\">\r\n        <img class=\"absolute inset-0 w-full h-full object-cover\" src=\"https:\/\/i.ytimg.com\/vi\/3BJgRnpE8qA\/hqdefault.jpg\" alt=\"\"\r\n            loading=\"lazy\" decoding=\"async\" \/>\r\n        <span\r\n            class=\"absolute inset-0 flex items-center justify-center bg-black\/20 transition-colors group-hover:bg-black\/30\">\r\n            <span\r\n                class=\"flex h-16 w-16 md:h-20 md:w-20 items-center justify-center rounded-full bg-white transition-transform group-hover:scale-110\">\r\n                <svg class=\"ml-1\" width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M4.51852 37.4717C3.53086 38.136 2.53037 38.1738 1.51704 37.5852C0.505679 36.9986 0 36.0921 0 34.8658V3.13503C0 1.90872 0.505679 1.00125 1.51704 0.412622C2.53037 -0.173963 3.53086 -0.135129 4.51852 0.529122L28.6667 16.3945C29.5556 17.0077 30 17.8763 30 19.0004C30 20.1245 29.5556 20.9932 28.6667 21.6063L4.51852 37.4717Z\"\r\n                        fill=\"#0071CE\" \/>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/span>\r\n    <\/button>\r\n<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hidden lg:block w-[7px] h-[480px] mx-[37px] bg-[#E8E8E8]\"><\/div>\r\n\r\n            <div class=\"w-full lg:w-[792px] flex flex-col justify-center gap-[22px] md:pt-12\">\r\n                                    <div class=\"w-full\">\r\n                        <h2\r\n                            class=\"!my-0 !text-[var(--color-primary)] lg:!text-4xl !text-3xl !font-bold leading-tight text-center md:text-left\">\r\n                            Asistencia<br>T\u00e9cnica Audaces                        <\/h2>\r\n                    <\/div>\r\n                \r\n                <div class=\"w-full md:hidden flex justify-end items-center\">\r\n                    <div class=\"assistencia-tecnica-audaces-video w-full rounded-[20px] overflow-hidden aspect-video shadow-[0px_10px_12px_-5px_rgba(0,0,0,0.64)] \"\r\n    data-youtube-id=\"3BJgRnpE8qA\">\r\n    <button type=\"button\"\r\n        class=\"assistencia-tecnica-audaces-video-trigger group relative block w-full h-full cursor-pointer border-0 p-0 bg-black\"\r\n        aria-label=\"Reproduzir v\u00eddeo\">\r\n        <img class=\"absolute inset-0 w-full h-full object-cover\" src=\"https:\/\/i.ytimg.com\/vi\/3BJgRnpE8qA\/hqdefault.jpg\" alt=\"\"\r\n            loading=\"lazy\" decoding=\"async\" \/>\r\n        <span\r\n            class=\"absolute inset-0 flex items-center justify-center bg-black\/20 transition-colors group-hover:bg-black\/30\">\r\n            <span\r\n                class=\"flex h-16 w-16 md:h-20 md:w-20 items-center justify-center rounded-full bg-white transition-transform group-hover:scale-110\">\r\n                <svg class=\"ml-1\" width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M4.51852 37.4717C3.53086 38.136 2.53037 38.1738 1.51704 37.5852C0.505679 36.9986 0 36.0921 0 34.8658V3.13503C0 1.90872 0.505679 1.00125 1.51704 0.412622C2.53037 -0.173963 3.53086 -0.135129 4.51852 0.529122L28.6667 16.3945C29.5556 17.0077 30 17.8763 30 19.0004C30 20.1245 29.5556 20.9932 28.6667 21.6063L4.51852 37.4717Z\"\r\n                        fill=\"#0071CE\" \/>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/span>\r\n    <\/button>\r\n<\/div>\r\n                <\/div>\r\n\r\n                                    <div class=\"w-full\">\r\n                        <p class=\"!my-0 !text-[var(--color-text)] text-base md:text-lg !font-normal leading-relaxed\">\r\n                            Con el Servicio de Asistencia T\u00e9cnica, cuentas con una red especializada que te acompa\u00f1a desde el primer contacto hasta los mantenimientos m\u00e1s avanzados.<br><br>T\u00e9cnicos certificados, repuestos originales y un est\u00e1ndar de excelencia que mantiene tus equipos siempre en funcionamiento. M\u00e1s confianza, m\u00e1s seguridad, m\u00e1s calidad.                        <\/p>\r\n                    <\/div>\r\n                \r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n\r\n\r\n<section\r\n    class=\"m-0 relative w-full overflow-hidden py-10 lg:py-16 2xl:py-20 bg-no-repeat  bg-[size:100%] bg-position-[center_130px] lg:bg-position-[center_88px]  bg-white\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mapa-mundi.png\"\r\n        class=\"absolute left-0 right-0 max-lg:top-1\/2 max-lg:-translate-y-1\/2 w-full object-cover opacity-30 pointer-events-none\"\r\n        alt=\"Mapa mundi\">\r\n    <div\r\n        class=\"max-w-[1283px] mx-auto flex flex-col justify-between gap-8 lg:gap-24 px-6 lg:px-20\">\r\n\r\n\r\n\r\n        <!-- T\u00edtulo principal - centralizado no topo -->\r\n\r\n        \r\n        <div class=\"\">\r\n\r\n            <h2\r\n                class=\"text-[var(--color-primary)] lg:text-left text-center text-3xl lg:text-4xl font-bold leading-none max-w-3xl\">\r\n\r\n                Desde hace m\u00e1s de 30 a\u00f1os, Audaces es referente en automatizaci\u00f3n en la industria textil, en Brasil y en el mundo.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        \r\n\r\n\r\n        <!-- Container do mapa com estat\u00edsticas -->\r\n\r\n        <div class=\"w-full\">\r\n\r\n            <!-- Layout Desktop: Grid 2x2 -->\r\n\r\n            <div class=\"hidden lg:grid h-full grid-cols-2 grid-rows-2 gap-16 secao-mundo-stats\">\r\n\r\n                <div class=\"flex flex-col items-start \">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        Presente en m\u00e1s de <strong>100 pa\u00edses<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex flex-col items-start\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        <strong>100 mil<\/strong> profesionales utilizan nuestras soluciones\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex items-end\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl \">\r\n\r\n                        <strong>3 millones<\/strong> de accesos al a\u00f1o en sistemas de patronaje\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flex items-end\">\r\n\r\n                    <div class=\"text-[#3C3C3C] text-xl\">\r\n\r\n                        <strong>+20mil<\/strong> marcas conf\u00edan en Audaces\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Layout Mobile: Slider -->\r\n\r\n            <div class=\"lg:hidden secao-mundo-stats\">\r\n\r\n                <!-- Container do slider -->\r\n\r\n                <div class=\"relative overflow-hidden\">\r\n\r\n                    <div class=\"flex transition-transform duration-300 ease-in-out\" id=\"stats-slider\">\r\n\r\n                        <!-- Slide 1 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    Presente en m\u00e1s de <strong>100 pa\u00edses<\/strong>\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 2 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>3 millones<\/strong> de accesos al a\u00f1o en sistemas de patronaje\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 3 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>100 mil<\/strong> profesionales utilizan nuestras soluciones\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- Slide 4 -->\r\n\r\n                        <div class=\"w-full flex-shrink-0 flex justify-center items-end\">\r\n\r\n                            <div class=\"text-center\">\r\n\r\n                                <div class=\"text-[#3C3C3C] text-lg\">\r\n\r\n                                    <strong>+20mil<\/strong> marcas conf\u00edan en Audaces\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- Bolinhas de pagina\u00e7\u00e3o -->\r\n\r\n                <div class=\"flex justify-center space-x-4 mt-6\">\r\n\r\n                    <button class=\"w-4 h-4 rounded-full bg-[var(--color-primary)] stats-dot active\" data-slide=\"0\"\r\n                        aria-label=\"Ir para estat\u00edstica 1\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"1\"\r\n                        aria-label=\"Ir para estat\u00edstica 2\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"2\"\r\n                        aria-label=\"Ir para estat\u00edstica 3\"><\/button>\r\n\r\n                    <button class=\"w-4 h-4 rounded-full border-2 border-[var(--color-primary)] stats-dot\" data-slide=\"3\"\r\n                        aria-label=\"Ir para estat\u00edstica 4\"><\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div>\r\n\r\n            <!-- Par\u00e1grafo edit\u00e1vel -->\r\n\r\n            \r\n            <div class=\"mb-8 lg:mb-12 text-center lg:text-left\">\r\n\r\n                <p class=\"text-black  text-base md:text-lg font-normal leading-normal max-w-xl mx-auto lg:mx-0\">\r\n\r\n                    <strong>Audaces<\/strong> conecta ideas, personas e industrias alrededor del mundo. Con soluciones que combinan tecnolog\u00eda de vanguardia y sensibilidad creativa, ayudamos a las marcas a dise\u00f1ar el futuro de la moda con precisi\u00f3n, agilidad y prop\u00f3sito. Donde hay moda en movimiento, Audaces acelera posibilidades.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            \r\n\r\n\r\n            <!-- Bot\u00e3o CTA -->\r\n\r\n            \r\n            <div class=\"text-center lg:text-left\">\r\n\r\n                <a href=\"\/es\/audaces-mundo\"\r\n                    class=\"inline-block w-full lg:w-auto px-7 py-3 bg-[var(--color-primary)] text-white hover:text-[var(--color-primary)] rounded-[900px] font-bold text-base hover:shadow-lg hover:bg-white border-1 border-[var(--color-primary)] transition-colors !no-underline\">\r\n\r\n                    Encuentra Audaces cerca de ti\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.secao-mundo-stats strong {\r\n    font-size: 1.875rem;\r\n    display: block;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n    const slider = document.getElementById('stats-slider');\r\n\r\n    const dots = document.querySelectorAll('.stats-dot');\r\n\r\n    let currentSlide = 0;\r\n\r\n\r\n\r\n    if (slider && dots.length > 0) {\r\n\r\n        function updateSlider() {\r\n\r\n            const translateX = -currentSlide * 100;\r\n\r\n            slider.style.transform = `translateX(${translateX}%)`;\r\n\r\n\r\n\r\n            \/\/ Atualizar bolinhas\r\n\r\n            dots.forEach((dot, index) => {\r\n\r\n                if (index === currentSlide) {\r\n\r\n                    dot.classList.add('active', 'bg-[var(--color-primary)]');\r\n\r\n                    dot.classList.remove('border-2', 'border-[var(--color-primary)]');\r\n\r\n                } else {\r\n\r\n                    dot.classList.remove('active', 'bg-[var(--color-primary)]');\r\n\r\n                    dot.classList.add('border-2', 'border-[var(--color-primary)]');\r\n\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n\r\n        \/\/ Event listeners para as bolinhas\r\n\r\n        dots.forEach((dot, index) => {\r\n\r\n            dot.addEventListener('click', () => {\r\n\r\n                currentSlide = index;\r\n\r\n                updateSlider();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n\r\n        \/\/ Auto-play (opcional)\r\n\r\n        setInterval(() => {\r\n\r\n            currentSlide = (currentSlide + 1) % dots.length;\r\n\r\n            updateSlider();\r\n\r\n        }, 5000);\r\n\r\n    }\r\n\r\n});\r\n<\/script>\n\n<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 !pb-0\"\r\n    aria-label=\"\u00a1Ahora ya sabes lo que necesitas para crecer!\">\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                            \u00a1Ahora ya sabes lo que necesitas para crecer!                        <\/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                            Encuentra la opci\u00f3n que impulsa tu idea, respeta tu ritmo y entrega el rendimiento que buscas. Quien se toma el futuro en serio, como t\u00fa, no elige cualquier camino.                        <\/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=\"\/es\/contactenos#contato\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-white !outline-white hover:bg-[var(--color-primary)] hover:!text-white !text-[var(--color-primary)] hover:!outline-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Habla con un especialista    <\/div>\r\n<\/a>\r\n                <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<\/div>\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse lg:flex-row-reverse\">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                            <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    S\u00e9 un partner                                <\/h2>\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"w-full \">\r\n                            <p\r\n                                class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                <strong>\u00a1Lleva lo mejor de la tecnolog\u00eda Audaces a tu regi\u00f3n!<\/strong><br><br>Forma parte de nuestra red de partners y representa la tecnolog\u00eda 4.0 para la moda. Con soporte, estructura y prop\u00f3sito, creces junto a nosotros.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \r\n                                            <div\r\n                            class=\"mt-5 inline-flex self-start items-start \">\r\n                            \r\n<a \r\n    id=\"texto-imagem-v2-cta-button-cta-primary-cta-button\" \r\n    href=\"\/es\/partners\" \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        Quiero ser un partner    <\/div>\r\n<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Image Column -->\r\n                    <div class=\"w-full flex justify-center 2xl:w-1\/2 lg:justify-start max-md:!h-auto\"\r\n                        style=\"height: -webkit-fill-available;\">\r\n                                                    <div class=\"w-full max-w-[660px] flex justify-center lg:self-endd\">\r\n                                <img decoding=\"async\" class=\"w-auto h-auto object-contain xl:object-cover rounded-[20px] \"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/banner-franqueados.webp\"\r\n                                    alt=\"S\u00e9 un partner\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-57900","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda<\/title>\n<meta name=\"description\" content=\"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!\" \/>\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\/es\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda\" \/>\n<meta property=\"og:description\" content=\"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/es\" \/>\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:52:33+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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es\",\"url\":\"https:\\\/\\\/audaces.com\\\/es\",\"name\":\"Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es#website\"},\"datePublished\":\"2022-05-24T23:19:41+00:00\",\"dateModified\":\"2026-09-18T01:52:33+00:00\",\"description\":\"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/es\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INICIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/es\\\/home-es\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"In\u00edcio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es#website\",\"url\":\"https:\\\/\\\/audaces.com\\\/es\",\"name\":\"Audaces\",\"description\":\"We are the Industry 4.0\",\"publisher\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/audaces.com\\\/es?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es#organization\",\"name\":\"Audaces\",\"url\":\"https:\\\/\\\/audaces.com\\\/es\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es#\\\/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\\\/es#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/audaces.pt\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda","description":"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!","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\/es","og_locale":"es_ES","og_type":"article","og_title":"Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda","og_description":"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!","og_url":"https:\/\/audaces.com\/es","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T01:52:33+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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/audaces.com\/es","url":"https:\/\/audaces.com\/es","name":"Inicio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda","isPartOf":{"@id":"https:\/\/audaces.com\/es#website"},"datePublished":"2022-05-24T23:19:41+00:00","dateModified":"2026-09-18T01:52:33+00:00","description":"Audaces es una multinacional brasile\u00f1a especializada en tecnolog\u00eda para la confecci\u00f3n de moda. \u00a1Descubre m\u00e1s sobre nuestros productos y solucciones!","breadcrumb":{"@id":"https:\/\/audaces.com\/es#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/es"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/es#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INICIO","item":"https:\/\/audaces.com\/es\/home-es"},{"@type":"ListItem","position":2,"name":"In\u00edcio | Audaces \u2013 Tecnolog\u00eda para la confecci\u00f3n de moda"}]},{"@type":"WebSite","@id":"https:\/\/audaces.com\/es#website","url":"https:\/\/audaces.com\/es","name":"Audaces","description":"We are the Industry 4.0","publisher":{"@id":"https:\/\/audaces.com\/es#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/audaces.com\/es?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/audaces.com\/es#organization","name":"Audaces","url":"https:\/\/audaces.com\/es","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/audaces.com\/es#\/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\/es#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/audaces.pt"]}]}},"_links":{"self":[{"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/57900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/comments?post=57900"}],"version-history":[{"count":10,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/57900\/revisions"}],"predecessor-version":[{"id":219164,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/57900\/revisions\/219164"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/media?parent=57900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}