.elementor-4721 .elementor-element.elementor-element-493c360c:not(.elementor-motion-effects-element-type-background), .elementor-4721 .elementor-element.elementor-element-493c360c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://artikadigital.com/wp-content/uploads/2025/11/bg-2.png");}.elementor-4721 .elementor-element.elementor-element-493c360c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:220px 30px 0px 30px;}.elementor-4721 .elementor-element.elementor-element-493c360c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4721 .elementor-element.elementor-element-7d75fe57 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:130px;font-weight:900;line-height:0.85em;color:#ffffff;}.elementor-4721 .elementor-element.elementor-element-1c453dc4 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:130px;font-weight:900;line-height:0.85em;color:#b3ec11;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-4721 .elementor-element.elementor-element-5e3bd0a{left:-207px;}body.rtl .elementor-4721 .elementor-element.elementor-element-5e3bd0a{right:-207px;}.elementor-4721 .elementor-element.elementor-element-5e3bd0a{text-align:end;}.elementor-4721 .elementor-element.elementor-element-32c078e{margin-top:0px;margin-bottom:0px;padding:20px 0px 80px 0px;}.elementor-4721 .elementor-element.elementor-element-68079ac2{--e-transform-flipX:-1;padding:0px 0px 0px 0px;}.elementor-4721 .elementor-element.elementor-element-438ad9a5 > .elementor-element-populated{padding:30px 0px 10px 50px;}.elementor-4721 .elementor-element.elementor-element-35df555e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;letter-spacing:0.3em;color:rgba(255, 255, 255, 0.5);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4721 .elementor-element.elementor-element-4a5bd028{font-family:"Bricolage Grotesque", Sans-serif;font-size:30px;font-weight:500;line-height:1.5em;color:#999999;}.elementor-4721 .elementor-element.elementor-element-c4f3ad0:not(.elementor-motion-effects-element-type-background), .elementor-4721 .elementor-element.elementor-element-c4f3ad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4721 .elementor-element.elementor-element-c4f3ad0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4721 .elementor-element.elementor-element-c4f3ad0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body:not(.rtl) .elementor-4721 .elementor-element.elementor-element-1716ab4{left:0px;}body.rtl .elementor-4721 .elementor-element.elementor-element-1716ab4{right:0px;}.elementor-4721 .elementor-element.elementor-element-1716ab4{top:-116px;}.elementor-4721 .elementor-element.elementor-element-b71e720{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4721 .elementor-element.elementor-element-7d95c187:not(.elementor-motion-effects-element-type-background), .elementor-4721 .elementor-element.elementor-element-7d95c187 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5E0D0;}.elementor-4721 .elementor-element.elementor-element-7d95c187{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 120px 0px;}.elementor-4721 .elementor-element.elementor-element-7d95c187 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4721 .elementor-element.elementor-element-20070cb6{text-align:center;}.elementor-4721 .elementor-element.elementor-element-20070cb6 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:80px;font-weight:900;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4721 .elementor-element.elementor-element-7a01cffd{--divider-border-style:solid;--divider-color:#b3ec11;--divider-border-width:4px;}.elementor-4721 .elementor-element.elementor-element-7a01cffd .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-4721 .elementor-element.elementor-element-7a01cffd .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-4721 .elementor-element.elementor-element-2b1f16b{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4721 .elementor-element.elementor-element-bd42a1d{--display:flex;}.elementor-4721 .elementor-element.elementor-element-5867298{--display:flex;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4721 .elementor-element.elementor-element-1a995cc{font-family:"Bricolage Grotesque", Sans-serif;font-size:22px;font-weight:400;line-height:26px;}.elementor-4721 .elementor-element.elementor-element-480aa7b{font-family:"Bricolage Grotesque", Sans-serif;font-size:22px;font-weight:400;line-height:26px;}.elementor-4721 .elementor-element.elementor-element-19aa9cd7:not(.elementor-motion-effects-element-type-background), .elementor-4721 .elementor-element.elementor-element-19aa9cd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0a;}.elementor-4721 .elementor-element.elementor-element-19aa9cd7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-4721 .elementor-element.elementor-element-19aa9cd7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4721 .elementor-element.elementor-element-b45e27a{margin-top:0px;margin-bottom:10px;}.elementor-4721 .elementor-element.elementor-element-466771f2 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:80px;font-weight:900;color:#ffffff;}.elementor-4721 .elementor-element.elementor-element-28b91b57 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:80px;font-weight:900;color:#b3ec11;}.elementor-4721 .elementor-element.elementor-element-1e5c6115 > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-4721 .elementor-element.elementor-element-40a4e170{text-align:start;font-family:"Bricolage Grotesque", Sans-serif;font-size:22px;font-weight:500;color:#999999;}.elementor-4721 .elementor-element.elementor-element-1e3a7093 img{width:100%;}.elementor-4721 .elementor-element.elementor-element-490bf716{--spacer-size:20px;}.elementor-4721 .elementor-element.elementor-element-1254b106 img{width:100%;}.elementor-4721 .elementor-element.elementor-element-60f85798 img{width:100%;}.elementor-4721 .elementor-element.elementor-element-40ef3471{--spacer-size:20px;}.elementor-4721 .elementor-element.elementor-element-23c095cf img{width:100%;}.elementor-4721 .elementor-element.elementor-element-331f6ddd img{width:100%;}.elementor-4721 .elementor-element.elementor-element-52911283{--spacer-size:20px;}.elementor-4721 .elementor-element.elementor-element-3858a1a7 img{width:100%;}.elementor-4721 .elementor-element.elementor-element-f86dc0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4721 .elementor-element.elementor-element-1b4baa1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4721 .elementor-element.elementor-element-1712064f:not(.elementor-motion-effects-element-type-background), .elementor-4721 .elementor-element.elementor-element-1712064f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#b3ec11;}.elementor-4721 .elementor-element.elementor-element-1712064f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-4721 .elementor-element.elementor-element-1712064f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4721 .elementor-element.elementor-element-1d48447e{text-align:center;}.elementor-4721 .elementor-element.elementor-element-1d48447e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:90px;font-weight:900;color:#000000;}.elementor-4721 .elementor-element.elementor-element-380ee559{text-align:center;font-family:"Bricolage Grotesque", Sans-serif;font-size:26px;font-weight:500;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button{background-color:#000000;font-family:"Bricolage Grotesque", Sans-serif;font-weight:bold;letter-spacing:2px;fill:#b3ec11;color:#b3ec11;border-radius:50px 50px 50px 50px;}.elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button:hover, .elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button:focus{background-color:#1f2937;color:#ffffff;}.elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button:hover svg, .elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-4721 .elementor-element.elementor-element-bd42a1d{--width:50%;}.elementor-4721 .elementor-element.elementor-element-5867298{--width:50%;}.elementor-4721 .elementor-element.elementor-element-154a532f{width:52.653%;}.elementor-4721 .elementor-element.elementor-element-1e5c6115{width:47.347%;}}@media(max-width:1024px){.elementor-4721 .elementor-element.elementor-element-568202bc > .elementor-element-populated{padding:100px 0px 0px 0px;}.elementor-4721 .elementor-element.elementor-element-7d75fe57 .elementor-heading-title{font-size:80px;}.elementor-4721 .elementor-element.elementor-element-1c453dc4 .elementor-heading-title{font-size:80px;}.elementor-4721 .elementor-element.elementor-element-1716ab4{top:-42px;}}@media(max-width:767px){.elementor-4721 .elementor-element.elementor-element-7d75fe57 .elementor-heading-title{font-size:50px;}.elementor-4721 .elementor-element.elementor-element-1c453dc4 .elementor-heading-title{font-size:50px;}.elementor-4721 .elementor-element.elementor-element-438ad9a5 > .elementor-element-populated{padding:40px 0px 0px 0px;}.elementor-4721 .elementor-element.elementor-element-35df555e .elementor-heading-title{font-size:16px;}.elementor-4721 .elementor-element.elementor-element-4a5bd028{font-size:20px;}.elementor-4721 .elementor-element.elementor-element-20070cb6 .elementor-heading-title{font-size:40px;}.elementor-4721 .elementor-element.elementor-element-19aa9cd7{padding:60px 5%px 60px 5%px;}.elementor-4721 .elementor-element.elementor-element-466771f2 .elementor-heading-title{font-size:50px;}.elementor-4721 .elementor-element.elementor-element-28b91b57 .elementor-heading-title{font-size:50px;}.elementor-4721 .elementor-element.elementor-element-1e5c6115 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4721 .elementor-element.elementor-element-1d48447e .elementor-heading-title{font-size:45px;}.elementor-4721 .elementor-element.elementor-element-739153c6 .elementor-button{font-size:12px;}}/* Start custom CSS for image, class: .elementor-element-5e3bd0a *//* Definimos el movimiento */
@keyframes flotar {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px); /* Sube 15 píxeles */
    }
    100% {
        transform: translateY(0px);
    }
}

/* Aplicamos la animación al elemento */
.elementor-4721 .elementor-element.elementor-element-5e3bd0a {
    animation: flotar 4s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68079ac2 *//* Aplicamos el recorte invertido a la imagen */
.elementor-4721 .elementor-element.elementor-element-68079ac2 img {
    -webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
    
    /* Aseguramos que la imagen llene el espacio sin deformarse */
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* --- 1. Estado Normal de la Imagen (Gris) --- */
.elementor-4721 .elementor-element.elementor-element-68079ac2 img {
    /* Mantenemos tu recorte original (paralelogramo hacia la derecha) */
    -webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
    
    /* Mantenemos el ajuste de la imagen */
    width: 100%;
    height: auto;
    object-fit: cover;

    /* NUEVO: Convertimos la imagen a 100% escala de grises */
    filter: grayscale(100%);
    
    /* NUEVO: Añadimos una transición suave (0.5 segundos) */
    transition: filter 0.5s ease;
}

/* --- 2. Estado Hover (Al pasar el ratón -> Color) --- */
.elementor-4721 .elementor-element.elementor-element-68079ac2:hover img {
    /* Quitamos el filtro de gris, volviéndolo 0% */
    filter: grayscale(0%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1ef03ef */.elementor-4721 .elementor-element.elementor-element-1ef03ef img { border-radius: 999px 999px 0 0; object-fit: cover; aspect-ratio: 3/4; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-4721 .elementor-element.elementor-element-1ef03ef img:hover { transform: scale(1.05); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1e3a7093 */.elementor-4721 .elementor-element.elementor-element-1e3a7093 img { border-radius: 20px; aspect-ratio: 1/1; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-1e3a7093:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1254b106 */.elementor-4721 .elementor-element.elementor-element-1254b106 img { border-radius: 20px; aspect-ratio: 4/5; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-1254b106:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-60f85798 */.elementor-4721 .elementor-element.elementor-element-60f85798 img { border-radius: 20px; aspect-ratio: 3/4; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-60f85798:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23c095cf */.elementor-4721 .elementor-element.elementor-element-23c095cf img { border-radius: 20px; aspect-ratio: 1/1; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-23c095cf:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-331f6ddd */.elementor-4721 .elementor-element.elementor-element-331f6ddd img { border-radius: 20px; aspect-ratio: 1/1; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-331f6ddd:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3858a1a7 */.elementor-4721 .elementor-element.elementor-element-3858a1a7 img { border-radius: 20px; aspect-ratio: 4/5; object-fit: cover; filter: grayscale(100%); transition: all 0.5s;  } .elementor-4721 .elementor-element.elementor-element-3858a1a7:hover img { filter: grayscale(0%); transform: scale(1.03); }/* End custom CSS */