{"id":142929,"date":"2023-05-02T19:26:32","date_gmt":"2023-05-02T22:26:32","guid":{"rendered":"https:\/\/audaces.com\/?page_id=142929"},"modified":"2026-09-18T04:18:45","modified_gmt":"2026-09-18T07:18:45","slug":"idea","status":"publish","type":"page","link":"https:\/\/audaces.com\/es\/soluciones\/idea","title":{"rendered":"Audaces Idea | Ficha t\u00e9cnica e precosto automatizados VF"},"content":{"rendered":"\r\n<section id=\"hero-2\"\r\n    class=\"w-full relative overflow-hidden min-h-[400px] [@media(min-width:1920px)]:min-h-[545px] max-lg:flex max-lg:flex-col max-lg:justify-center  px-6 lg:px-20 py-10 lg:py-16 2xl:py-20\">\r\n            <img class=\"no-lazy absolute inset-0 w-full h-full object-cover object-center\" src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/BANNER-IDEA.webp\"\r\n            alt=\"\" aria-hidden=\"true\" fetchpriority=\"high\" decoding=\"async\" \/>\r\n                <div class=\"absolute inset-0 z-0 bg-black\/70 lg:bg-transparent lg:bg-gradient-to-r lg:from-black\/100 lg:to-black\/0\">\r\n        <\/div>\r\n        <div class=\"relative z-10 max-w-screen-xl 2xl:max-w-screen-2xl mx-auto h-full\">\r\n        <div\r\n            class=\" text-hero-v2 flex flex-col justify-between lg:justify-center items-start gap-2 lg:gap-4 h-full max-h-screen lg:min-h-[400px] [@media(min-width:1920px)]:min-h-[545px] relative\">\r\n                        <div class=\"w-full max-w-xl 2xl:max-w-[40%] flex flex-col justify-center items-start gap-4 lg:gap-8\">\r\n                                                        <div class=\"inline-flex justify-center items-center\">\r\n                                                                                <div                                class=\"!my-0 px-4 lg:px-5 py-2 rounded-[50px] text-center !text-[#505962] !text-sm !font-medium\"\r\n                                style=\"background-color: rgba(241, 241, 241, 1.000);\">\r\n                                Software                            <\/div>\r\n                                            <\/div>\r\n                                                                        <h1                        class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight\">\r\n                        Audaces Idea                    <\/h1>\r\n                            <\/div>\r\n            <div class=\"w-full max-w-xl flex flex-col justify-center items-start gap-8 lg:gap-16\">\r\n                <div class=\"flex flex-col justify-start items-start gap-5\">\r\n\r\n                                            <p\r\n                            class=\"!my-0 !text-white text-lg lg:text-xl !font-light leading-tight\">\r\n                            Desarrolla ficha t\u00e9cnica y dibujo t\u00e9cnico online con precosto.                        <\/p>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"flex flex-col md:flex-row gap-8\">\r\n                                                    <div>\r\n                                \r\n<a \r\n    id=\"hero-2-cta-cta-button\" \r\n    href=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-white !outline-white hover:bg-[var(--color-primary)] hover:!text-white !text-[var(--color-primary)] hover:!outline-white\"\r\n>\r\n    <div class=\"text-center font-bold !text-sm sm:!text-base lg:whitespace-nowrap\">\r\n        Suscr\u00edbete a Audaces Idea    <\/div>\r\n<\/a>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"galeria-logos\"\r\n    class=\"audaces-wrapper w-full py-10 lg:py-16 2xl:py-20 bg-white\">\r\n            <!-- Cabe\u00e7alho (com margens) -->\r\n                    <div\r\n                class=\"flex flex-col gap-8 justify-center items-center w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 mb-12\">\r\n                                    <div class=\"text-center w-full\">\r\n                        <h2\r\n                            class=\"!my-0 !text-[#121212] !text-xl  !font-bold leading-7\">\r\n                            M\u00e1s de 20 mil empresas conf\u00edan en nuestras soluciones                        <\/h2>\r\n                    <\/div>\r\n                                            <\/div>\r\n        \r\n        <!-- Carrossel (full width) -->\r\n                    <div class=\"audaces-galeria-logos-carousel w-full overflow-hidden\" data-enable-slider=\"true\">\r\n                <div class=\"carousel-track flex\">\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/1.CAPOBIANCO.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/2.Giadamarina.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/6.YASMIL.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/LBRENNA.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Moda-Magia-Floriana-Formisano.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/SOKO-scaled.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Terra-Blu_Primal.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/PANTALONIFICIODURIO-vett.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/El-Zeppelin.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/CONFEZIONIELSA.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/5.MTP_.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/4.SIMONETESSADORI.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/3.RUPE_.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/RIVERLAND.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                            <div\r\n                            class=\"carousel-item flex flex-col justify-center items-center p-2 md:p-4 transition-opacity group flex-shrink-0\">\r\n                            <div class=\"flex justify-center items-center mb-3\">\r\n                                <img data-src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/VIVO02.webp\"\r\n    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\r\n    alt=\"\" class=\"max-w-full h-auto max-md:aspect-5\/1 w-[150px] object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" decoding=\"async\" \/>\r\n                            <\/div>\r\n\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n        \r\n    <\/section>\r\n\r\n<style>\r\n    .audaces-wrapper .audaces-galeria-logos-carousel {\r\n        position: relative;\r\n        padding-inline: 0;\r\n        margin-inline: 0;\r\n        max-width: none;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-track {\r\n        display: flex;\r\n        will-change: transform;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        min-height: 120px;\r\n        \/* Altura m\u00ednima para acomodar texto *\/\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item:first-child {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item:last-child {\r\n        padding-right: 0;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item h4 {\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .audaces-wrapper .carousel-item p {\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 767px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 50%;\r\n            \/* 2 logos no mobile para acomodar texto *\/\r\n            min-height: 140px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.65rem;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) and (max-width: 1023px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 33.333%;\r\n            \/* 3 logos no tablet *\/\r\n            min-height: 130px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item img {\r\n            max-height: 50px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.7rem;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .audaces-wrapper .carousel-item {\r\n            width: 20%;\r\n            \/* 5 logos no desktop para acomodar texto *\/\r\n            min-height: 120px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item img {\r\n            max-height: 60px;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item h4 {\r\n            font-size: 0.875rem;\r\n        }\r\n\r\n        .audaces-wrapper .carousel-item p {\r\n            font-size: 0.75rem;\r\n        }\r\n    }\r\n\r\n    \/* Pause animation on hover *\/\r\n    .audaces-wrapper .audaces-galeria-logos-carousel:hover .carousel-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Estilos para modo est\u00e1tico *\/\r\n    .audaces-wrapper .audaces-galeria-logos-static {\r\n        width: 100%;\r\n        align-items: center;\r\n    }\r\n\r\n    .audaces-wrapper .audaces-galeria-logos-static img {\r\n        height: auto;\r\n        max-width: 150px;\r\n        width: auto;\r\n    }\r\n\r\n    \/* Responsive para modo est\u00e1tico *\/\r\n    @media (max-width: 767px) {\r\n        .audaces-wrapper .audaces-galeria-logos-static img {\r\n            max-width: 100%;\r\n        }\r\n    }\r\n<\/style>\n\n\r\n<section id=\"texto-video-v1\"\r\n    class=\"relative audaces-texto-video-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20  bg-[var(--color-primary)] lg:bg-[linear-gradient(to_right,var(--color-primary)_0%,var(--color-primary)_75%,#F2F2F2_75%)] \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n        <div class=\"w-full flex flex-col justify-center items-center gap-8 md:gap-8 2xl:gap-16\">\r\n            <div\r\n                class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 flex-col-reverse 2xl:gap-14 lg:gap-12\">\r\n                <!-- Content Column -->\r\n                <div class=\"w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 lg:w-2\/5\">\r\n                    <div class=\"w-full flex flex-col justify-start items-start gap-3.5\">\r\n                                                <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-lg !font-bold leading-tight !text-white\">\r\n                            Qu\u00e9 es                        <\/p>\r\n                                                                        <div class=\"w-full\">\r\n                            <h2\r\n                                class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold !text-white\">\r\n                                Domine el dibujo t\u00e9cnico de moda con Audaces Idea                            <\/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-light !text-white\">\r\n                            Audaces Idea es la soluci\u00f3n definitiva para quienes buscan profesionalismo en el dibujo t\u00e9cnico de moda.<br><br>Desarrollado para optimizar el flujo de trabajo, este software permite crear dibujos t\u00e9cnicos de prendas con agilidad y precisi\u00f3n, integrando herramientas de espejado y formas espec\u00edficas para el sector textil.<br><br>Con Idea, transformas bocetos en documentos profesionales, garantizando que tu visi\u00f3n creativa se comunique sin errores al \u00e1rea de producci\u00f3n.                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    \r\n                                    <\/div>\r\n                <!-- Image Column -->\r\n                <div class=\"relative w-full flex justify-center items-center lg:w-3\/5 group lg:justify-end\"\r\n                     id=\"texto-video-v1-video-trigger\" role=\"button\"\r\n                    tabindex=\"0\" aria-label=\"Abrir v\u00eddeo\">\r\n                                                                                                    <div\r\n                        class=\"w-full flex justify-center  items-center relative cursor-pointer overflow-hidden rounded-[20px] max-h-[500px] 2xl:max-h-[768px]\">\r\n                        <img decoding=\"async\" class=\"w-auto h-auto transition-transform duration-300 group-hover:scale-105 shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/es_Idea.webp\" alt=\"Content image\" \/>\r\n                                                <div class=\"absolute top-0 left-0 right-0 bottom-0 flex justify-center items-center\">\r\n                            <div\r\n                                class=\"md:w-30 md:h-30 w-20 h-20 bg-white rounded-full flex justify-center items-center transition-transform group-hover:scale-110\">\r\n                                <svg width=\"30\" height=\"38\" viewBox=\"0 0 30 38\" fill=\"none\"\r\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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                            <\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Video Modal -->\r\n<div id=\"texto-video-v1-video-modal\"\r\n    class=\"fixed top-10 inset-0 z-50 hidden items-center justify-center bg-black bg-opacity-75 backdrop-blur-sm\"\r\n    role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"texto-video-v1-video-modal-title\">\r\n    <div class=\"relative w-full h-[400px] lg:h-[95%] max-w-5xl mx-auto flex items-center justify-center p-16\">\r\n        <!-- Close Button -->\r\n        <button id=\"texto-video-v1-video-modal-close\"\r\n            class=\"absolute top-16 right-4 z-10 w-10 h-10 bg-white rounded-full flex items-center justify-center text-gray-800 hover:bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-white cursor-pointer\"\r\n            aria-label=\"Fechar modal\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <!-- Video Container: dimens\u00f5es no pai \u2014 a iubenda pode reescrever classes do iframe -->\r\n        <div id=\"texto-video-v1-video-frame\"\r\n            class=\"relative w-full h-[400px] lg:h-[95%] rounded-xl overflow-hidden\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    const blockId = 'texto-video-v1';\r\n    const triggerId = blockId + '-video-trigger';\r\n    const modalId = blockId + '-video-modal';\r\n    const closeId = blockId + '-video-modal-close';\r\n    const frameId = blockId + '-video-frame';\r\n    const iframeId = blockId + '-video-iframe';\r\n    const videoEmbedUrl = 'https:\/\/www.youtube-nocookie.com\/embed\/NmxSpmcvTZw?autoplay=1&amp;rel=0&amp;modestbranding=1';\r\n\r\n    const trigger = document.getElementById(triggerId);\r\n    const modal = document.getElementById(modalId);\r\n    const closeBtn = document.getElementById(closeId);\r\n    const frame = document.getElementById(frameId);\r\n\r\n    if (!trigger || !modal || !closeBtn || !frame) return;\r\n\r\n    function createVideoIframe() {\r\n        const iframe = document.createElement('iframe');\r\n        iframe.id = iframeId;\r\n        \/\/ _iub_cs_skip: iubenda n\u00e3o deve bloquear\/reescrever este embed (carga sob clique do usu\u00e1rio)\r\n        iframe.className = 'absolute inset-0 w-full h-full rounded-xl _iub_cs_skip';\r\n        iframe.setAttribute('style', 'width:100%;height:100%;border:0;');\r\n        iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen');\r\n        iframe.setAttribute('allowfullscreen', '');\r\n        iframe.setAttribute('title', 'Video Player');\r\n        iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\r\n        iframe.src = videoEmbedUrl;\r\n        return iframe;\r\n    }\r\n\r\n    function openModal() {\r\n        modal.classList.remove('hidden');\r\n        modal.classList.add('flex');\r\n        frame.replaceChildren(createVideoIframe());\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeModal() {\r\n        modal.classList.add('hidden');\r\n        modal.classList.remove('flex');\r\n        frame.replaceChildren();\r\n        document.body.style.overflow = '';\r\n    }\r\n\r\n    trigger.addEventListener('click', openModal);\r\n    trigger.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n            e.preventDefault();\r\n            openModal();\r\n        }\r\n    });\r\n\r\n    closeBtn.addEventListener('click', closeModal);\r\n\r\n    modal.addEventListener('click', function(e) {\r\n        if (e.target === modal) {\r\n            closeModal();\r\n        }\r\n    });\r\n\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape' && !modal.classList.contains('hidden')) {\r\n            closeModal();\r\n        }\r\n    });\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n#texto-video-v1-video-modal {\r\n    animation: fadeIn 0.3s ease-in-out;\r\n}\r\n\r\n#texto-video-v1-video-modal.hidden {\r\n    display: none;\r\n}\r\n\r\n#texto-video-v1-video-modal.flex {\r\n    display: flex;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n<\/style>\r\n\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=\"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                                        Para qui\u00e9n                                    <\/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                                    Ficha t\u00e9cnica y prec\u00e1lculo de costos                                <\/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                                Olv\u00eddate de completar datos manualmente y del riesgo de p\u00e9rdidas. Con la ficha t\u00e9cnica autom\u00e1tica de Audaces, los dise\u00f1adores integran el dise\u00f1o directamente a los costos de producci\u00f3n.<br><br>El software permite crear dibujos t\u00e9cnicos con costo estimado, realizando el c\u00e1lculo del consumo de tela en el dise\u00f1o de forma instant\u00e1nea.<br><br>Este sistema de prec\u00e1lculo de costos en moda es esencial para una ficha t\u00e9cnica precisa, garantizando la viabilidad financiera de la colecci\u00f3n desde el primer trazo.                            <\/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=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[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        Suscr\u00edbete a Audaces Idea    <\/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] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__Vantagens-Idea.webp\"\r\n                                    alt=\"Ficha t\u00e9cnica y prec\u00e1lculo de costos\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"tabs-v1\" class=\"relative audaces-tabs-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20 \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 relative\">\r\n        <div class=\"bg-white absolute top-0 2xl:bottom-20 lg:bottom-16 left-0 w-2\/3 h-full lg:h-[calc(100%-4rem)] 2xl:h-[calc(100%-5rem)] rounded-[24px]\"><\/div>\r\n        <div class=\"bg-white absolute 2xl:top-20 lg:top-16 bottom-0 right-0 w-2\/3 h-full lg:h-[calc(100%-4rem)] 2xl:h-[calc(100%-5rem)] rounded-[24px]\"><\/div>\r\n        <div class=\"relative z-1 w-full flex flex-col justify-start items-start gap-4 2xl:gap-8 py-10 lg:py-16 2xl:py-20\">\r\n            <!-- Header Section (Eyebrow, Title, Description) -->\r\n            <div class=\"w-full flex flex-col justify-start items-start gap-3.5 lg:w-7\/12\">\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                            Ventajas que solo Audaces Idea entrega                        <\/h2>\r\n                    <\/div>\r\n                                                    <div class=\"w-full\">\r\n                        <p class=\"!my-0 !text-base 2xl:!text-lg !font-light !text-[var(--color-text)]\">\r\n                            Impulsa tu productividad con una soluci\u00f3n que integra el dibujo t\u00e9cnico a la viabilidad financiera de forma autom\u00e1tica.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Tabs Section -->\r\n            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                <!-- Tabs Navigation (First Column - 1\/3) -->\r\n                <div class=\"w-full lg:w-1\/3 flex flex-col gap-2.5\">\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-[var(--color-primary)] text-white shadow-[0px_11px_18px_0px_rgba(0,0,0,0.11)]\"\r\n                            data-tab-index=\"0\"\r\n                            aria-selected=\"true\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Aplicaci\u00f3n de estampados<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"1\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Dibujo y ficha t\u00e9cnica<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"2\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Precosto automatizado<\/span>\r\n                        <\/button>\r\n                                            <button\r\n                            class=\"tabs-v1-tab-button w-full px-4 lg:px-8 py-3 lg:py-5 rounded-[10px] text-left transition-all duration-200 cursor-pointer bg-white text-[var(--color-primary)]\"\r\n                            data-tab-index=\"3\"\r\n                            aria-selected=\"false\"\r\n                            role=\"tab\"\r\n                            type=\"button\"\r\n                        >\r\n                            <span class=\"!text-base lg:!text-xl !font-normal\">Acceso a modelos base<\/span>\r\n                        <\/button>\r\n                                    <\/div>\r\n\r\n                <!-- Tab Content (Second and Third Columns - 2\/3) -->\r\n                <div class=\"w-full lg:w-2\/3\">\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content \"\r\n                            data-tab-content-index=\"0\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Softwares_Vantagens_Idea_01.webp\"\r\n                                                alt=\"Simula el resultado de la prenda con total agilidad\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Simula el resultado de la prenda con total agilidad                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Este recurso permite aplicar y ajustar estampados en tus dibujos t\u00e9cnicos de forma instant\u00e1nea, garantizando que dise\u00f1o y producci\u00f3n visualicen exactamente c\u00f3mo el patr\u00f3n se comporta en el modelo.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-0-cta-primary-cta-button\" \r\n    href=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[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        Suscr\u00edbete a Audaces Idea    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"1\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Softwares_Vantagens_Idea_02.webp\"\r\n                                                alt=\"Optimiza tu tiempo eliminando tareas repetitivas\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Optimiza tu tiempo eliminando tareas repetitivas                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                En Audaces Idea, el dibujo t\u00e9cnico de moda alimenta la ficha t\u00e9cnica en la misma plataforma. Cualquier cambio en el modelo actualiza los datos t\u00e9cnicos autom\u00e1ticamente, evitando errores de digitaci\u00f3n y falta de informaci\u00f3n.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-1-cta-primary-cta-button\" \r\n    href=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[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        Suscr\u00edbete a Audaces Idea    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"2\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Softwares_Vantagens_Idea_03.webp\"\r\n                                                alt=\"Descubre cu\u00e1nto costar\u00e1 tu prenda antes de producir\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                Descubre cu\u00e1nto costar\u00e1 tu prenda antes de producir                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Con el sistema de prec\u00e1lculo de costos, obtienes el consumo de materiales y el valor estimado de la prenda durante el proceso de dise\u00f1o, permitiendo ajustes estrat\u00e9gicos para mantener el margen de ganancia.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-2-cta-primary-cta-button\" \r\n    href=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[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        Suscr\u00edbete a Audaces Idea    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div \r\n                            class=\"tabs-v1-tab-content hidden\"\r\n                            data-tab-content-index=\"3\"\r\n                            role=\"tabpanel\"\r\n                        >\r\n                            <div class=\"w-full flex flex-col lg:flex-row gap-8 lg:gap-12\">\r\n                                <!-- Image Column -->\r\n                                                                    <div class=\"w-full lg:w-1\/2 flex justify-center items-center\">\r\n                                        <div class=\"relative w-full rounded-[20px] overflow-hidden shadow-[0px_14px_44px_0px_rgba(0,0,0,0.25)]\" style=\"aspect-ratio: 406\/558;\">\r\n                                            <img decoding=\"async\"\r\n                                                class=\"w-full h-full object-cover rounded-[20px]\"\r\n                                                src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/Softwares_Vantagens_Idea_04.webp\"\r\n                                                alt=\"No empieces desde cero y gana tiempo en la creaci\u00f3n\"\r\n                                            \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                \r\n                                <!-- Content Column -->\r\n                                <div class=\"w-full lg:w-1\/2 flex flex-col justify-start items-start gap-4 lg:gap-9\">\r\n                                                                            <div class=\"w-full\">\r\n                                            <h3 class=\"!my-0 !text-2xl lg:!text-2xl 2xl:!text-3xl !font-bold leading-tight !text-[var(--color-primary)]\">\r\n                                                No empieces desde cero y gana tiempo en la creaci\u00f3n                                            <\/h3>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"w-full\">\r\n                                            <p class=\"!my-0 !text-base 2xl:!text-lg !font-normal !text-[var(--color-text)]\">\r\n                                                Utiliza una biblioteca completa de modelos base y componentes listos para acelerar el desarrollo de nuevos dise\u00f1os, manteniendo la estandarizaci\u00f3n t\u00e9cnica y aumentando el volumen de piezas por colecci\u00f3n.                                            <\/p>\r\n                                        <\/div>\r\n                                                                        \r\n                                                                            <div class=\"mt-5 inline-flex self-start items-start\">\r\n                                            \r\n<a \r\n    id=\"tabs-v1-tab-cta-3-cta-primary-cta-button\" \r\n    href=\"#contact\" \r\n    target=\"_self\"\r\n    class=\"inline-flex py-2 px-6 rounded-[20px] !outline !outline-1 justify-center items-center !no-underline transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5  bg-[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        Suscr\u00edbete a Audaces Idea    <\/div>\r\n<\/a>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n\r\n<section id=\"cards-genericos-1\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 !bg-white\">\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div class=\"w-full flex flex-col justify-center items-start gap-1.5 mb-12\">\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                    Beneficios                <\/p>\r\n            <\/div>\r\n                                    <div class=\"w-full\">\r\n                <h2\r\n                    class=\"!my-0 !text-3xl lg:!text-4xl !text-[var(--color-primary)] !font-bold leading-tight !text-bold\">\r\n                    Lo que ganas desde el primer d\u00eda                <\/h2>\r\n            <\/div>\r\n                                <\/div>\r\n                                <!-- Layout 1 (3 col) \/ Layout 4 (4 col, basis 25%) -->\r\n        <div class=\"w-full flex flex-wrap gap-4 lg:gap-12 justify-center\">\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-comments\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Comunicaci\u00f3n asertiva con la f\u00e1brica                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Genera dibujos t\u00e9cnicos con detalles de costura y acabados, eliminando dudas en producci\u00f3n para que la prenda final sea id\u00e9ntica al proyecto.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-copy\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Estandarizaci\u00f3n de procesos                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Crea un est\u00e1ndar visual para tus fichas t\u00e9cnicas y dibujos, facilitando la lectura por parte de proveedores y profesionalizando tu marca.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-gem\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Historial de materiales e insumos                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Mant\u00e9n una base de datos organizada con todos los componentes utilizados, facilitando su reutilizaci\u00f3n en futuras colecciones.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-layers\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            C\u00e1lculo de consumo de tela                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Obt\u00e9n una estimaci\u00f3n del metraje necesario para cada prenda desde la etapa de dise\u00f1o, optimizando la compra de materia prima.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-calculator\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Reducci\u00f3n de errores de digitaci\u00f3n                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Como los datos del dibujo t\u00e9cnico alimentan la ficha t\u00e9cnica de forma directa, eliminas los errores manuales comunes en hojas de c\u00e1lculo.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                                    <div class=\"w-full md:basis-[calc(33.333%-2rem)]\">\r\n                <div class=\"h-full 2xl:px-20 px-6 2xl:py-16 py-10 bg-white rounded-3xl outline outline-1 outline-offset-[-1px] outline-[#e3e3e3] flex flex-col justify-start items-center gap-4 overflow-hidden\">\r\n                                        <div class=\"relative flex items-center justify-center text-[var(--color-primary)] text-5xl leading-none\">\r\n                        <i class=\"fi fi-rr-bolt\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                                        <div class=\"self-stretch flex flex-col justify-start items-start gap-1.5\">\r\n                                                <div\r\n                            class=\"self-stretch text-center justify-start text-[var(--color-primary)] text-base font-bold\">\r\n                            Agilidad en cambios de colecci\u00f3n                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Actualiza detalles en toda una l\u00ednea de productos de manera simult\u00e1nea, ahorrando horas de trabajo y asegurando que las fichas est\u00e9n siempre actualizadas.                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n                \r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-imagem-v2\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20  \">\r\n\r\n        \r\n\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 \">\r\n\r\n                <div\r\n            class=\" w-full flex flex-col justify-center relative items-center gap-8 md:gap-8 2xl:gap-16 \">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14 flex-col-reverse \">\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\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 1                                    <\/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                                    Espejado y formas autom\u00e1ticas                                <\/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                                Dise\u00f1a con precisi\u00f3n y simetr\u00eda absoluta en la mitad del tiempo.<br><br>Este recurso permite que, al crear un lado de la prenda, el software genere autom\u00e1ticamente el lado opuesto, manteniendo proporciones perfectas.<br><br>Adem\u00e1s, incluye una biblioteca de formas espec\u00edficas (cuellos, pu\u00f1os, bolsillos) que pueden arrastrarse y ajustarse f\u00e1cilmente al modelo.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \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 rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__Recurso-Idea01.webp\"\r\n                                    alt=\"Espejado y formas autom\u00e1ticas\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-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\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 2                                    <\/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                                    Editor de fichas t\u00e9cnicas din\u00e1micas                                <\/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                                Olv\u00eddate de volver a escribir datos. Esta herramienta vincula el dibujo t\u00e9cnico directamente con la informaci\u00f3n de materiales y procesos.<br><br>Si modificas un av\u00edo en el dise\u00f1o, la ficha t\u00e9cnica de moda se actualiza en tiempo real, garantizando que toda la documentaci\u00f3n enviada a f\u00e1brica est\u00e9 siempre correcta y completa.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \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] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__Recurso-Idea02.webp\"\r\n                                    alt=\"Editor de fichas t\u00e9cnicas din\u00e1micas\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-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 \">\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\r\n                                    class=\"px-4 lg:px-5 py-2 bg-[#D9E0F0] rounded-[50px] inline-flex justify-center items-center gap-2.5\">\r\n                                    <p class=\"!my-0 text-center !text-[var(--color-primary)] !text-sm !font-medium\">\r\n                                        Recurso 3                                    <\/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                                    Simulador de precosto y consumo                                <\/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                                Toma decisiones basadas en la rentabilidad antes de la primera costura.<br><br>Esta herramienta calcula autom\u00e1ticamente el consumo de tela y el costo estimado de la prenda seg\u00fan los insumos registrados. As\u00ed, el dise\u00f1ador puede ajustar el modelo para alcanzar el costo objetivo sin comprometer la est\u00e9tica de la colecci\u00f3n.                            <\/p>\r\n                        <\/div>\r\n                    \r\n                    \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 rounded-[20px] shadow-[0px_14px_24px_0px_rgba(0,0,0,0.15)]\"\r\n                                    src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__Recurso-Idea03.webp\"\r\n                                    alt=\"Simulador de precosto y consumo\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"contact\"     class=\"overflow-hidden relative audaces-texto-imagem-v2 !my-0 w-full py-10 lg:py-16 2xl:py-20 bg-[var(--color-primary)] !pb-0 lg:!pb-16 2xl:!pb-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 items-center gap-8 md:gap-8 2xl:gap-16 min-h-[550px]\">\r\n                                    <div class=\"w-full flex flex-col lg:flex-row justify-center items-center gap-8 md:gap-12 2xl:gap-14  \">\r\n                <!-- Content Column -->\r\n                <div class=\"relative z-1 w-full flex flex-col justify-center items-center gap-4 2xl:gap-8 2xl:w-1\/2\">\r\n                                        <div\r\n                        class=\"w-full flex flex-col justify-start items-start gap-3.5 \">\r\n                                                                            <div class=\"w-full\">\r\n                                <h2 class=\"!my-0 !text-3xl lg:!text-4xl !font-bold leading-tight !text-bold\">\r\n                                    <span style=\"color: #ffffff\">\u00a1No permitas que los cuellos de botella sigan retrasando tus entregas!<\/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                                <span style=\"color: #ffffff\">Completa tus datos a continuaci\u00f3n y recibe el contacto de un especialista:<\/span>                            <\/p>\r\n                        <\/div>\r\n                    \r\n                                            <div class=\"w-full \">\r\n                            \t<div class=\"audaces-form-builder-wrapper bg-white p-4 rounded-lg w-full \">\r\n\t\t<form\r\n\t\t\tclass=\"audaces-form-builder\"\r\n\t\t\tid=\"audaces-fb-contact-tf\"\r\n\t\t\tmethod=\"post\"\r\n\t\t\taction=\"https:\/\/audaces.com\/es\/wp-json\/audaces-theme\/v1\/webtolead\"\r\n\t\t\tdata-rest-url=\"https:\/\/audaces.com\/es\/wp-json\/audaces-theme\/v1\/webtolead\"\r\n\t\t\tdata-success-url=\"\"\r\n\t\t\tdata-form-lang=\"es\"\r\n\t\t\tdata-msg-required=\"Complete los campos obligatorios.\"\r\n\t\t\tdata-msg-submit-error=\"No fue posible enviar. Int\u00e9ntelo de nuevo.\"\r\n\t\t\tdata-msg-network-error=\"Error de red. Int\u00e9ntelo de nuevo.\"\r\n\t\t\tnovalidate>\r\n\t\t\t<input type=\"hidden\" name=\"oid\" value=\"00DHo000002h3rq\" \/>\r\n\t\t\t\r\n\t\t\t<input type=\"hidden\" name=\"00NbL0000053l7Z\" value=\"Latam\" data-audaces-business-unit=\"1\" \/>\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL00000GAxDh\" value=\"Software\" data-audaces-hidden-product-family=\"1\" \/>\r\n\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL00000FiE53\" value=\"LT_site_LQ_aquisition_CM_A360-idea\" data-audaces-hidden-campaign=\"1\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"00NbL00000G1z1p\" value=\"Entrada\" data-audaces-hidden-lead-origin=\"1\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"recordType\" value=\"012bL000003tWn7\" \/>\r\n\t\t\t<input type=\"hidden\" name=\"lead_source\" value=\"Digital\/Inbound\" \/>\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"00NbL000003xMpS\" value=\"\" data-audaces-phone-country-code-hidden=\"1\" \/>\r\n\t\t\t\r\n\t\t\t<input type=\"hidden\" name=\"00NbL00000FDemy\" value=\"\" data-audaces-fill=\"utm_source\" \/>\n<input type=\"hidden\" name=\"00NbL00000FDemx\" value=\"\" data-audaces-fill=\"utm_medium\" \/>\n<input type=\"hidden\" name=\"00NbL00000FDemv\" value=\"\" data-audaces-fill=\"utm_campaign\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvU\" value=\"\" data-audaces-fill=\"utm_campaign_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvV\" value=\"\" data-audaces-fill=\"utm_campaign_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvW\" value=\"\" data-audaces-fill=\"utm_medium_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvX\" value=\"\" data-audaces-fill=\"utm_medium_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvY\" value=\"\" data-audaces-fill=\"utm_source_first_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvZ\" value=\"\" data-audaces-fill=\"utm_source_last_click\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiFCP\" value=\"\" data-audaces-fill=\"tracking_facebook\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiG6r\" value=\"\" data-audaces-fill=\"tracking_google\" \/>\n<input type=\"hidden\" name=\"00NbL00000FiF5y\" value=\"\" data-audaces-fill=\"tracking_linkedin\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvK\" value=\"\" data-audaces-fill=\"tracking_facebook_fbc\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvL\" value=\"\" data-audaces-fill=\"tracking_facebook_fbp\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvM\" value=\"\" data-audaces-fill=\"tracking_google_gbraid\" \/>\n<input type=\"hidden\" name=\"00NbL00000FzkvN\" value=\"\" data-audaces-fill=\"tracking_google_wbraid\" \/>\n<input type=\"hidden\" name=\"00NbL00000GCyvF\" value=\"\" data-audaces-fill=\"last_page\" \/>\n<input type=\"hidden\" name=\"00NbL00000HPmNp\" value=\"\" data-audaces-fill=\"conversion_page_url\" \/>\n\r\n\t\t\t\r\n\t\t\t<div class=\"audaces-form-builder-fields space-y-4\">\r\n\t\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t\t\t<div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-first_name\">Nombre completo <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"text\" id=\"audaces-fb-contact-tf-first_name\" name=\"first_name\" required data-field-key=\"first_name\" \/><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-email\">Correo electr\u00f3nico <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"email\" id=\"audaces-fb-contact-tf-email\" name=\"email\" required data-field-key=\"email\" \/><\/div><fieldset class=\"audaces-form-builder-field flex flex-col gap-1 min-w-0 border-0 p-0 m-0 min-w-0\"><legend class=\"text-sm font-medium text-[#262a31]\">Tel\u00e9fono <span class=\"text-red-600\">*<\/span><\/legend><div class=\"audaces-phone-input-group flex flex-row gap-2 items-center min-w-0\" data-field-key=\"phone\" data-default-country=\"CO\"><div class=\"audaces-phone-country-shell relative flex-shrink-0\"><label class=\"sr-only\" for=\"audaces-fb-contact-tf-phone-country-trigger\">C\u00f3digo do pa\u00eds<\/label><button type=\"button\" id=\"audaces-fb-contact-tf-phone-country-trigger\" class=\"audaces-phone-country-trigger flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md border border-gray-400 bg-white text-xl leading-none text-[#262a31] hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-[#0066FF] focus:ring-offset-1\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-controls=\"audaces-fb-contact-tf-phone-country-list\"><span class=\"audaces-phone-trigger-flag select-none\" aria-hidden=\"true\"><\/span><\/button><select id=\"audaces-fb-contact-tf-phone-country\" class=\"audaces-phone-country audaces-phone-country-native sr-only\" tabindex=\"-1\" aria-hidden=\"true\"><\/select><ul id=\"audaces-fb-contact-tf-phone-country-list\" class=\"audaces-phone-country-list absolute left-0 top-full z-50 mt-1 hidden max-h-60 min-w-[min(100vw-2rem,20rem)] overflow-y-auto rounded-md border border-gray-400 bg-white py-1 shadow-lg\" role=\"listbox\"><\/ul><\/div><input class=\"audaces-phone-input flex-1 min-w-0 h-10 rounded-md border border-gray-400 px-3 text-sm text-[#262a31]\" type=\"tel\" id=\"audaces-fb-contact-tf-phone\" name=\"phone\" required placeholder=\"\" autocomplete=\"tel-national\" \/><\/div><\/fieldset><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-company\">Empresa <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"text\" id=\"audaces-fb-contact-tf-company\" name=\"company\" required data-field-key=\"company\" \/><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-cargo\">Funci\u00f3n <span class=\"text-red-600\">*<\/span><\/label><select class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" id=\"audaces-fb-contact-tf-cargo\" name=\"00NbL00000Fzkzp\" required data-field-key=\"cargo\"><option value=\"\">Seleccione\u2026<\/option><option value=\"Modelista\/Patronista\">Modelista\/Patronista<\/option><option value=\"Estilista\/Dise\u00f1ador\">Estilista\/Dise\u00f1ador<\/option><option value=\"Propietario\/Socio\">Propietario\/Socio<\/option><option value=\"Director\/Gerente general\">Director\/Gerente general<\/option><option value=\"Maestro\/Profesor\">Maestro\/Profesor<\/option><option value=\"Operador CAD\">Operador CAD<\/option><option value=\"Gerente de Producci\u00f3n\">Gerente de Producci\u00f3n<\/option><option value=\"Estudiante\">Estudiante<\/option><option value=\"Otros\">Otros<\/option><\/select><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-production\">Producci\u00f3n mensual <span class=\"text-red-600\">*<\/span><\/label><select class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" id=\"audaces-fb-contact-tf-production\" name=\"00NbL00000FDelN\" required data-field-key=\"production\"><option value=\"\">Seleccione\u2026<\/option><option value=\"Hasta 1.000 piezas\">Hasta 1.000 piezas<\/option><option value=\"Entre 1.001 y 5.000 piezas\">Entre 1.001 y 5.000 piezas<\/option><option value=\"Entre 5.001 y 10.000 piezas\">Entre 5.001 y 10.000 piezas<\/option><option value=\"Entre 10.001 y 20.000 piezas\">Entre 10.001 y 20.000 piezas<\/option><option value=\"Entre 20.001 y 50.000 piezas\">Entre 20.001 y 50.000 piezas<\/option><option value=\"Entre 50.001 y 100.000 piezas\">Entre 50.001 y 100.000 piezas<\/option><option value=\"M\u00e1s de 100.000 piezas\">M\u00e1s de 100.000 piezas<\/option><\/select><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-city\">Ciudad <span class=\"text-red-600\">*<\/span><\/label><input class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" type=\"text\" id=\"audaces-fb-contact-tf-city\" name=\"city\" required data-field-key=\"city\" \/><\/div><div class=\"audaces-form-builder-field flex flex-col gap-1\"><label class=\"text-sm font-medium text-[#262a31]\" for=\"audaces-fb-contact-tf-country_spanish_select\">Pa\u00eds <span class=\"text-red-600\">*<\/span><\/label><select class=\"w-full h-10 rounded-md border border-gray-400 px-3 text-sm\" id=\"audaces-fb-contact-tf-country_spanish_select\" name=\"country\" required data-field-key=\"country_spanish_select\"><option value=\"\">Seleccione\u2026<\/option><option value=\"Argentina\">Argentina<\/option><option value=\"Bol\u00edvia\">Bol\u00edvia<\/option><option value=\"Chile\">Chile<\/option><option value=\"Colombia\">Colombia<\/option><option value=\"Costa Rica\">Costa Rica<\/option><option value=\"Cuba\">Cuba<\/option><option value=\"El Salvador\">El Salvador<\/option><option value=\"Ecuador\">Ecuador<\/option><option value=\"Guatemala\">Guatemala<\/option><option value=\"Haiti\">Haiti<\/option><option value=\"Honduras\">Honduras<\/option><option value=\"M\u00e9xico\">M\u00e9xico<\/option><option value=\"Nicar\u00e1gua\">Nicar\u00e1gua<\/option><option value=\"Panam\u00e1\">Panam\u00e1<\/option><option value=\"Paraguay\">Paraguay<\/option><option value=\"Per\u00fa\">Per\u00fa<\/option><option value=\"Rep\u00fablica Dominicana\">Rep\u00fablica Dominicana<\/option><option value=\"Uruguay\">Uruguay<\/option><option value=\"Venezuela\">Venezuela<\/option><option value=\"Espa\u00f1a\">Espa\u00f1a<\/option><option value=\"Brasil\">Brasil<\/option><option value=\"Otros\">Otros<\/option><\/select><\/div>\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"mt-1 w-4 h-4\" id=\"audaces-fb-contact-tf-consent-consultant\" name=\"00NbL00000FiGmn\" value=\"1\" required \/>\r\n\t\t\t\t\t\t\t<label class=\"text-xs text-[#262a31]\" for=\"audaces-fb-contact-tf-consent-consultant\">\r\n\t\t\t\t\t\t\t\tAcepto que mis datos personales sean procesados para responder a mi solicitud, incluido ser contactado por un consultor, seg\u00fan se describe en la <a href=\"https:\/\/www.audaces.com\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0066FF] underline\">Pol\u00edtica de Privacidad<\/a>. *\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"mt-1 w-4 h-4\" id=\"audaces-fb-contact-tf-consent-marketing\" name=\"00NbL00000FiGjZ\" value=\"1\"  \/>\r\n\t\t\t\t\t\t\t<label class=\"text-xs text-[#262a31]\" for=\"audaces-fb-contact-tf-consent-marketing\">\r\n\t\t\t\t\t\t\t\tAcepto recibir comunicaciones de marketing, incluidas noticias, ofertas y actualizaciones de productos, seg\u00fan se describe en la <a href=\"https:\/\/www.audaces.com\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-[#0066FF] underline\">Pol\u00edtica de Privacidad<\/a>.\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"flex justify-center cf-turnstile-wrap\">\r\n\t\t\t\t\t<div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAABvLOTCWaUb-Bbxn\" data-callback=\"audacesFormBuilderTurnstileCallback\"><\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"audaces-form-builder-message text-sm text-center hidden\" role=\"alert\"><\/div>\r\n\r\n\t\t\t\t<button type=\"submit\" class=\"audaces-form-builder-submit w-full cursor-pointer px-6 py-3 bg-[#0066FF] text-white rounded-lg text-base font-medium hover:bg-[#0855b8] transition-colors disabled:cursor-not-allowed disabled:opacity-60\">\r\n\t\t\t\t\tEnviar\t\t\t\t<\/button>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"audaces-form-builder-success hidden py-10 px-6 text-center\" role=\"status\" aria-live=\"polite\">\r\n\t\t\t\t<div class=\"audaces-form-builder-success-icon mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-full bg-[#e8f5e9] text-[#2e7d32] scale-0 opacity-0 transition-all duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)]\" aria-hidden=\"true\">\r\n\t\t\t\t\t<svg class=\"h-8 w-8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\" \/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<p class=\"audaces-form-builder-success-text text-xl font-semibold leading-snug text-[#262a31] opacity-0 translate-y-2 transition-all duration-500 ease-out delay-100\">\r\n\t\t\t\t\tEnv\u00edo realizado con \u00e9xito.\t\t\t\t<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t<\/div>\r\n                        <\/div>\r\n                    \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:absolute lg:bottom-0\">\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\/06\/audara-1-v2.webp\"\r\n                                    alt=\"\u00a1No permitas que los cuellos de botella sigan retrasando tus entregas!\" \/>\r\n                            <\/div>\r\n                                                                    <\/div>\r\n                                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"faq-sidebar\" class=\"w-full \">\r\n\r\n    <div\r\n        class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20 flex flex-col lg:flex-row gap-8 lg:gap-16\">\r\n        <!-- Coluna FAQ (2\/3) -->\r\n        <div\r\n            class=\"relative w-full min-w-0 lg:w-2\/3 lg:pr-16 py-10 lg:py-16 2xl:py-20 max-lg:!pb-4\">\r\n            <div class=\"absolute inset-y-0 top-0 bottom-0 right-0 left-[calc(50%-50vw)] -z-10 hidden bg-white lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div class=\"flex flex-col gap-5 mb-12 lg:mb-16\">\r\n                                    <div>\r\n                        <h2 class=\" !my-0 !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-bold\">\r\n                            Preguntas frecuentes                        <\/h2>\r\n                    <\/div>\r\n                \r\n                            <\/div>\r\n                            <div class=\"flex flex-col gap-0\">\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-1\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-1-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        01                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfQu\u00e9 es Audaces Idea?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-1-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Es un software especializado en dibujo t\u00e9cnico de moda y ficha t\u00e9cnica online, desarrollado para integrar el dise\u00f1o con la planificaci\u00f3n de costos y producci\u00f3n.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-2\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-2-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        02                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfAudaces Idea sustituye a CorelDRAW o Illustrator?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-2-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    S\u00ed. A diferencia de softwares gen\u00e9ricos, Idea est\u00e1 enfocado en moda y ofrece herramientas espec\u00edficas como espejado autom\u00e1tico y maniqu\u00edes t\u00e9cnicos que pueden acelerar el proceso hasta 3 veces.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-3\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-3-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        03                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfC\u00f3mo funciona la ficha t\u00e9cnica autom\u00e1tica de Audaces?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-3-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Mientras dise\u00f1as, vinculas materiales y procesos. El sistema genera la documentaci\u00f3n t\u00e9cnica de forma autom\u00e1tica y actualiza los datos cada vez que realizas un cambio en el dibujo.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-4\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-4-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        04                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfEs posible calcular el costo de la prenda antes de producirla?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-4-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    S\u00ed. El software cuenta con un sistema de prec\u00e1lculo de costos de moda que estima el valor de la prenda y el consumo de tela a\u00fan en la etapa de creaci\u00f3n.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-5\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-5-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        05                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfAudaces Idea ayuda a reducir errores en f\u00e1brica?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-5-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Claro. Estandariza la comunicaci\u00f3n t\u00e9cnica mediante fichas claras y detalladas, evitando interpretaciones err\u00f3neas por parte del equipo de costura y producci\u00f3n.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-6\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-6-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        06                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfPuedo importar modelos de otras colecciones?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-6-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    S\u00ed. Puedes utilizar la biblioteca de modelos base para agilizar nuevas creaciones, reutilizando estructuras t\u00e9cnicas y ajustando solo los detalles est\u00e9ticos.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-7\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-7-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        07                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfC\u00f3mo calcula el consumo de tela el software?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-7-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    El sistema realiza el c\u00e1lculo a partir de las \u00e1reas del dibujo t\u00e9cnico, ofreciendo una estimaci\u00f3n realista para la planificaci\u00f3n de compras.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-8\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-8-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        08                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfAudaces Idea forma parte de Audaces360?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-8-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    S\u00ed. Es una de las soluciones clave del ecosistema Audaces360, conectando la etapa de dise\u00f1o con la modelaci\u00f3n t\u00e9cnica y la gesti\u00f3n.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-9\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-9-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        09                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfD\u00f3nde puedo descargar el software?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-9-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    Puedes consultar los planes disponibles en el sitio oficial, hablar con un consultor y acceder a la versi\u00f3n de prueba.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"faq-item border-t border-black\/20\">\r\n                            <button type=\"button\"\r\n                                class=\"faq-question-btn w-full flex items-start justify-between gap-4 pt-6 pb-6 text-left transition-all\"\r\n                                data-faq-id=\"faq-sidebar-faq-10\" aria-expanded=\"false\"\r\n                                aria-controls=\"faq-sidebar-faq-10-answer\">\r\n                                <div class=\"flex items-center gap-4 flex-1 cursor-pointer\">\r\n                                    <span class=\"!text-base !font-thin whitespace-nowrap\">\r\n                                        10                                    <\/span>\r\n                                    <h3 class=\"text-[var(--color-text)] !text-base 2xl:!text-xl !font-bold flex-1\">\r\n                                        \u00bfExiste capacitaci\u00f3n para aprender todas las funciones?                                    <\/h3>\r\n                                <\/div>\r\n                                <div class=\"faq-icon size-4 relative flex-shrink-0 mt-1\">\r\n                                    <!-- Linha horizontal (sempre vis\u00edvel) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] transition-opacity duration-300\">\r\n                                    <\/div>\r\n                                    <!-- Linha vertical (vira - quando abre) -->\r\n                                    <div\r\n                                        class=\"w-4 h-[1px] bg-black absolute left-0 top-[7.16px] faq-icon-vertical -rotate-90 origin-center transition-all duration-300\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <div id=\"faq-sidebar-faq-10-answer\"\r\n                                class=\"faq-answer-content hidden pl-[33px] pr-4 pb-6 pt-0\" role=\"region\">\r\n                                <p class=\"!my-0 !text-black !text-base !font-normal\">\r\n                                    S\u00ed. A trav\u00e9s de Audaces Academy encontrar\u00e1s cursos completos sobre Idea, desde el dibujo t\u00e9cnico b\u00e1sico hasta la gesti\u00f3n avanzada de fichas t\u00e9cnicas y costos.                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n\r\n        <!-- Coluna Sidebar (1\/3) -->\r\n        <div class=\"relative w-full min-w-0 lg:w-1\/3 py-10 lg:py-16 2xl:py-20 max-lg:!pt-0\">\r\n            <div class=\"absolute inset-y-0 left-0 right-[calc(50%-50vw)] -z-10 hidden bg-[#f2f2f2] lg:block\"\r\n                aria-hidden=\"true\"><\/div>\r\n            <div\r\n                class=\"-mx-6 flex min-h-full flex-col justify-between bg-[#f2f2f2] px-6 lg:mx-0 lg:bg-transparent lg:px-0\">\r\n                <!-- T\u00edtulo e Descri\u00e7\u00e3o no topo -->\r\n                <div class=\"flex flex-col gap-4 mb-8\">\r\n                                            <h2 class=\"!my-0 !text-[var(--color-primary)] !text-3xl lg:!text-[2rem] max-w-[18rem] !font-bold\">\r\n                            Si te est\u00e1s preguntando, ya te est\u00e1s acercando.                        <\/h2>\r\n                    \r\n                                            <p class=\"!my-0 !text-[var(--color-text-quinary)] !text-base !font-normal\">\r\n                            Aqu\u00ed respondemos lo m\u00e1s recurrente, para que resuelvas todas tus dudas sobre nuestra soluci\u00f3n.                        <\/p>\r\n                                    <\/div>\r\n\r\n                <!-- Card de Contato no bottom -->\r\n                <div id=\"faq-sidebar-contact-card\"\r\n                    class=\"w-full max-w-80 mt-auto flex flex-col gap-4 cursor-pointer\">\r\n                    <!-- T\u00edtulo do Card -->\r\n                    <div class=\"text-[var(--color-primary)] text-xl font-bold \">\r\n                        Si lo prefieres, habla con Audara.                    <\/div>\r\n\r\n                    <!-- Box do Card -->\r\n                    <div\r\n                        class=\"bg-white rounded-[10px] shadow-[0px_10px_14px_0px_rgba(0,0,0,0.25)] border border-[#eaeaea] p-4 flex items-center gap-4\">\r\n                        <!-- Imagem Avatar -->\r\n                        <img decoding=\"async\" class=\"w-16 h-16 rounded-full shadow-[0px_5px_14px_0px_rgba(0,0,0,0.17)] border-2 border-white flex-shrink-0\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/themes\/audaces\/assets\/images\/faq-sidebar-audara.webp\"\r\n                            alt=\"Hablar con Audara\" \/>\r\n\r\n                        <!-- Nome e Cargo -->\r\n                        <div class=\"flex flex-col justify-start items-start flex-1 min-w-0\">\r\n                            <div class=\"text-[var(--color-primary)] text-base font-bold\">\r\n                                Hablar con Audara                            <\/div>\r\n                            <div class=\"text-[var(--color-primary)] text-sm font-normal\">\r\n                                Asistente                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Separador -->\r\n                        <div class=\"w-px h-16 opacity-10 bg-[var(--color-primary)] flex-shrink-0\"><\/div>\r\n\r\n                        <!-- \u00cdcone -->\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"38\" height=\"40\" viewBox=\"0 0 38 40\" fill=\"none\"\r\n                            class=\"text-[var(--color-primary)]\">\r\n                            <path\r\n                                d=\"M16.9875 38.0952H3.77499C1.67987 38.0952 0 36.381 0 34.2857L0.0188749 7.61905C0.0188749 5.52381 1.67987 3.80952 3.77499 3.80952H5.66249V0H9.43748V3.80952H24.5374V0H28.3124V3.80952H30.1999C32.2762 3.80952 33.9749 5.52381 33.9749 7.61905V19.0476H30.1999V15.2381H3.77499V34.2857H16.9875V38.0952ZM36.1078 28.5524L37.4479 27.2C38.184 26.4571 38.184 25.2571 37.4479 24.5143L36.1078 23.1619C35.3717 22.419 34.1825 22.419 33.4464 23.1619L32.1063 24.5143L36.1078 28.5524ZM34.7677 29.9048L24.7639 40H20.7624V35.9619L30.7662 25.8667L34.7677 29.9048Z\"\r\n                                fill=\"currentColor\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n    <script type=\"application\/ld+json\">\r\n        {\r\n            \"@context\": \"https:\/\/schema.org\",\r\n            \"@type\": \"FAQPage\",\r\n            \"mainEntity\": [{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 es Audaces Idea?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Es un software especializado en dibujo t\u00e9cnico de moda y ficha t\u00e9cnica online, desarrollado para integrar el dise\u00f1o con la planificaci\u00f3n de costos y producci\u00f3n.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfAudaces Idea sustituye a CorelDRAW o Illustrator?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. A diferencia de softwares gen\u00e9ricos, Idea est\u00e1 enfocado en moda y ofrece herramientas espec\u00edficas como espejado autom\u00e1tico y maniqu\u00edes t\u00e9cnicos que pueden acelerar el proceso hasta 3 veces.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo funciona la ficha t\u00e9cnica autom\u00e1tica de Audaces?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Mientras dise\u00f1as, vinculas materiales y procesos. El sistema genera la documentaci\u00f3n t\u00e9cnica de forma autom\u00e1tica y actualiza los datos cada vez que realizas un cambio en el dibujo.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfEs posible calcular el costo de la prenda antes de producirla?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. El software cuenta con un sistema de prec\u00e1lculo de costos de moda que estima el valor de la prenda y el consumo de tela a\u00fan en la etapa de creaci\u00f3n.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfAudaces Idea ayuda a reducir errores en f\u00e1brica?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Claro. Estandariza la comunicaci\u00f3n t\u00e9cnica mediante fichas claras y detalladas, evitando interpretaciones err\u00f3neas por parte del equipo de costura y producci\u00f3n.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfPuedo importar modelos de otras colecciones?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Puedes utilizar la biblioteca de modelos base para agilizar nuevas creaciones, reutilizando estructuras t\u00e9cnicas y ajustando solo los detalles est\u00e9ticos.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo calcula el consumo de tela el software?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El sistema realiza el c\u00e1lculo a partir de las \u00e1reas del dibujo t\u00e9cnico, ofreciendo una estimaci\u00f3n realista para la planificaci\u00f3n de compras.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfAudaces Idea forma parte de Audaces360?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Es una de las soluciones clave del ecosistema Audaces360, conectando la etapa de dise\u00f1o con la modelaci\u00f3n t\u00e9cnica y la gesti\u00f3n.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfD\u00f3nde puedo descargar el software?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Puedes consultar los planes disponibles en el sitio oficial, hablar con un consultor y acceder a la versi\u00f3n de prueba.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfExiste capacitaci\u00f3n para aprender todas las funciones?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. A trav\u00e9s de Audaces Academy encontrar\u00e1s cursos completos sobre Idea, desde el dibujo t\u00e9cnico b\u00e1sico hasta la gesti\u00f3n avanzada de fichas t\u00e9cnicas y costos.\"}}]        }\r\n    <\/script>\r\n\r\n<script>\r\n    (function() {\r\n        const sectionId = 'faq-sidebar';\r\n        const section = document.getElementById(sectionId);\r\n        if (!section) return;\r\n\r\n        const faqButtons = section.querySelectorAll('.faq-question-btn');\r\n\r\n        faqButtons.forEach((button) => {\r\n            button.addEventListener('click', function() {\r\n                const faqId = this.getAttribute('data-faq-id');\r\n                const answer = section.querySelector('#' + faqId + '-answer');\r\n                const icon = this.querySelector('.faq-icon');\r\n                \/\/ Cachear elementos antes de modificar DOM para evitar reflow\r\n                const iconVertical = icon ? icon.querySelector('.faq-icon-vertical') : null;\r\n                const isExpanded = this.getAttribute('aria-expanded') === 'true';\r\n\r\n                \/\/ Usar requestAnimationFrame para agrupar todas as modifica\u00e7\u00f5es\r\n                requestAnimationFrame(() => {\r\n                    if (isExpanded) {\r\n                        \/\/ Fecha\r\n                        answer.classList.add('hidden');\r\n                        this.setAttribute('aria-expanded', 'false');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('rotate-0');\r\n                            iconVertical.classList.add('-rotate-90');\r\n                        }\r\n                    } else {\r\n                        \/\/ Fecha todas as outras - cachear elementos primeiro\r\n                        const elementsToClose = [];\r\n                        faqButtons.forEach((btn) => {\r\n                            if (btn !== this) {\r\n                                const btnFaqId = btn.getAttribute('data-faq-id');\r\n                                const btnAnswer = section.querySelector('#' + btnFaqId +\r\n                                    '-answer');\r\n                                const btnIcon = btn.querySelector('.faq-icon');\r\n                                if (btnAnswer) {\r\n                                    const verticalLine = btnIcon ? btnIcon\r\n                                        .querySelector('.faq-icon-vertical') : null;\r\n                                    elementsToClose.push({\r\n                                        answer: btnAnswer,\r\n                                        button: btn,\r\n                                        verticalLine: verticalLine\r\n                                    });\r\n                                }\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Fechar todas de uma vez\r\n                        elementsToClose.forEach((item) => {\r\n                            item.answer.classList.add('hidden');\r\n                            item.button.setAttribute('aria-expanded', 'false');\r\n                            if (item.verticalLine) {\r\n                                item.verticalLine.classList.remove('rotate-0');\r\n                                item.verticalLine.classList.add('-rotate-90');\r\n                            }\r\n                        });\r\n\r\n                        \/\/ Abre esta\r\n                        answer.classList.remove('hidden');\r\n                        this.setAttribute('aria-expanded', 'true');\r\n                        if (iconVertical) {\r\n                            iconVertical.classList.remove('-rotate-90');\r\n                            iconVertical.classList.add('rotate-0');\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Card de Contato - Clique no iframe\r\n        const contactCardId = 'faq-sidebar-contact-card';\r\n        const contactCard = document.getElementById(contactCardId);\r\n        if (contactCard) {\r\n            contactCard.addEventListener('click', function() {\r\n                try {\r\n                    if (window.embeddedservice_bootstrap?.utilAPI?.launchChat) {\r\n                        window.embeddedservice_bootstrap.utilAPI.launchChat();\r\n                    } else {\r\n                        console.log('Salesforce Embedded Messaging ainda n\u00e3o carregou');\r\n                    }\r\n                } catch (error) {\r\n                    console.log('Erro ao abrir o chat:', error);\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\n\n\r\n<section id=\"cards-solucoes\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 \"\r\n    >\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div\r\n            class=\"flex flex-col justify-start items-start gap-5 mb-10\">\r\n            \r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-5 text-left\">\r\n                                    <h2 class=\"!my-0 w-full !text-black !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                        <span style=\"color: var(--color-primary)\">Otras soluciones de Audaces<\/span>                    <\/h2>\r\n                \r\n                                    <p\r\n                        class=\"!my-0 w-full !text-[var(--color-text-secondary)] !text-base lg:!text-lg 2xl:!text-xl !font-light max-w-xl\">\r\n                        Explora las dem\u00e1s soluciones para integrar tu operaci\u00f3n de punta a punta:                    <\/p>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n                    <div\r\n                class=\"flex flex-wrap justify-start items-stretch gap-8 lg:gap-12\">\r\n                                    \r\n                                            <a href=\"\/es\/soluciones\/isa\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES__secao-ISa.webp\" alt=\"Isa\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Isa                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Planifica y gestiona tu colecci\u00f3n en tiempo real con Fashion PLM.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Reducci\u00f3n de retrasos                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Seguimiento en tiempo real                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Acceso 100% online                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora Isa<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/es\/soluciones\/fashion-studio\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARE_secao-Fashion-studio.webp\" alt=\"Fashion Studio\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Fashion Studio                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Crea tus prendas directamente en un entorno tridimensional.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Aplicaci\u00f3n de colores y texturas                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Simulaci\u00f3n de ca\u00edda                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Reducci\u00f3n de prototipos                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora Fashion Studio<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/es\/soluciones\/sofia\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/05\/IM-SOFTWARES_secao-sofia.webp\" alt=\"Sofia\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Sofia                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Cuenta con la ayuda de Inteligencia Artificial para tus creaciones.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Variaci\u00f3n de modelos                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Generaci\u00f3n de estampados                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Im\u00e1genes realistas                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora Sofia<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cards-solucoes\"\r\n    class=\"w-full py-10 lg:py-16 2xl:py-20 !bg-[#ffffff]\"\r\n    >\r\n    <div class=\"max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div\r\n            class=\"flex flex-col justify-start items-start gap-5 mb-10\">\r\n            \r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-5 text-left\">\r\n                                    <h2 class=\"!my-0 w-full !text-black !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                        <span style=\"color: var(--color-primary)\">Productos que pueden interesarte<\/span>                    <\/h2>\r\n                \r\n                                    <p\r\n                        class=\"!my-0 w-full !text-[var(--color-text-secondary)] !text-base lg:!text-lg 2xl:!text-xl !font-light max-w-xl\">\r\n                        Descubre c\u00f3mo potenciar tu productividad con m\u00e1quina de corte, plotter para patrones y m\u00e1s:                    <\/p>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n                    <div\r\n                class=\"flex flex-wrap justify-start items-stretch gap-8 lg:gap-12\">\r\n                                    \r\n                                            <a href=\"\/es\/productos\/audaces-icf\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-ICF.webp\" alt=\"ICF\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            ICF                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Gestiona la producci\u00f3n de forma inteligente.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Orden de corte autom\u00e1tica                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Datos sobre consumo de tela                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Indicadores de producci\u00f3n en tiempo real                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora ICF<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/es\/productos\/neocut-bravo\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-Neocut-Bravo.webp\" alt=\"Neocut Bravo\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Neocut Bravo                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Cuenta con un corte autom\u00e1tico de alta precisi\u00f3n.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Flujo continuo de producci\u00f3n                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Cero desperdicio de materia prima                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Seguridad y calidad en el corte                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora Neocut Bravo<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                        \r\n                                            <a href=\"\/es\/productos\/jet-lux\"\r\n                            class=\"w-full sm:w-[calc(50%-1rem)] lg:w-[calc(33.333%-2rem)] inline-flex flex-col justify-start items-start !no-underline hover:opacity-90 transition-opacity group\">\r\n                            <div\r\n                                class=\"self-stretch rounded-tl-3xl rounded-tr-3xl flex flex-col justify-start items-start gap-2.5 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" class=\"self-stretch aspect-[420\/250] w-full object-cover group-hover:scale-105 transition-all duration-300\"\r\n                                        src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/IMAGENS-PRODUTO__Secao-Jet-Lux.webp\" alt=\"Jet Lux\" \/>\r\n                                                            <\/div>\r\n\r\n                            <div class=\"self-stretch flex-1 px-6 2xl:px-8 py-7 rounded-bl-3xl rounded-br-3xl flex flex-col justify-start items-start gap-2 shadow-sm\"\r\n                                style=\"background-color: #ffffff\">\r\n                                <div class=\"self-stretch flex flex-col justify-start items-start gap-2\">\r\n                                                                            <h3 class=\"!my-0 self-stretch text-black text-2xl 2xl:text-3xl font-extrabold\">\r\n                                            Jet Lux                                        <\/h3>\r\n                                    \r\n                                                                            <div\r\n                                            class=\"self-stretch text-[var(--color-text-secondary)] text-sm 2xl:text-base font-bold leading-6\">\r\n                                            Imprime tus patrones a la velocidad de la luz.                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                                                    <div class=\"self-stretch py-2.5 flex flex-col justify-start items-start gap-2.5\">\r\n                                                                                                                                    <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Sistema de inyecci\u00f3n de tinta                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Sensores para falta de papel y cartucho                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                                                                                <div class=\"self-stretch inline-flex justify-start items-center gap-2\">\r\n                                                    <div class=\"flex-shrink-0\">\r\n                                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"var(--color-primary)\" \/><path d=\"M13.131 5.022L7.2 10.953L3.969 7.731L2.7 9L7.2 13.5L14.4 6.3L13.131 5.022Z\" fill=\"white\" \/><\/svg>                                                    <\/div>\r\n                                                    <div class=\"text-black text-sm xl:text-base font-medium\">\r\n                                                        Econ\u00f3mico y silencioso                                                    <\/div>\r\n                                                <\/div>\r\n                                                                                                                        <\/div>\r\n                                \r\n                                                                    <div\r\n                                        class=\"self-stretch inline-flex justify-start items-center gap-2.5 mt-auto px-3 py-2.5 rounded-[900px] border border-[var(--color-primary)] text-[var(--color-primary)] group-hover:bg-[var(--color-primary)] group-hover:text-white text-base lg:text-sm 2xl:text-base font-bold w-fit transition-all duration-300\">\r\n                                        <span>Explora Jet Lux<\/span>\r\n                                        <span class=\"flex-shrink-0 group-hover:translate-x-1 transition-transform\">\r\n                                            <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02067 9.84167 9.125 9.6 9.325 9.4L12.15 6.575H1C0.716667 6.575 0.479 6.479 0.287 6.287C0.0956668 6.09567 0 5.85833 0 5.575C0 5.29167 0.0956668 5.054 0.287 4.862C0.479 4.67067 0.716667 4.575 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.737333 9.1 0.5 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2877 0 10.525 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.5543 5.31667 15.575 5.44167 15.575 5.575C15.575 5.70833 15.5543 5.83333 15.513 5.95C15.471 6.06667 15.4 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73767 11.15 9.5 11.05 9.3 10.85Z\" fill=\"currentColor\" \/><\/svg>                                        <\/span>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                                <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"blog-simples-v1\"     class=\"relative audaces-blog-simples-v1 !my-0 w-full bg-[#e4eef1] py-10 lg:py-16 2xl:py-20 \">\r\n    <div class=\"w-full max-w-screen-xl 2xl:max-w-screen-2xl mx-auto px-6 lg:px-20\">\r\n        <div class=\"w-full flex flex-col justify-center items-center gap-12\">\r\n            <!-- Header Section -->\r\n            <div class=\"w-full flex flex-col justify-start items-center gap-4\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-center\">\r\n                        <h2 class=\"!my-0 text-center !text-3xl lg:!text-4xl !font-bold leading-tight !text-[#121212]\">\r\n                            Contenidos relacionados                        <\/h2>\r\n                    <\/div>\r\n                \r\n                                    <div class=\"w-full max-w-[672px] flex flex-col justify-start items-center\">\r\n                        <p\r\n                            class=\"!my-0 text-center !text-base lg:!text-lg 2xl:!text-2xl !font-normal !text-[var(--color-text-quinary)] leading-7\">\r\n                            Conoce nuestros art\u00edculos y consejos exclusivos para potenciar tus resultados con el ecosistema Audaces.                        <\/p>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Posts Grid -->\r\n                            <div class=\"w-full flex flex-col lg:flex-row justify-center items-start gap-8\">\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/es\/blog\/corte-tela\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\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\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                Descubre los secretos para un corte de tela perfecto                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\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\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conoce m\u00e1s                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/es\/blog\/confeccion-ropa\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\r\n                                                                            <img decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\"\r\n                                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2024\/11\/confeccion-ropa-destaque-min-1024x683.webp\"\r\n                                            alt=\"4 etapas para abrir una confecci\u00f3n de ropa exitosa\" \/>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                4 etapas para abrir una confecci\u00f3n de ropa exitosa                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\r\n                                                Abrir una confecci\u00f3n de ropa es una oportunidad rentable que implica conocer los costos y procesos. Descubre m\u00e1s aqu\u00ed.                                            <\/p>\r\n                                                                            <\/div>\r\n\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conoce m\u00e1s                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                            <article\r\n                            class=\"w-full lg:w-[calc(33.333%-3rem)] h-auto flex flex-col justify-start items-start gap-4 group\">\r\n                            <a href=\"https:\/\/audaces.com\/es\/blog\/generador-de-patrones\"\r\n                                class=\"w-full h-full flex flex-col justify-start items-start gap-4 !no-underline\">\r\n                                <!-- Image Container -->\r\n                                <div\r\n                                    class=\"w-full aspect-[420\/250] bg-[var(--color-primary)] rounded-[10px] overflow-hidden relative\">\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\/generador-patrones-destacado-1024x683.webp\"\r\n                                            alt=\"Generador de patrones: entiende para qu\u00e9 sirve\" \/>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Content -->\r\n                                <div class=\"w-full flex flex-col justify-start items-start gap-11 px-5 pb-5\">\r\n                                    <div class=\"w-full flex flex-col justify-start items-start gap-2\">\r\n                                                                                    <h3 class=\"!my-0 !text-2xl !font-bold !text-[#121212] leading-tight\">\r\n                                                Generador de patrones: entiende para qu\u00e9 sirve                                            <\/h3>\r\n                                        \r\n                                                                                    <p class=\"!my-0 !text-base !font-normal !text-[var(--color-text-quinary)] leading-5\">\r\n                                                Conoce c\u00f3mo funciona un generador de patrones y c\u00f3mo puede agilizar el desarrollo de prendas dentro de un flujo de trabajo digital.                                            <\/p>\r\n                                                                            <\/div>\r\n\r\n                                    <!-- CTA Link -->\r\n                                    <div class=\"inline-flex justify-start items-center gap-2 text-[var(--color-text-quinary)]\">\r\n                                        <span class=\"text-base font-normal leading-6\">\r\n                                            Conoce m\u00e1s                                        <\/span>\r\n                                        <div class=\" group-hover:translate-x-1 transition-transform data-svg-wrapper\">\r\n                                            <svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\"\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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=\"var(--color-text-quinary)\" \/>\r\n                                            <\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/article>\r\n                                                        <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"texto-v1\"\r\n    class=\"relative audaces-texto-v1 !my-0 w-full py-10 lg:py-16 2xl:py-20 px-6 lg:px-20 \"\r\n    style=\"background-color: #e4eef1;\">\r\n    <div\r\n        class=\"w-full  max-w-screen-xl 2xl:max-w-screen-2xl mx-auto\">\r\n        <div\r\n            class=\"w-full  flex flex-col justify-center items-center text-center gap-4 2xl:gap-8\">\r\n            <div\r\n                class=\"w-full flex flex-col justify-start items-start gap-3.5 lg:max-w-full \">\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                                \u00bfQuieres explorar m\u00e1s sobre desarrollo de colecci\u00f3n?                            <\/h2>\r\n                                            <\/div>\r\n                            <\/div>\r\n            <div\r\n                class=\"w-full flex flex-col justify-center items-center\">\r\n                <div\r\n                    class=\"w-full flex flex-col justify-start items-center gap-4 2xl:gap-8 lg:w-full \">\r\n                    \r\n\r\n\r\n                    \r\n                                            <div\r\n                            class=\"mt-5 w-full flex justify-center flex-wrap gap-3 self-start items-start\">\r\n                            \r\n<a \r\n    id=\"texto-v1-cta-button-cta-primary-cta-button\" \r\n    href=\"\/es\/category\/desarrollo-coleccion\" \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 art\u00edculos    <\/div>\r\n<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"cases-simples-v1\"\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\r\n        <!-- Header Section (Eyebrow, Title, Description) -->\r\n        <div class=\"flex flex-col justify-start items-start gap-5 mb-12 lg:mb-16\">\r\n            \r\n            <div class=\"w-full flex flex-col justify-start items-start gap-5\">\r\n                                <h2 class=\"!my-0 w-full !text-[var(--color-primary)] !text-3xl lg:!text-4xl !font-bold leading-tight\">\r\n                    Historias de quienes innovaron en la pr\u00e1ctica                <\/h2>\r\n                \r\n                                <p\r\n                    class=\"!my-0 w-full !text-[var(--color-text-quinary)] !text-base lg:!text-lg 2xl:!text-2xl !font-light lg:max-w-2\/3\">\r\n                    Descubre c\u00f3mo nuestras soluciones impulsan la productividad de marcas l\u00edderes en el sector textil.                <\/p>\r\n                            <\/div>\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\">\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 !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_VITOR_ZERBINATO-819x1024.webp\" alt=\"Caso de \u00e9xito Vitor Zerbinato\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        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                                        \u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.                                    <\/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                    <\/div> <!-- \/imagem -->\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 !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Vertical_LIVE-819x1024.webp\" alt=\"Caso de \u00e9xito LIVE!\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        Caso de \u00e9xito LIVE!                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        \u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.                                    <\/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                    <\/div> <!-- \/imagem -->\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 !no-underline flex-shrink-0 lg:flex-shrink w-full lg:w-auto\">\r\n\r\n                    <!-- Imagem do case -->\r\n                    <div class=\"relative lg:mb-8 overflow-hidden rounded-[20px]\">\r\n                                                <img decoding=\"async\" class=\"w-full h-[520px] lg:h-[560px] object-cover transition-transform duration-300 ease-in-out group-hover:scale-105\"\r\n                            src=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/09\/Capa_Site_Cases_Alpenplus-819x1024.webp\" alt=\"Caso de \u00c9xito Alpenplus\" \/>\r\n                        \r\n                        <!-- Overlay com informa\u00e7\u00f5es -->\r\n                        <div class=\"absolute inset-0 flex flex-col justify-end p-6 lg:p-8\">\r\n                            <!-- Label -->\r\n                            <!-- <div class=\"text-white text-sm lg:text-base font-light\">\r\n                                Caso de sucesso                            <\/div> -->\r\n\r\n                            <!-- Card com informa\u00e7\u00f5es -->\r\n                            <div\r\n                                class=\"bg-[#363b40] group-hover:bg-[var(--color-primary)] p-5 lg:p-[30px] flex flex-col justify-between transition-all duration-300 ease-in-out\">\r\n                                <div class=\"flex flex-col flex-1 gap-2\">\r\n                                    <h3 class=\"!my-0 !text-white !text-2xl 2xl:!text-4xl !font-bold leading-tight\">\r\n                                        Caso de \u00c9xito Alpenplus                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        \u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.                                    <\/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                    <\/div> <!-- \/imagem -->\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            <\/div>\r\n<\/section>\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","protected":false},"excerpt":{"rendered":"<p>\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.<\/p>\n","protected":false},"author":35,"featured_media":0,"parent":103033,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-142929","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico<\/title>\n<meta name=\"description\" content=\"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.\" \/>\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\/soluciones\/idea\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico\" \/>\n<meta property=\"og:description\" content=\"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/es\/soluciones\/idea\" \/>\n<meta property=\"og:site_name\" content=\"Audaces\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/audaces.pt\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T07:18:45+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=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/idea\",\"url\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/idea\",\"name\":\"Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es#website\"},\"datePublished\":\"2023-05-02T22:26:32+00:00\",\"dateModified\":\"2026-09-18T07:18:45+00:00\",\"description\":\"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/idea#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/idea\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/idea#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"INICIO\",\"item\":\"https:\\\/\\\/audaces.com\\\/es\\\/home-es\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Soluciones\",\"item\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Audaces Idea | Ficha t\u00e9cnica e precosto automatizados VF\"}]},{\"@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":"Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico","description":"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.","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\/soluciones\/idea","og_locale":"es_ES","og_type":"article","og_title":"Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico","og_description":"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.","og_url":"https:\/\/audaces.com\/es\/soluciones\/idea","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T07:18:45+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":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/audaces.com\/es\/soluciones\/idea","url":"https:\/\/audaces.com\/es\/soluciones\/idea","name":"Audaces Idea | Ficha t\u00e9cnica y dibujo t\u00e9cnico","isPartOf":{"@id":"https:\/\/audaces.com\/es#website"},"datePublished":"2023-05-02T22:26:32+00:00","dateModified":"2026-09-18T07:18:45+00:00","description":"\u00a1Audaces Idea es el programa ideal para construir tu ficha t\u00e9cnica! Con \u00e9l, puedes calcular el precosto de las piezas autom\u00e1ticamente.","breadcrumb":{"@id":"https:\/\/audaces.com\/es\/soluciones\/idea#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/es\/soluciones\/idea"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/es\/soluciones\/idea#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"INICIO","item":"https:\/\/audaces.com\/es\/home-es"},{"@type":"ListItem","position":2,"name":"Soluciones","item":"https:\/\/audaces.com\/es\/soluciones"},{"@type":"ListItem","position":3,"name":"Audaces Idea | Ficha t\u00e9cnica e precosto automatizados VF"}]},{"@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\/142929","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\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/comments?post=142929"}],"version-history":[{"count":10,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/142929\/revisions"}],"predecessor-version":[{"id":219923,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/142929\/revisions\/219923"}],"up":[{"embeddable":true,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/103033"}],"wp:attachment":[{"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/media?parent=142929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}