{"id":219849,"date":"2026-09-18T03:31:08","date_gmt":"2026-09-18T06:31:08","guid":{"rendered":"https:\/\/audaces.com\/soluciones\/clickfy"},"modified":"2026-09-18T04:18:35","modified_gmt":"2026-09-18T07:18:35","slug":"clickfy","status":"publish","type":"page","link":"https:\/\/audaces.com\/es\/soluciones\/clickfy","title":{"rendered":"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce"},"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\/09\/SITE_IMAGETICA_CLICKFY__secao-.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                                Softwares                            <\/div>\r\n                                            <\/div>\r\n                                                                        <h1                        class=\"!my-0 !text-white text-3xl lg:text-4xl !font-bold leading-tight\">\r\n                        Clickfy.ai                    <\/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                            Genera im\u00e1genes realistas para e-commerce con inteligencia artificial.                        <\/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 Clickfy.ai    <\/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                                Transforma la fotograf\u00eda de moda para e-commerce con Clickfy.ai                            <\/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                            Con el poder de la inteligencia artificial para el e-commerce de moda, Clickfy.ai genera im\u00e1genes realistas de productos y modelos en segundos.<br><br>Si buscas una soluci\u00f3n con IA para fotos de moda que elimine la complejidad de una sesi\u00f3n fotogr\u00e1fica de moda de alto costo, esta es la herramienta ideal.<br><br>Visualizando las im\u00e1genes de tus productos en modelos virtuales, con esta plataforma, es posible crear un cat\u00e1logo digital de moda completo para optimizar la presencia de tu marca en el entorno digital, sin necesidad de alquilar un estudio.                        <\/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\/09\/SITE_IMAGETICA_CLICKFY__thumb.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\/uZ2NWZmKWsY?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                                    Producci\u00f3n de fotos para tiendas de ropa                                <\/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                                Este generador de modelos con IA fue dise\u00f1ado espec\u00edficamente para confecciones y marcas que buscan innovar mediante un software para e-commerce de moda.<br><br>La soluci\u00f3n facilita el proceso al crear fotos de ropa con IA desde m\u00faltiples \u00e1ngulos y perfiles. Adem\u00e1s, con la funcionalidad de probador virtual con IA para marcas, puedes mostrar c\u00f3mo luce la prenda en el cuerpo del maniqu\u00ed digital para destacar cada presentaci\u00f3n de tu colecci\u00f3n de moda.<br><br>Con la tecnolog\u00eda de Clickfy.ai by Audaces, tu equipo gana velocidad al descubrir c\u00f3mo tomar fotos de ropa para e-commerce sin depender de procesos manuales lentos.                            <\/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 Clickfy.ai    <\/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\/09\/IM-SOFTWARES__Vantagens-clickfy.webp\"\r\n                                    alt=\"Producci\u00f3n de fotos para tiendas de ropa\" \/>\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 Clickfy.ai ofrece                        <\/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 tus ventas con un software para e-commerce de moda enfocado en la automatizaci\u00f3n de im\u00e1genes.                        <\/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\">Fotos con IA<\/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\">Reducci\u00f3n de costos<\/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\">Probador virtual<\/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\">Presencia digital<\/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\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-01.webp\"\r\n                                                alt=\"Crea im\u00e1genes en alta definici\u00f3n sin estudio\"\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                                                Crea im\u00e1genes en alta definici\u00f3n sin estudio                                            <\/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                                                Gestiona la creaci\u00f3n visual de tu marca con un generador de modelos con IA de alta precisi\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-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 Clickfy.ai    <\/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\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-02.webp\"\r\n                                                alt=\"Optimiza el costo de la sesi\u00f3n fotogr\u00e1fica de moda\"\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 el costo de la sesi\u00f3n fotogr\u00e1fica de moda                                            <\/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                                                Ahorra en viajes y equipos al descubrir c\u00f3mo crear fotos de productos sin necesidad de un modelo presencial.                                            <\/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 Clickfy.ai    <\/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\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-03.webp\"\r\n                                                alt=\"Cuenta con un probador virtual con IA para marcas\"\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                                                Cuenta con un probador virtual con IA para marcas                                            <\/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                                                Muestra el calce en diferentes tipos de cuerpo al momento de presentar tu colecci\u00f3n de moda.                                            <\/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 Clickfy.ai    <\/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\/09\/SITE_IMAGETICA_CLICKFY__Vantagens-04.webp\"\r\n                                                alt=\"Ten im\u00e1genes listas para tu cat\u00e1logo de ropa\"\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                                                Ten im\u00e1genes listas para tu cat\u00e1logo de ropa                                            <\/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                                                Exporta los archivos en las proporciones exactas que exige la fotograf\u00eda de moda para e-commerce.                                            <\/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 Clickfy.ai    <\/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-rocket\" 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 para probar tendencias                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Lanza colecciones c\u00e1psula en tu sitio de forma experimental y mide el inter\u00e9s y el volumen de ventas antes de producir a escala industrial.                        <\/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-cloud-sun\" 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                            Independencia del clima y el calendario                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Elimina imprevistos meteorol\u00f3gicos en sesiones al aire libre, cancelaciones de \u00faltimo momento o falta de disponibilidad de profesionales.                        <\/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-picture\" 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 visual en el e-commerce                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Facilita la estandarizaci\u00f3n de las im\u00e1genes para cumplir con precisi\u00f3n las pautas de fondo, encuadre y contraste de grandes canales de venta (marketplaces).                        <\/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-recycle\" 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                            Menos desperdicio de material gr\u00e1fico                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Valida la est\u00e9tica de los cat\u00e1logos f\u00edsicos antes de imprimirlos o lanzar campa\u00f1as pagadas, asegurando que solo se produzcan las mejores composiciones.                        <\/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-chart-histogram\" 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                            Escalabilidad para cat\u00e1logos extensos                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Haz posible la producci\u00f3n visual de l\u00edneas completas con un alto volumen de SKUs, manteniendo la misma calidad fotogr\u00e1fica sin superar el presupuesto de marketing.                        <\/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-clock\" 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                            Optimizaci\u00f3n del tiempo para reposiciones                        <\/div>\r\n                                                                        <div class=\"self-stretch text-center justify-start text-black text-base font-normal\">\r\n                            Pon a la venta en el e-commerce prendas de recompra o nuevas variaciones de colores y tallas el mismo d\u00eda en que llegan al inventario.                        <\/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                                    Generador de fotos de productos para e-commerce con IA                                <\/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                                Solo tienes que cargar las fotos de tus prendas en el sistema y la inteligencia artificial analiza el calce, la textura y los detalles de modelaje.<br><br>En segundos, el software renderiza la prenda en modelos digitales hiperrealistas, preservando la fidelidad del tejido, los estampados y las costuras para sorprender a tus clientes en la tienda virtual.                            <\/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\/09\/SITE_IMAGETICA_CLICKFY__Recurso01.webp\"\r\n                                    alt=\"Generador de fotos de productos para e-commerce con IA\" \/>\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                                    Personalizaci\u00f3n completa de los avatares digitales                                <\/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                                Puedes seleccionar etnias, tipos de cuerpo, rangos de edad, estilos de cabello y una amplia variedad de poses que realzan las caracter\u00edsticas de cada prenda.<br><br>Este nivel de personalizaci\u00f3n permite crear sesiones enfocadas en nichos espec\u00edficos y adaptar campa\u00f1as para diferentes mercados, manteniendo un alto nivel de interacci\u00f3n en todos tus canales de venta.                            <\/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\/09\/SITE_IMAGETICA_CLICKFY__Recurso-2.webp\"\r\n                                    alt=\"Personalizaci\u00f3n completa de los avatares digitales\" \/>\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                                    Exportaci\u00f3n de im\u00e1genes para cat\u00e1logos de ropa                                <\/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                                Clickfy.ai ajusta autom\u00e1ticamente el encuadre, la resoluci\u00f3n y la proporci\u00f3n de las im\u00e1genes para cumplir con los est\u00e1ndares de e-commerce, marketplaces y redes sociales.<br><br>Las fotos est\u00e1n disponibles en alta definici\u00f3n y listas para usar de inmediato, eliminando etapas operativas de recorte o edici\u00f3n y acelerando el tiempo de publicaci\u00f3n de tus colecciones.                            <\/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\/09\/SITE_IMAGETICA_CLICKFY__Recurso-3-.webp\"\r\n                                    alt=\"Exportaci\u00f3n de im\u00e1genes para cat\u00e1logos de ropa\" \/>\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-clickfy\" 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 Clickfy.ai y c\u00f3mo funciona?                                    <\/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                                    Clickfy.ai by Audaces es una soluci\u00f3n basada en inteligencia artificial para e-commerce de moda que genera im\u00e1genes realistas de productos y modelos para el sector textil.                                <\/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                                        \u00bfC\u00f3mo crear fotos de productos sin modelo usando la plataforma?                                    <\/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                                    La soluci\u00f3n permite crear fotos de ropa con IA al cargar im\u00e1genes de las prendas para aplicarlas en modelos virtuales en pocos segundos.                                <\/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                                        \u00bfEl sistema ayuda a entender c\u00f3mo crear un lookbook digital?                                    <\/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                                    S\u00ed, simplifica la creaci\u00f3n de un cat\u00e1logo digital de moda completo, eliminando las etapas demoradas de una sesi\u00f3n fotogr\u00e1fica presencial.                                <\/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                                        \u00bfLas fotos sustituyen la fotograf\u00eda de moda tradicional para e-commerce?                                    <\/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 generador de modelos con IA ofrece im\u00e1genes de alta calidad listas para cargarlas directamente en tiendas virtuales.                                <\/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                                        \u00bfC\u00f3mo funciona el probador virtual con IA para marcas?                                    <\/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                                    El recurso permite evaluar el calce de las prendas en avatares digitales antes de finalizar las fotos.                                <\/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                                        \u00bfLa soluci\u00f3n ayuda a tomar fotos de ropa para e-commerce?                                    <\/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                                    Exactamente. Con ella, reduces la necesidad de equipos costosos y mejoras la calidad de la producci\u00f3n de fotos para tiendas de ropa.                                <\/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                                        \u00bfEs posible integrar el flujo con una plataforma para cat\u00e1logos de ropa?                                    <\/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                                    S\u00ed, los archivos generados en Clickfy.ai pueden exportarse en los formatos exactos para su uso en tu e-commerce de moda.                                <\/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                                        \u00bfClickfy.ai es adecuado para el lanzamiento de 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-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                                    Por supuesto. Acelera la preparaci\u00f3n visual para cualquier presentaci\u00f3n de una colecci\u00f3n de moda.                                <\/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                                        \u00bfClickfy.ai garantiza la fidelidad de los colores, estampados y texturas del tejido?                                    <\/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                                    S\u00ed. La tecnolog\u00eda de Clickfy.ai preserva con precisi\u00f3n el calce, los colores, las texturas y los estampados originales de la prenda al crear fotos de ropa con IA.                                <\/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                                        \u00bfPuedo usar las im\u00e1genes de Clickfy.ai para crear anuncios pagados y contenido para redes sociales?                                    <\/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. Las im\u00e1genes se generan en alta definici\u00f3n para su uso en redes sociales, anuncios y en tu plataforma para cat\u00e1logos de ropa, con libertad de uso comercial.                                <\/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 lo 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 las preguntas m\u00e1s frecuentes para que puedas resolver 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 Clickfy.ai y c\u00f3mo funciona?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Clickfy.ai by Audaces es una soluci\u00f3n basada en inteligencia artificial para e-commerce de moda que genera im\u00e1genes realistas de productos y modelos para el sector textil.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo crear fotos de productos sin modelo usando la plataforma?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"La soluci\u00f3n permite crear fotos de ropa con IA al cargar im\u00e1genes de las prendas para aplicarlas en modelos virtuales en pocos segundos.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfEl sistema ayuda a entender c\u00f3mo crear un lookbook digital?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed, simplifica la creaci\u00f3n de un cat\u00e1logo digital de moda completo, eliminando las etapas demoradas de una sesi\u00f3n fotogr\u00e1fica presencial.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfLas fotos sustituyen la fotograf\u00eda de moda tradicional para e-commerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed, el generador de modelos con IA ofrece im\u00e1genes de alta calidad listas para cargarlas directamente en tiendas virtuales.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo funciona el probador virtual con IA para marcas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El recurso permite evaluar el calce de las prendas en avatares digitales antes de finalizar las fotos.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfLa soluci\u00f3n ayuda a tomar fotos de ropa para e-commerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Exactamente. Con ella, reduces la necesidad de equipos costosos y mejoras la calidad de la producci\u00f3n de fotos para tiendas de ropa.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfEs posible integrar el flujo con una plataforma para cat\u00e1logos de ropa?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed, los archivos generados en Clickfy.ai pueden exportarse en los formatos exactos para su uso en tu e-commerce de moda.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfClickfy.ai es adecuado para el lanzamiento de colecciones?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Por supuesto. Acelera la preparaci\u00f3n visual para cualquier presentaci\u00f3n de una colecci\u00f3n de moda.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfClickfy.ai garantiza la fidelidad de los colores, estampados y texturas del tejido?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. La tecnolog\u00eda de Clickfy.ai preserva con precisi\u00f3n el calce, los colores, las texturas y los estampados originales de la prenda al crear fotos de ropa con IA.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfPuedo usar las im\u00e1genes de Clickfy.ai para crear anuncios pagados y contenido para redes sociales?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Las im\u00e1genes se generan en alta definici\u00f3n para su uso en redes sociales, anuncios y en tu plataforma para cat\u00e1logos de ropa, con libertad de uso comercial.\"}}]        }\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\/looksmaker\"\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\/09\/card-solucao-looksmaker.webp\" alt=\"LooksMaker\" \/>\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                                            LooksMaker                                        <\/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                                            Eleva la productividad de tu equipo con IA aplicada a la creaci\u00f3n de moda.                                        <\/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                                                        Creaci\u00f3n con IA                                                    <\/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                                                        Dise\u00f1o t\u00e9cnico autom\u00e1tico                                                    <\/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                                                        Try-on virtual                                                    <\/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 LooksMaker<\/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\/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=\"https:\/\/sizebay.com\/es\/probador-virtual\"\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\/LISTAGEM-DE-SOFTWARES_Sizebay.webp\" alt=\"Size &amp; Fit\" \/>\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                                            Size &amp; Fit                                        <\/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                                            Elimina dudas de talla con recomendaci\u00f3n personalizada.                                        <\/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                                                        F\u00e1cil de usar, sin cintas m\u00e9tricas                                                    <\/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                                                        Personalizaci\u00f3n simplificada                                                    <\/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                                                        Recomendaci\u00f3n precisa                                                    <\/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 el probador<\/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 te pueden interesar<\/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 impulsar tu productividad con m\u00e1quinas de corte, plotters de trazado y mucho 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 el consumo de tejido                                                    <\/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 detectar la 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\u00f3mica y silenciosa                                                    <\/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 tecnolog\u00eda en la moda?                            <\/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\/tecnologia-moda\" \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 del 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-historia-de-exito-iz-textil\"\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_IZ_TEXTIL-819x1024.webp\" alt=\"Caso de \u00c9xito IZ T\u00caXTIL\" \/>\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 IZ T\u00caXTIL                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!                                    <\/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-exito-cauipe\"\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_CAIUPE-819x1024.webp\" alt=\"Caso de \u00c9xito Cauipe\" \/>\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 Cauipe                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!                                    <\/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\/exito-bergamin\"\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_BERGAMIN-819x1024.webp\" alt=\"Caso de \u00c9xito Bergamin\" \/>\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 Bergamin                                    <\/h3>\r\n                                    <p class=\"!my-0 !text-white !text-sm lg:!text-base !font-normal leading-tight\">\r\n                                        Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!                                    <\/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>Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":103033,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-219849","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>Clickfy.ai by Audaces | IA para fotos de moda y e-commerce<\/title>\n<meta name=\"description\" content=\"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!\" \/>\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\/clickfy\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce\" \/>\n<meta property=\"og:description\" content=\"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audaces.com\/es\/soluciones\/clickfy\" \/>\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:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/audaces-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/clickfy\",\"url\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/clickfy\",\"name\":\"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es#website\"},\"datePublished\":\"2026-09-18T06:31:08+00:00\",\"dateModified\":\"2026-09-18T07:18:35+00:00\",\"description\":\"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/clickfy#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/clickfy\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/audaces.com\\\/es\\\/soluciones\\\/clickfy#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\":\"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce\"}]},{\"@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":"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce","description":"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!","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\/clickfy","og_locale":"es_ES","og_type":"article","og_title":"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce","og_description":"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!","og_url":"https:\/\/audaces.com\/es\/soluciones\/clickfy","og_site_name":"Audaces","article_publisher":"https:\/\/www.facebook.com\/audaces.pt","article_modified_time":"2026-09-18T07:18:35+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/audaces.com\/wp-content\/uploads\/2026\/06\/audaces-banner.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/audaces.com\/es\/soluciones\/clickfy","url":"https:\/\/audaces.com\/es\/soluciones\/clickfy","name":"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce","isPartOf":{"@id":"https:\/\/audaces.com\/es#website"},"datePublished":"2026-09-18T06:31:08+00:00","dateModified":"2026-09-18T07:18:35+00:00","description":"Con Clickfy.ai, crea im\u00e1genes para e-commerce y cat\u00e1logos digitales de moda en segundos. Ahorra en sesiones fotogr\u00e1ficas con nuestra IA para fotos de moda. \u00a1Conoce la soluci\u00f3n!","breadcrumb":{"@id":"https:\/\/audaces.com\/es\/soluciones\/clickfy#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audaces.com\/es\/soluciones\/clickfy"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/audaces.com\/es\/soluciones\/clickfy#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":"Clickfy.ai by Audaces | IA para fotos de moda y e-commerce"}]},{"@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\/219849","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/comments?post=219849"}],"version-history":[{"count":2,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/219849\/revisions"}],"predecessor-version":[{"id":219918,"href":"https:\/\/audaces.com\/es\/wp-json\/wp\/v2\/pages\/219849\/revisions\/219918"}],"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=219849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}