.elementor-6 .elementor-element.elementor-element-e77f47a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-6 .elementor-element.elementor-element-e77f47a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-e77f47a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6 .elementor-element.elementor-element-8d9f3fc{--display:flex;--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-6 .elementor-element.elementor-element-32dd2ac{--display:flex;--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-6 .elementor-element.elementor-element-52dd1f9{--display:flex;--overlay-opacity:0.75;--padding-top:80px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-52dd1f9:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-52dd1f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grupooinci.com/wp-content/uploads/2026/06/proyectos-bg.webp");background-size:cover;}.elementor-6 .elementor-element.elementor-element-52dd1f9::before, .elementor-6 .elementor-element.elementor-element-52dd1f9 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-52dd1f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-52dd1f9 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-52dd1f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-52dd1f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-ed64ed2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-8990df2{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.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 );}.elementor-6 .elementor-element.elementor-element-3fe9e56 img{height:250px;object-fit:cover;object-position:top center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.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-6 .elementor-element.elementor-element-84b9c55 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-868c046{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-868c046 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-50fa578{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-50fa578{right:10px;}.elementor-6 .elementor-element.elementor-element-50fa578{bottom:0px;}.elementor-6 .elementor-element.elementor-element-50fa578 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-3b615a0{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-f760e74 img{height:250px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-32ea739 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-135e8a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-135e8a2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-7d4fea9{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-7d4fea9{right:10px;}.elementor-6 .elementor-element.elementor-element-7d4fea9{bottom:0px;}.elementor-6 .elementor-element.elementor-element-7d4fea9 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-f447397{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-8c03bbb img{height:250px;object-fit:cover;object-position:top center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-00912e1 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-75070b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-75070b2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-85057df{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-85057df{right:10px;}.elementor-6 .elementor-element.elementor-element-85057df{bottom:0px;}.elementor-6 .elementor-element.elementor-element-85057df .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-016c583{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-f62e76a img{height:250px;object-fit:cover;object-position:top center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-684f605 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c10060d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-c10060d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-6004f2e{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-6004f2e{right:10px;}.elementor-6 .elementor-element.elementor-element-6004f2e{bottom:0px;}.elementor-6 .elementor-element.elementor-element-6004f2e .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-742caf1{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-3585235 img{height:250px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-878a844 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-d0846e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-d0846e5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-85a8968{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-85a8968{right:10px;}.elementor-6 .elementor-element.elementor-element-85a8968{bottom:0px;}.elementor-6 .elementor-element.elementor-element-85a8968 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-55a4a3a{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-dc06560 img{height:250px;object-fit:cover;object-position:top center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-3dfecad .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-4916f46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-4916f46 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-32d731d{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-32d731d{right:10px;}.elementor-6 .elementor-element.elementor-element-32d731d{bottom:0px;}.elementor-6 .elementor-element.elementor-element-32d731d .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-a7910e0{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-503b2dd img{height:250px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-d753b34 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-2d22d84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-2d22d84 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-fdd1b94{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-fdd1b94{right:10px;}.elementor-6 .elementor-element.elementor-element-fdd1b94{bottom:0px;}.elementor-6 .elementor-element.elementor-element-fdd1b94 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-da71770{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-94b303b img{height:250px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-bb7198b .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c2ced6b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-c2ced6b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-0bb7f60{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-0bb7f60{right:10px;}.elementor-6 .elementor-element.elementor-element-0bb7f60{bottom:0px;}.elementor-6 .elementor-element.elementor-element-0bb7f60 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c6e5edd{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6 .elementor-element.elementor-element-4aaa0fc img{height:250px;object-fit:cover;object-position:center center;border-radius:15px 15px 15px 15px;}.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption{color:#FFFFFF;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:400;font-style:normal;}.elementor-6 .elementor-element.elementor-element-56501f8 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-6c8574a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-6 .elementor-element.elementor-element-6c8574a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:20px;color:#FFFFFFD9;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-4f09548{left:10px;}body.rtl .elementor-6 .elementor-element.elementor-element-4f09548{right:10px;}.elementor-6 .elementor-element.elementor-element-4f09548{bottom:0px;}.elementor-6 .elementor-element.elementor-element-4f09548 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:23px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-ed2a48d{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-pagination-size:7px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-spacing:30px;}.elementor-6 .elementor-element.elementor-element-b50fa15{--display:flex;--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-6 .elementor-element.elementor-element-2b49565{--display:flex;--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-6 .elementor-element.elementor-element-d81187e{--display:flex;--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-6 .elementor-element.elementor-element-d4183b3{--display:flex;--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-6 .elementor-element.elementor-element-10c91df{--display:flex;--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-6 .elementor-element.elementor-element-67427f8{--display:flex;--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-6 .elementor-element.elementor-element-f985df0{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-f8a993d{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8989473{--display:flex;--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-6 .elementor-element.elementor-element-ab5ecbe{--display:flex;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-ed2a48d{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-52dd1f9{--content-width:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-84b9c55 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-50fa578 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-32ea739 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-7d4fea9 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-00912e1 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-85057df .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-684f605 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-6004f2e .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-878a844 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-85a8968 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-3dfecad .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-32d731d .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-d753b34 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-fdd1b94 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-bb7198b .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-0bb7f60 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-56501f8 .elementor-heading-title{font-size:15px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-4f09548 .elementor-heading-title{font-size:13px;line-height:20px;}.elementor-6 .elementor-element.elementor-element-ed2a48d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;}}/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fe9e56 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3fe9e56 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3fe9e56 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3fe9e56:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f760e74 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f760e74 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f760e74 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f760e74:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f760e74 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f760e74:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c03bbb *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-8c03bbb {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-8c03bbb .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-8c03bbb:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f62e76a *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-f62e76a {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-f62e76a img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-f62e76a .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-f62e76a:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3585235 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-3585235 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-3585235 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-3585235:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-3585235 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-3585235:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc06560 *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-dc06560 {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-dc06560 img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-dc06560:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-dc06560 .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-dc06560:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-503b2dd *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-503b2dd {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-503b2dd img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-503b2dd .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-503b2dd:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94b303b *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-94b303b {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-94b303b img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-94b303b:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-94b303b .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-94b303b:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aaa0fc *//* Asegura el contenedor relativo para posicionar el texto */
.elementor-6 .elementor-element.elementor-element-4aaa0fc {
    position: relative;
    overflow: hidden;
}

/* Configura la imagen para que responda al hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc img {
    transition: filter 0.4s ease, transform 0.4s ease;
}

/* Oscurece la imagen al pasar el mouse */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover img {
    filter: brightness(40%); /* Ajusta el % para más o menos oscuridad */
    transform: scale(1.05); /* Opcional: un ligero zoom muy estético */
}

/* Oculta y posiciona el texto de la leyenda */
.elementor-6 .elementor-element.elementor-element-4aaa0fc .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%); /* Ligero desfase inicial */
    width: 80%;
    color: #ffffff !important; /* Color del texto (Blanco) */
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none; /* Evita que el texto interfiera con el mouse */
    margin: 0;
}

/* Muestra el texto al hacer hover */
.elementor-6 .elementor-element.elementor-element-4aaa0fc:hover .widget-image-caption {
    opacity: 1;
    transform: translate(-50%, -50%); /* Centrado perfecto al activarse */
}/* End custom CSS */
/* Start custom CSS *//* =====================
   OINCI — CSS GLOBAL
   Elementor > Custom CSS Global
   (Solo pegar desde aquí, sin resets ni body)
===================== */

/* ---- NAVBAR ---- */
.oinci-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 9999;
  padding: 16px 0 24px;
  box-sizing: border-box;
  pointer-events: none;
}
.oinci-nav__box {
  width: 1140px;
  margin: 0 auto;
  background: rgba(13,20,38,0.94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 60px;
  padding: 11px 12px 11px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.12), 0 1px 8px rgba(0,0,0,0.08);
  pointer-events: all;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.oinci-nav--scrolled .oinci-nav__box {
  background: rgba(10,16,32,0.98);
  box-shadow: 0 4px 32px rgba(0,0,0,0.55);
}
.oinci-nav__logo { display: flex; align-items: center; flex-shrink: 0; }
.oinci-nav__logo img { height: 34px; width: auto; display: block; }
.oinci-nav__links {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
  justify-content: center;
}
.oinci-nav__link {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,255,255,0.78);
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  white-space: nowrap;
}
.oinci-nav__link--active { font-weight: 600; color: #ffffff; }
.oinci-nav__link::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 0;
  width: 0; height: 1.5px;
  background: #1BAFFF;
  transition: width 0.3s ease;
}
.oinci-nav__link:hover { color: #fff; }
.oinci-nav__link:hover::after { width: 100%; }
.oinci-nav__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 34px;
  background: #1BAFFF;
  color: #ffffff !important;
  border-radius: 50px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.oinci-nav__cta:hover {
  background: #0E99E0;
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(27,175,255,0.45);
}

/* ── Selector de idioma ── */
.oinci-nav__lang {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-right: 4px;
}
.oinci-nav__lang-opt {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.40);
  text-decoration: none !important;
  letter-spacing: 0.8px;
  transition: color 0.2s ease;
  line-height: 1;
}
.oinci-nav__lang-opt:hover { color: rgba(255,255,255,0.80); }
.oinci-nav__lang-opt--active {
  color: #ffffff;
  font-weight: 700;
}
.oinci-nav__lang-sep {
  display: block;
  width: 1px;
  height: 11px;
  background: rgba(255,255,255,0.22);
  flex-shrink: 0;
}
/* Mobile: más grande, alineado con los links del menú */
.oinci-nav__lang--mobile {
  margin-right: 0;
  gap: 14px;
}
.oinci-nav__lang--mobile .oinci-nav__lang-opt {
  font-family: 'Lexend', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: rgba(255,255,255,0.40);
}
.oinci-nav__lang--mobile .oinci-nav__lang-opt:hover { color: rgba(255,255,255,0.75); }
.oinci-nav__lang--mobile .oinci-nav__lang-opt--active { color: #1BAFFF; }
.oinci-nav__lang--mobile .oinci-nav__lang-sep {
  height: 20px;
  background: rgba(255,255,255,0.20);
}
.oinci-nav__hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
}
.oinci-nav__hamburger span {
  display: block;
  width: 22px; height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.oinci-nav__hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.oinci-nav__hamburger.open span:nth-child(2) { opacity: 0; }
.oinci-nav__hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }
.oinci-nav__mobile {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10,16,32,0.98);
  backdrop-filter: blur(20px);
  z-index: 10000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.oinci-nav__mobile.open { display: flex; }
.oinci-nav__mobile a {
  font-family: 'Lexend', sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}
.oinci-nav__mobile a:hover { color: #1BAFFF; }
.oinci-nav__mobile-close {
  position: absolute;
  top: 24px; right: 28px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  padding: 8px;
}

/* ---- HERO ---- */
.oinci-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.oinci-hero__slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; z-index: 0; }
.oinci-hero__slide {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0; min-height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 1.2s ease-in-out, transform 7s ease;
}
.oinci-hero__slide--active { opacity: 1; transform: scale(1); }
.oinci-hero__overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0; min-height: 100%;
  z-index: 1;
  background: linear-gradient(105deg, rgba(10,16,32,0.85) 0%, rgba(10,16,32,0.65) 50%, rgba(10,16,32,0.30) 100%);
}
.oinci-hero__inner {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 88px 0 0;
  box-sizing: border-box;
}
.oinci-hero__wrap {
  width: 1140px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oinci-hero__wrap--full {
  display: block;
  width: 1140px;
  margin: 0 auto;
  margin-top: auto;
}
.oinci-hero__content { max-width: 520px; padding-bottom: 40px; }
.oinci-hero__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 52px !important;
  line-height: 1.10 !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
@keyframes oinci-hero-shimmer {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}
.oinci-hero__desc {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.82) !important;
  max-width: 360px;
  margin-bottom: 24px !important;
}
.oinci-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 42px;
  background: #1BAFFF;
  color: #ffffff !important;
  border-radius: 50px;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 0 !important;
}
.oinci-hero__btn:hover {
  background: #0E99E0;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(27,175,255,0.45);
}
.oinci-hero__pill {
  display: flex;
  align-items: center;
  width: 100%;
  background: rgba(15,22,42,0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 60px;
  padding: 28px 48px;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 40px;
  opacity: 0;
  animation: oinciHeroIn 0.8s 0.7s cubic-bezier(0.4,0,0.2,1) forwards;
}
.oinci-hero__stat {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.oinci-hero__stat + .oinci-hero__stat {
  border-left: 1px solid rgba(255,255,255,0.12);
  padding-left: 42px;
}
.oinci-hero__stat-num {
  display: flex;
  align-items: baseline;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 100px; /* reserva espacio para "+50" a 48px — evita layout shift */
}
.oinci-hero__stat-plus {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  color: #ffffff !important;
  line-height: 1;
}
.oinci-hero__stat-count {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  color: #1BAFFF !important;
  line-height: 1;
}
.oinci-hero__stat-label {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.55;
  flex: 1;
  max-width: none;
}
.oinci-hero__title, .oinci-hero__desc, .oinci-hero__btn {
  opacity: 0;
  transform: translateY(28px);
  animation: oinciHeroIn 0.8s cubic-bezier(0.4,0,0.2,1) forwards;
}
.oinci-hero__title { animation-delay: 0.2s; }
.oinci-hero__desc  { animation-delay: 0.38s; }
.oinci-hero__btn   { animation-delay: 0.52s; }
@keyframes oinciHeroIn { to { opacity: 1; transform: translateY(0); } }
.oinci-hero__dots {
  position: absolute;
  bottom: 130px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  gap: 8px;
}
.oinci-hero__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.3s ease;
}
.oinci-hero__dot--active { background: #1BAFFF; width: 24px; border-radius: 4px; }

/* ---- BREAKPOINTS NAVBAR ---- */
@media (max-width: 1180px) {
  .oinci-nav__box   { width: 960px; }
  .oinci-nav__links { gap: 32px; }
}
@media (max-width: 1000px) {
  .oinci-nav__box   { width: 720px; }
  .oinci-nav__links { gap: 22px; }
  .oinci-nav__link  { font-size: 13px; }
}
@media (max-width: 768px) {
  .oinci-nav             { padding: 12px 16px; overflow: visible; }
  .oinci-nav__box        { width: 100%; max-width: 100%; border-radius: 16px; padding: 10px 14px 10px 16px; box-sizing: border-box; }
  .oinci-nav__links,
  .oinci-nav__cta        { display: none; }
  .oinci-nav__hamburger  { display: flex; }
}

/* ---- BREAKPOINTS HERO ---- */
@media (max-width: 1180px) {
  .oinci-hero__wrap, .oinci-hero__wrap--full { width: 960px; }
  .oinci-hero__title    { font-size: 48px !important; }
  .oinci-hero__pill     { padding: 22px 36px; }
  .oinci-hero__stat-plus, .oinci-hero__stat-count { font-size: 40px !important; }
  .oinci-hero__stat-label { font-size: 12px !important; }
  .oinci-hero__stat-num { min-width: 85px; }
}
@media (max-width: 1000px) {
  .oinci-hero__wrap, .oinci-hero__wrap--full { width: 720px; }
  .oinci-hero__title    { font-size: 38px !important; }
  .oinci-hero__inner    { min-height: 100vh; padding: 80px 0 0; }
  .oinci-hero__pill     { flex-direction: column; border-radius: 20px; padding: 24px 32px; gap: 0; }
  .oinci-hero__stat     { padding: 14px 0; border-left: none !important; padding-left: 0 !important; width: 100%; gap: 20px; }
  .oinci-hero__stat + .oinci-hero__stat { border-top: 1px solid rgba(255,255,255,0.12); }
  .oinci-hero__stat-plus, .oinci-hero__stat-count { font-size: 38px !important; }
  .oinci-hero__stat-label { font-size: 14px !important; max-width: none; }
  .oinci-hero__stat-num { min-width: 80px; }
}
@media (max-width: 768px) {
  .oinci-hero__wrap, .oinci-hero__wrap--full { width: 320px; }
  .oinci-hero__inner    { min-height: 100vh; padding: 72px 0 0; }
  .oinci-hero__title    { font-size: 28px !important; margin-bottom: 16px !important; }
  .oinci-hero__desc     { font-size: 13px !important; max-width: 280px; margin-bottom: 24px !important; }
  .oinci-hero__btn      { padding: 12px 30px; font-size: 14px !important; }
  .oinci-hero__stat     { gap: 18px; }
  .oinci-hero__stat-plus, .oinci-hero__stat-count { font-size: 34px !important; }
  .oinci-hero__stat-label { font-size: 13px !important; max-width: none; }
  .oinci-hero__stat-num { min-width: 72px; }
  .oinci-hero__pill     { width: 100%; border-radius: 16px; padding: 20px 24px; }
}

/* =====================
   OINCI — CLIENTES CSS
===================== */
.oinci-clientes { background: #ffffff; padding: 70px 0; width: 100%; }
.oinci-clientes__wrap { width: 1140px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.oinci-clientes__label { display: flex; flex-direction: column; align-items: center; margin-bottom: 56px; }
.oinci-clientes__label span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #1F2937; }
.oinci-clientes__line { width: 48px; height: 5px; background: #1BAFFF; border-radius: 2px; margin-top: 12px; }
.oinci-clientes__logos { display: flex; align-items: center; justify-content: center; gap: 100px; }
.oinci-clientes__logo { height: 150px !important; width: auto !important; max-width: none !important; object-fit: contain; transition: transform 0.3s ease; }
.oinci-clientes__logo:hover { transform: scale(1.05); }
@media (max-width: 1180px) { .oinci-clientes__wrap { width: 960px; } .oinci-clientes__logos { gap: 80px; } }
@media (max-width: 1000px) { .oinci-clientes__wrap { width: 720px; } .oinci-clientes__logos { gap: 60px; } .oinci-clientes__logo { height: 100px !important; } }
@media (max-width: 768px) { .oinci-clientes__wrap { width: 320px; } .oinci-clientes__logos { gap: 40px; flex-wrap: wrap; } .oinci-clientes__logo { height: 60px !important; } .oinci-clientes { padding: 50px 0; } }

/* =====================
   OINCI — MARCAS CSS
===================== */
.oinci-marcas { background: #ffffff; padding: 80px 0; width: 100%; overflow: hidden; }
.oinci-marcas__wrap { width: 1140px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.oinci-marcas__label { display: flex; flex-direction: column; align-items: center; margin-bottom: 56px; }
.oinci-marcas__label span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #1F2937; text-align: center; display: block; width: 100%; }
.oinci-marcas__line { width: 48px; height: 5px; background: #1BAFFF; border-radius: 2px; margin-top: 12px; }
.oinci-marcas__track-wrap { width: 100%; overflow: hidden; padding: 14px 0; }
.oinci-marcas__track { display: flex; align-items: center; gap: 64px; width: max-content; }
.oinci-marcas__track--left  { animation: oinci-marcas-scroll-left  100s linear infinite; }
.oinci-marcas__track--right { animation: oinci-marcas-scroll-right 100s linear infinite; }
.oinci-marcas__item { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.oinci-marcas__logo { height: 72px !important; width: auto !important; max-width: none !important; object-fit: contain; }
@keyframes oinci-marcas-scroll-left  { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes oinci-marcas-scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }
@media (max-width: 1180px) { .oinci-marcas__wrap { width: 960px; } .oinci-marcas__logo { height: 64px !important; } .oinci-marcas__track { gap: 56px; } }
@media (max-width: 1000px) { .oinci-marcas__wrap { width: 720px; } .oinci-marcas__logo { height: 56px !important; } .oinci-marcas__track { gap: 48px; animation-duration: 80s; } }
@media (max-width: 768px) { .oinci-marcas__wrap { width: 320px; } .oinci-marcas { padding: 50px 0; } .oinci-marcas__logo { height: 44px !important; } .oinci-marcas__track { gap: 36px; animation-duration: 60s; } .oinci-marcas__track-wrap { padding: 10px 0; } }

/* =====================
   OINCI — RESPALDO TÉCNICO CSS
===================== */
.oinci-respaldo { position: relative; width: 100%; padding: 100px 0; overflow: hidden; }
.oinci-respaldo__bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.oinci-respaldo__overlay { position: absolute; inset: 0; background: rgba(0,20,37,0.88); z-index: 1; }
.oinci-respaldo__wrap { position: relative; z-index: 2; width: 1140px; margin: 0 auto; }
.oinci-respaldo__top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 80px; align-items: start; }
.oinci-respaldo__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  background: linear-gradient(120deg,#57C8FF 0%,#1BAFFF 25%,#0D7FCC 50%,#1BAFFF 75%,#57C8FF 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-title-shimmer 4s linear infinite;
}
@keyframes oinci-title-shimmer { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }
.oinci-respaldo__desc { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.80 !important; color: rgba(255,255,255,0.82) !important; margin: 0 !important; padding-top: 8px; }
.oinci-respaldo__cols { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px 32px; border-top: 1px solid rgba(255,255,255,0.10); padding-top: 60px; }
.oinci-respaldo__col { display: flex; flex-direction: column; }
.oinci-respaldo__icon { width: 56px !important; height: 56px !important; object-fit: contain; margin-bottom: 28px; }
.oinci-respaldo__col-title { font-family: 'Lexend', sans-serif !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.30 !important; color: #ffffff !important; margin-bottom: 16px !important; min-height: 72px; }
.oinci-respaldo__col-desc { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; line-height: 1.75 !important; color: rgba(255,255,255,0.70) !important; margin: 0 !important; }
.oinci-respaldo__wrap .reveal, .oinci-respaldo__wrap .reveal-left, .oinci-respaldo__wrap .reveal-right { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-respaldo__wrap .reveal.oinci-hidden      { opacity: 0; transform: translateY(28px); }
.oinci-respaldo__wrap .reveal-left.oinci-hidden { opacity: 0; transform: translateX(-40px); }
.oinci-respaldo__wrap .reveal-right.oinci-hidden{ opacity: 0; transform: translateX(40px); }
.oinci-respaldo__wrap .reveal.in, .oinci-respaldo__wrap .reveal-left.in, .oinci-respaldo__wrap .reveal-right.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-respaldo__wrap { width: 960px; } .oinci-respaldo__title { font-size: 40px !important; } }
@media (max-width: 1000px) { .oinci-respaldo__wrap { width: 720px; } .oinci-respaldo__top { grid-template-columns: 1fr; gap: 28px; margin-bottom: 50px; } .oinci-respaldo__cols { grid-template-columns: repeat(2,1fr); gap: 36px 28px; } .oinci-respaldo__title { font-size: 36px !important; } }
@media (max-width: 768px) { .oinci-respaldo__wrap { width: 320px; } .oinci-respaldo__cols { grid-template-columns: 1fr; gap: 36px; } .oinci-respaldo__title { font-size: 28px !important; } .oinci-respaldo { padding: 64px 0; } .oinci-respaldo__col { align-items: center; text-align: center; } .oinci-respaldo__col-title { text-align: center; } .oinci-respaldo__col-desc { text-align: center; } .oinci-respaldo__top { text-align: center; } }

/* =====================
   OINCI — ACOMPAÑAMIENTO CSS
===================== */
.oinci-acomp { background: #ffffff; padding: 100px 0; width: 100%; }
.oinci-acomp__wrap { width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.oinci-acomp__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  margin-bottom: 32px !important;
  background: linear-gradient(120deg,#57C8FF 0%,#1BAFFF 25%,#0D7FCC 50%,#1BAFFF 75%,#57C8FF 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-title-shimmer 4s linear infinite;
}
.oinci-acomp__desc { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.80 !important; color: #374151 !important; margin-bottom: 20px !important; }
.oinci-acomp__callout { margin-top: 12px; padding-top: 24px; border-top: 1px solid #E5E7EB; }
.oinci-acomp__callout-q { font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: #1BAFFF !important; margin-bottom: 12px !important; }
.oinci-acomp__callout-item { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; color: #111827 !important; line-height: 1.6 !important; margin-bottom: 4px !important; }
.oinci-acomp__diagram { display: flex; justify-content: center; margin-bottom: 48px; }
.oinci-acomp__diagram-img { width: 100% !important; max-width: 440px !important; height: auto !important; transform-origin: center center; opacity: 0; transform: rotate(-45deg) scale(0.85); will-change: transform, opacity; }
.oinci-acomp__right.in .oinci-acomp__diagram-img { animation: oinci-acomp-diagram-in 1.4s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s forwards; }
@keyframes oinci-acomp-diagram-in {
  0%   { opacity: 0; transform: rotate(-45deg) scale(0.85); }
  100% { opacity: 1; transform: rotate(0deg)  scale(1); }
}
.oinci-acomp__phases-title { font-family: 'Inter', sans-serif !important; font-weight: 400 !important; font-size: 15px !important; color: #374151 !important; margin-bottom: 14px !important; }
.oinci-acomp__phases-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.oinci-acomp__phases-list li { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; color: #374151 !important; line-height: 1.6 !important; padding-left: 20px !important; position: relative; }
.oinci-acomp__phases-list li::before { content: '●'; position: absolute; left: 0; color: #1BAFFF; font-size: 10px; top: 4px; }
.oinci-acomp__phases-list li strong { font-weight: 700 !important; color: #111827 !important; }
.oinci-acomp__wrap .reveal-left, .oinci-acomp__wrap .reveal-right { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-acomp__wrap .reveal-left.oinci-hidden  { opacity: 0; transform: translateX(-40px); }
.oinci-acomp__wrap .reveal-right.oinci-hidden { opacity: 0; transform: translateX(40px); }
.oinci-acomp__wrap .reveal-left.in, .oinci-acomp__wrap .reveal-right.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-acomp__wrap { width: 960px; gap: 60px; } .oinci-acomp__title { font-size: 40px !important; } }
@media (max-width: 1000px) { .oinci-acomp__wrap { width: 720px; grid-template-columns: 1fr; gap: 48px; } .oinci-acomp__title { font-size: 36px !important; } }
@media (max-width: 768px) { .oinci-acomp__wrap { width: 320px; gap: 36px; } .oinci-acomp__title { font-size: 28px !important; } .oinci-acomp { padding: 64px 0; } .oinci-acomp__diagram-img { max-width: 280px !important; } }

/* =====================
   OINCI — SOLUCIONES LABEL CSS
===================== */
.oinci-sol-label { background: #ffffff; padding: 60px 0; width: 100%; text-align: center; }
.oinci-sol-label__wrap { width: 1140px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.oinci-sol-label__wrap span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #1F2937; text-align: center; display: block; }
.oinci-sol-label__line { width: 48px; height: 5px; background: #1BAFFF; border-radius: 2px; margin-top: 12px; }
@media (max-width: 1180px) { .oinci-sol-label__wrap { width: 960px; } }
@media (max-width: 1000px) { .oinci-sol-label__wrap { width: 720px; } }
@media (max-width: 768px)  { .oinci-sol-label__wrap { width: 320px; } .oinci-sol-label { padding: 40px 0; } }

/* =====================
   OINCI — PROCURA ESPECIALIZADA CSS
===================== */
.oinci-procura { position: relative; width: 100%; padding: 100px 0; overflow: hidden; }
.oinci-procura__bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.oinci-procura__overlay-blue { display: none; }
.oinci-procura__overlay-dark { display: none; }
.oinci-procura__wrap { position: relative; z-index: 2; width: 1140px; margin: 0 auto; }
.oinci-procura__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 64px !important;
  line-height: 1.10 !important;
  margin-bottom: 56px !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
.oinci-procura__content { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 60px; margin-bottom: 56px; }
.oinci-procura__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 24px; }
.oinci-procura__list li { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; color: rgba(255,255,255,0.90) !important; line-height: 1.70 !important; padding-left: 18px !important; position: relative; }
.oinci-procura__list li::before { content: '•'; position: absolute; left: 0; color: #ffffff; font-size: 16px; top: 0; }
.oinci-procura__btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 44px; background: #1BAFFF; color: #ffffff !important; border-radius: 50px; font-family: 'Inter', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.oinci-procura__btn:hover { background: #0E99E0; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(27,175,255,0.45); }
.oinci-procura__wrap .reveal, .oinci-procura__wrap .reveal-left { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-procura__wrap .reveal.oinci-hidden      { opacity: 0; transform: translateY(28px); }
.oinci-procura__wrap .reveal-left.oinci-hidden { opacity: 0; transform: translateX(-40px); }
.oinci-procura__wrap .reveal.in, .oinci-procura__wrap .reveal-left.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-procura__wrap { width: 960px; } .oinci-procura__title { font-size: 54px !important; } }
@media (max-width: 1000px) { .oinci-procura__wrap { width: 720px; } .oinci-procura__title { font-size: 46px !important; } .oinci-procura__content { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 768px) { .oinci-procura__wrap { width: 320px; } .oinci-procura__title { font-size: 34px !important; margin-bottom: 36px !important; } .oinci-procura { padding: 64px 0; } }

/* =====================
   OINCI — GENERACIÓN ELÉCTRICA CSS
===================== */
.oinci-generacion { position: relative; width: 100%; padding: 100px 0; overflow: hidden; }
.oinci-generacion__bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.oinci-generacion__overlay { position: absolute; inset: 0; background: rgba(11,19,38,0.78); z-index: 1; }
.oinci-generacion__wrap { position: relative; z-index: 2; width: 1140px; margin: 0 auto; }
.oinci-generacion__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 56px !important;
  line-height: 1.15 !important;
  margin-bottom: 48px !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
.oinci-generacion__content { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 60px; margin-bottom: 48px; }
.oinci-generacion__col p { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.80 !important; color: rgba(255,255,255,0.85) !important; margin: 0 !important; }
.oinci-generacion__btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 44px; background: #1BAFFF; color: #ffffff !important; border-radius: 50px; font-family: 'Inter', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.oinci-generacion__btn:hover { background: #0E99E0; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(27,175,255,0.45); }
.oinci-generacion__wrap .reveal, .oinci-generacion__wrap .reveal-left { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-generacion__wrap .reveal.oinci-hidden      { opacity: 0; transform: translateY(28px); }
.oinci-generacion__wrap .reveal-left.oinci-hidden { opacity: 0; transform: translateX(-40px); }
.oinci-generacion__wrap .reveal.in, .oinci-generacion__wrap .reveal-left.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-generacion__wrap { width: 960px; } .oinci-generacion__title { font-size: 48px !important; } }
@media (max-width: 1000px) { .oinci-generacion__wrap { width: 720px; } .oinci-generacion__title { font-size: 40px !important; } .oinci-generacion__content { grid-template-columns: 1fr; gap: 0; } .oinci-generacion__col p { margin-bottom: 24px !important; } }
@media (max-width: 768px) { .oinci-generacion__wrap { width: 320px; } .oinci-generacion__title { font-size: 32px !important; margin-bottom: 32px !important; } .oinci-generacion { padding: 64px 0; } }

/* =====================
   OINCI — MATERIALES CSS
===================== */
.oinci-materiales { background: #1BAFFF; padding: 60px 0 0; width: 100%; overflow: hidden; }
.oinci-materiales__label { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; text-align: center; }
.oinci-materiales__label span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; text-align: center; display: block; width: 100%; }
.oinci-materiales__line { width: 48px; height: 5px; background: #0B1120; border-radius: 2px; margin-top: 12px; }
.oinci-materiales__track-wrap { width: 100%; overflow: hidden; padding: 18px 0 60px; }
.oinci-materiales__track { display: flex; gap: 20px; width: max-content; animation: oinci-materiales-scroll 36s linear infinite; }
.oinci-materiales__track:hover { animation-play-state: paused; }
.oinci-materiales__item { flex-shrink: 0; width: 320px; height: 200px; border-radius: 16px; overflow: hidden; position: relative; cursor: pointer; transition: transform 0.5s cubic-bezier(0.22,1,0.36,1), opacity 0.5s ease, filter 0.5s ease, box-shadow 0.5s ease; transform-origin: center; }
.oinci-materiales__item img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.22,1,0.36,1); }
.oinci-materiales__track:hover .oinci-materiales__item { opacity: 0.55; filter: brightness(0.75) saturate(0.85); transform: scale(0.94); }
.oinci-materiales__track .oinci-materiales__item:hover { opacity: 1 !important; filter: brightness(1) saturate(1) !important; transform: scale(1.08) !important; z-index: 3; box-shadow: 0 20px 48px rgba(0,0,0,0.30); }
.oinci-materiales__item:hover img { transform: scale(1.08); }
@keyframes oinci-materiales-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@media (max-width: 1180px) { .oinci-materiales__item { width: 280px; height: 175px; } }
@media (max-width: 1000px) { .oinci-materiales__item { width: 240px; height: 150px; } .oinci-materiales__track { gap: 16px; animation-duration: 30s; } }
@media (max-width: 768px) { .oinci-materiales { padding-top: 40px; } .oinci-materiales__item { width: 200px; height: 125px; } .oinci-materiales__track { gap: 12px; animation-duration: 24s; } .oinci-materiales__track-wrap { padding-bottom: 40px; } }

/* =====================
   OINCI — TRES DÉCADAS CSS
===================== */
.oinci-decadas { position: relative; width: 100%; padding: 100px 0; overflow: hidden; }
.oinci-decadas__bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.oinci-decadas__overlay { position: absolute; inset: 0; background: rgba(11,19,38,0.78); z-index: 1; }
.oinci-decadas__wrap { position: relative; z-index: 2; width: 1140px; margin: 0 auto; }
.oinci-decadas__label { display: flex; flex-direction: column; align-items: center; margin-bottom: 64px; text-align: center; }
.oinci-decadas__label span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; text-align: center; display: block; width: 100%; }
.oinci-decadas__line { width: 48px; height: 5px; background: #1BAFFF; border-radius: 2px; margin-top: 12px; }
.oinci-decadas__top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 100px; align-items: start; }
.oinci-decadas__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  background: linear-gradient(120deg,#57C8FF 0%,#1BAFFF 25%,#0D7FCC 50%,#1BAFFF 75%,#57C8FF 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-title-shimmer 4s linear infinite;
}
.oinci-decadas__desc-col p { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.80 !important; color: rgba(255,255,255,0.85) !important; margin: 0 0 20px 0 !important; }
.oinci-decadas__desc-col p:last-child { margin-bottom: 0 !important; }
.oinci-decadas__subtitle {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 44px !important;
  line-height: 1.20 !important;
  margin-bottom: 56px !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
.oinci-decadas__steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; }
.oinci-decadas__step-num { font-family: 'Lexend', sans-serif !important; font-weight: 800 !important; font-size: 48px !important; color: #1BAFFF !important; line-height: 1; display: block; margin-bottom: 16px; }
.oinci-decadas__step-title { font-family: 'Lexend', sans-serif !important; font-weight: 700 !important; font-size: 17px !important; color: #ffffff !important; margin: 0 0 12px 0 !important; }
.oinci-decadas__step-desc { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; line-height: 1.70 !important; color: rgba(255,255,255,0.75) !important; margin: 0 !important; }
.oinci-decadas__wrap .reveal, .oinci-decadas__wrap .reveal-left, .oinci-decadas__wrap .reveal-right { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-decadas__wrap .reveal.oinci-hidden       { opacity: 0; transform: translateY(28px); }
.oinci-decadas__wrap .reveal-left.oinci-hidden  { opacity: 0; transform: translateX(-40px); }
.oinci-decadas__wrap .reveal-right.oinci-hidden { opacity: 0; transform: translateX(40px); }
.oinci-decadas__wrap .reveal.in, .oinci-decadas__wrap .reveal-left.in, .oinci-decadas__wrap .reveal-right.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-decadas__wrap { width: 960px; } .oinci-decadas__title { font-size: 40px !important; } .oinci-decadas__subtitle { font-size: 38px !important; } .oinci-decadas__steps { gap: 24px; } .oinci-decadas__step-num { font-size: 42px !important; } }
@media (max-width: 1000px) { .oinci-decadas__wrap { width: 720px; } .oinci-decadas__top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 64px; } .oinci-decadas__title { font-size: 38px !important; } .oinci-decadas__subtitle { font-size: 34px !important; margin-bottom: 40px !important; } .oinci-decadas__steps { grid-template-columns: repeat(2,1fr); gap: 36px 28px; } }
@media (max-width: 768px) { .oinci-decadas__wrap { width: 320px; } .oinci-decadas { padding: 64px 0; } .oinci-decadas__title { font-size: 30px !important; } .oinci-decadas__subtitle { font-size: 28px !important; } .oinci-decadas__steps { grid-template-columns: 1fr; gap: 32px; } .oinci-decadas__top { margin-bottom: 48px; } .oinci-decadas__label { margin-bottom: 48px; } }

/* =====================
   OINCI — CONTACTO CSS
===================== */
.oinci-contacto { background: #0B1326; padding: 100px 0; width: 100%; }
.oinci-contacto__wrap { width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.oinci-contacto__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.18 !important;
  margin-bottom: 36px !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
.oinci-contacto__phones { margin-bottom: 32px; }
.oinci-contacto__label { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; color: rgba(255,255,255,0.70) !important; margin: 0 0 6px 0 !important; }
.oinci-contacto__phone { display: block; font-family: 'Inter', sans-serif !important; font-weight: 400 !important; font-size: 15px !important; color: #ffffff !important; text-decoration: none !important; margin-bottom: 4px; transition: color 0.3s ease; }
.oinci-contacto__phone:hover { color: #1BAFFF !important; }
.oinci-contacto__address { margin-bottom: 28px; }
.oinci-contacto__address-title { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; color: #ffffff !important; margin: 0 0 6px 0 !important; }
.oinci-contacto__address-text { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.7 !important; color: rgba(255,255,255,0.75) !important; margin: 0 !important; max-width: 380px; }
.oinci-contacto__map { width: 100%; height: 360px; border-radius: 16px; overflow: hidden; }
.oinci-contacto__map iframe { width: 100% !important; height: 100% !important; display: block; }
.oinci-contacto__form { display: flex; flex-direction: column; gap: 14px; margin-bottom: 56px; }
.oinci-contacto__form input, .oinci-contacto__form textarea { width: 100% !important; padding: 17px 22px !important; border-radius: 12px !important; border: none !important; background: #ffffff !important; font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; color: #1F2937 !important; outline: none; box-sizing: border-box; transition: box-shadow 0.3s ease; }
.oinci-contacto__form input::placeholder, .oinci-contacto__form textarea::placeholder { color: #9CA3AF !important; }
.oinci-contacto__form input:focus, .oinci-contacto__form textarea:focus { box-shadow: 0 0 0 3px rgba(27,175,255,0.35); }
.oinci-contacto__form textarea { resize: vertical; min-height: 120px; font-family: 'Inter', sans-serif !important; }
.oinci-contacto__submit-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 6px; flex-wrap: wrap; }
.oinci-contacto__terms { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 12px !important; line-height: 1.6 !important; color: rgba(255,255,255,0.55) !important; margin: 0 !important; max-width: 260px; }
.oinci-contacto__btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: #1BAFFF; color: #ffffff; border: none; border-radius: 50px; font-family: 'Inter', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; white-space: nowrap; }
.oinci-contacto__btn svg { transition: transform 0.3s ease; }
.oinci-contacto__btn:hover { background: #0E99E0; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(27,175,255,0.45); }
.oinci-contacto__btn:hover svg { transform: translate(2px,-2px); }
.oinci-contacto__venezuela { margin-bottom: 40px; display: flex; justify-content: center; }
.oinci-contacto__venezuela-map { width: 349px; height: 289px; max-width: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background: linear-gradient(120deg,#57C8FF 0%,#1BAFFF 25%,#0D7FCC 50%,#1BAFFF 75%,#57C8FF 100%); background-size: 200% auto; animation: oinci-title-shimmer 4s linear infinite; }
.oinci-contacto__also-label { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; color: rgba(255,255,255,0.70) !important; margin: 0 0 4px 0 !important; }
.oinci-contacto__also-title { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; color: #ffffff !important; margin: 0 0 6px 0 !important; }
.oinci-contacto__also-text { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.7 !important; color: rgba(255,255,255,0.75) !important; margin: 0 !important; max-width: 320px; }
.oinci-contacto__wrap .reveal-left, .oinci-contacto__wrap .reveal-right { opacity: 1; transform: none; transition: opacity 0.7s ease, transform 0.7s ease; }
.oinci-contacto__wrap .reveal-left.oinci-hidden  { opacity: 0; transform: translateX(-40px); }
.oinci-contacto__wrap .reveal-right.oinci-hidden { opacity: 0; transform: translateX(40px); }
.oinci-contacto__wrap .reveal-left.in, .oinci-contacto__wrap .reveal-right.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-contacto__wrap { width: 960px; gap: 60px; } .oinci-contacto__title { font-size: 40px !important; } }
@media (max-width: 1000px) { .oinci-contacto__wrap { width: 720px; grid-template-columns: 1fr; gap: 56px; } .oinci-contacto__title { font-size: 38px !important; } .oinci-contacto__map { height: 320px; } }
@media (max-width: 768px) { .oinci-contacto__wrap { width: 320px; } .oinci-contacto { padding: 64px 0; } .oinci-contacto__title { font-size: 30px !important; } .oinci-contacto__map { height: 260px; } .oinci-contacto__submit-row { flex-direction: column; align-items: stretch; gap: 16px; } .oinci-contacto__btn { justify-content: center; } .oinci-contacto__terms { max-width: 100%; text-align: center; } .oinci-contacto__venezuela-map { width: 280px; height: 232px; } }

/* =====================
   OINCI — FOOTER CSS
===================== */
.oinci-footer { background: #1BAFFF; padding: 70px 0 50px; width: 100%; }
.oinci-footer__wrap { width: 1140px; margin: 0 auto; }
.oinci-footer__top { display: flex; align-items: center; justify-content: center; gap: 36px; margin-bottom: 60px; }
.oinci-footer__logo img { height: 52px !important; width: auto !important; max-width: none !important; display: block; }
.oinci-footer__tagline { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 17px !important; line-height: 1.6 !important; color: #ffffff !important; margin: 0 0 4px 0 !important; }
.oinci-footer__tagline strong { font-weight: 700 !important; }
.oinci-footer__cities { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 17px !important; color: #ffffff !important; margin: 0 !important; }
.oinci-footer__bottom { border-top: 1px solid rgba(255,255,255,0.25); padding-top: 32px; text-align: center; display: flex; justify-content: center; }
.oinci-footer__copy { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; color: #ffffff !important; margin: 0 !important; }
.oinci-footer__sep { margin: 0 10px; opacity: 0.6; }
.oinci-footer__link { color: #ffffff !important; text-decoration: underline !important; font-weight: 400 !important; transition: opacity 0.3s ease; }
.oinci-footer__link:hover { opacity: 0.75; }
@media (max-width: 1180px) { .oinci-footer__wrap { width: 960px; } }
@media (max-width: 1000px) { .oinci-footer__wrap { width: 720px; } .oinci-footer__top { gap: 28px; } .oinci-footer__logo img { height: 44px !important; } .oinci-footer__tagline, .oinci-footer__cities { font-size: 15px !important; } }
@media (max-width: 768px) { .oinci-footer { padding: 48px 0 32px; } .oinci-footer__wrap { width: 320px; } .oinci-footer__top { flex-direction: column; text-align: center; gap: 20px; margin-bottom: 40px; } .oinci-footer__logo img { height: 36px !important; } .oinci-footer__tagline, .oinci-footer__cities { font-size: 13px !important; } .oinci-footer__copy { font-size: 12px !important; line-height: 1.8 !important; } .oinci-footer__sep { display: block; margin: 0; height: 0; opacity: 0; } }

/* =====================
   OINCI — PROYECTOS CSS
===================== */
.oinci-proyectos { position: relative; width: 100%; padding: 100px 0; overflow: hidden; }
.oinci-proyectos__bg { position: absolute; inset: 0; background-size: cover; background-position: center top; z-index: 0; }
.oinci-proyectos__overlay { position: absolute; inset: 0; background: rgba(11,19,38,0.82); z-index: 1; }
.oinci-proyectos__wrap { position: relative; z-index: 2; width: 1140px; margin: 0 auto; }
.oinci-proyectos__header { margin-bottom: 56px; }
.oinci-proyectos__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 52px !important;
  line-height: 1.15 !important;
  margin: 0 0 20px 0 !important;
  background: linear-gradient(120deg,#57C8FF 0%,#1BAFFF 25%,#0D7FCC 50%,#1BAFFF 75%,#57C8FF 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-title-shimmer 4s linear infinite;
}
.oinci-proyectos__subtitle { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.70 !important; color: rgba(255,255,255,0.80) !important; margin: 0 !important; max-width: 480px; }
.oinci-proyectos__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 48px 32px; }
.oinci-proyectos__card { display: flex; flex-direction: column; }
.oinci-proyectos__img-wrap { width: 100%; height: 220px; border-radius: 16px; overflow: hidden; margin-bottom: 20px; }
.oinci-proyectos__img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform 0.5s ease; }
.oinci-proyectos__card:hover .oinci-proyectos__img { transform: scale(1.05); }
.oinci-proyectos__card-title { font-family: 'Lexend', sans-serif !important; font-weight: 700 !important; font-size: 22px !important; color: #ffffff !important; margin: 0 0 10px 0 !important; }
.oinci-proyectos__card-desc { font-family: 'Inter', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; line-height: 1.70 !important; color: rgba(255,255,255,0.75) !important; margin: 0 0 24px 0 !important; }
.oinci-proyectos__year { font-family: 'Inter', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; color: #ffffff !important; margin: 0 0 24px 0 !important; }
.oinci-proyectos__btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 32px; background: #1BAFFF; color: #ffffff !important; border-radius: 50px; font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; align-self: flex-start; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.oinci-proyectos__btn:hover { background: #0E99E0; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(27,175,255,0.40); }
.oinci-proyectos__wrap .reveal, .oinci-proyectos__wrap .reveal-left { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; }
.oinci-proyectos__wrap .reveal.oinci-hidden      { opacity: 0; transform: translateY(28px); }
.oinci-proyectos__wrap .reveal-left.oinci-hidden { opacity: 0; transform: translateX(-40px); }
.oinci-proyectos__wrap .reveal.in, .oinci-proyectos__wrap .reveal-left.in { opacity: 1; transform: none; }
@media (max-width: 1180px) { .oinci-proyectos__wrap { width: 960px; } .oinci-proyectos__title { font-size: 44px !important; } }
@media (max-width: 1000px) { .oinci-proyectos__wrap { width: 720px; } .oinci-proyectos__grid { grid-template-columns: repeat(2,1fr); gap: 36px 24px; } .oinci-proyectos__title { font-size: 38px !important; } }
@media (max-width: 768px) { .oinci-proyectos__wrap { width: 320px; } .oinci-proyectos { padding: 64px 0; } .oinci-proyectos__title { font-size: 30px !important; text-align: center; } .oinci-proyectos__subtitle { text-align: center !important; max-width: 100%; } .oinci-proyectos__header { text-align: center; } .oinci-proyectos__grid { grid-template-columns: 1fr; gap: 36px; } .oinci-proyectos__img-wrap { height: 200px; } .oinci-proyectos__card { align-items: center; text-align: center; } .oinci-proyectos__card-title { text-align: center; } .oinci-proyectos__card-desc { text-align: center !important; } .oinci-proyectos__year { text-align: center; } .oinci-proyectos__btn { align-self: center; } }

/* =====================
   OINCI — COMPLIANCE CSS
   NOTA: .oinci-compliance__helmet-img es hijo DIRECTO del <section>,
         NO del .oinci-compliance__wrap — así queda flush con el borde
         derecho del viewport y overflow:hidden lo contiene sin desborde.
===================== */
.oinci-compliance {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 580px;
}
.oinci-compliance__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.oinci-compliance::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 220px;
  background: linear-gradient(to bottom, rgba(5,10,22,0.72) 0%, rgba(5,10,22,0) 100%);
  z-index: 1;
  pointer-events: none;
}
.oinci-compliance__wrap {
  position: relative;
  z-index: 2;
  width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding: 110px 0 80px;
  box-sizing: border-box;
}
.oinci-compliance__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  margin: 0 0 24px 0 !important;
  background: linear-gradient(120deg,#ffffff 0%,#C8D8E8 20%,#ffffff 35%,#E8F0F8 50%,#A8BFCF 65%,#ffffff 80%,#D0DDE8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: oinci-hero-shimmer 5s linear infinite;
}
.oinci-compliance__desc {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.80 !important;
  color: rgba(255,255,255,0.88) !important;
  margin: 0 0 36px 0 !important;
  max-width: 420px;
}
.oinci-compliance__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 36px;
  background: #0B1326;
  color: #ffffff !important;
  border-radius: 50px;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 4;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.oinci-compliance__btn:hover {
  background: #1a2d52;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.50);
}
.oinci-compliance__helmet-img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80% !important;
  width: auto;
  z-index: 3;
  pointer-events: none;
}
.oinci-compliance__right {
  position: relative;
  height: 420px;
}
.oinci-compliance__chart-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 72%;
  height: auto;
  z-index: 1;
  pointer-events: none;
}
.oinci-compliance__wrap .reveal-left,
.oinci-compliance__wrap .reveal-right {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.oinci-compliance__wrap .reveal-left.oinci-hidden  { opacity: 0; transform: translateX(-40px); }
.oinci-compliance__wrap .reveal-right.oinci-hidden { opacity: 0; transform: translateX(40px); }
.oinci-compliance__wrap .reveal-left.in,
.oinci-compliance__wrap .reveal-right.in { opacity: 1; transform: none; }
@media (max-width: 1180px) {
  .oinci-compliance__wrap     { width: 960px; }
  .oinci-compliance__title    { font-size: 42px !important; }
  .oinci-compliance__chart-img { width: 78%; }
}
@media (max-width: 1000px) {
  .oinci-compliance__wrap {
    width: 720px;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .oinci-compliance__title { font-size: 36px !important; }
  .oinci-compliance__right { display: none; }
  .oinci-compliance__helmet-img { height: 85%; }
  .oinci-compliance { min-height: 520px; }
}
@media (max-width: 768px) {
  .oinci-compliance__wrap {
    width: 320px;
    padding: 90px 0 50px;
  }
  .oinci-compliance__title { font-size: 28px !important; }
  .oinci-compliance__desc  { max-width: 170px; line-height: 1.4 !important; }
  .oinci-compliance__left {
    padding-right: 30px;
    padding-left: 20px;
  }
  .oinci-compliance__helmet-img {
    z-index: 1;
    height: auto !important;
    width: 130px;
    max-width: 200px !important;
    bottom: 0;
    right: 0;
    opacity: 0.82;
  }
  .oinci-compliance { min-height: auto; }
  .oinci-compliance__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: #0B1326;
    color: #ffffff !important;
    border-radius: 50px;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 4;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    width: 198px;
  }
}

/* =====================
   OINCI — EDITORIAL CSS (Contenedor 16)
   Tres bloques de texto apilados, fondos alternados.
   Sin assets, solo tipografía y color.
===================== */
.oinci-editorial { width: 100%; }

/* ── Bloques ── */
.oinci-editorial__block { width: 100%; }
.oinci-editorial__block--white { background: #ffffff; }
.oinci-editorial__block--gray  { background: #F3F4F6; }

/* ── Contenedor de lectura (más estrecho que el resto de secciones) ── */
.oinci-editorial__wrap {
  width: 900px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}

/* ── Títulos ── */
.oinci-editorial__title {
  font-family: 'Lexend', sans-serif !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 1.25 !important;
  margin: 0 0 32px 0 !important;
}
.oinci-editorial__title--blue {
  color: #1BAFFF !important;
  -webkit-text-fill-color: #1BAFFF !important;
}
.oinci-editorial__title--dark {
  color: #0B1326 !important;
  -webkit-text-fill-color: #0B1326 !important;
}

/* ── Cuerpo ── */
.oinci-editorial__body p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.80 !important;
  color: #374151 !important;
  margin: 0 0 20px 0 !important;
}
.oinci-editorial__body p:last-child { margin-bottom: 0 !important; }

/* ── Reveal ── */
.oinci-editorial__wrap.reveal {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.oinci-editorial__wrap.reveal.oinci-hidden { opacity: 0; transform: translateY(24px); }
.oinci-editorial__wrap.reveal.in          { opacity: 1; transform: none; }

/* ── Breakpoints ── */
@media (max-width: 1000px) {
  .oinci-editorial__wrap { width: 720px; padding: 70px 0; }
  .oinci-editorial__title { font-size: 30px !important; }
}
@media (max-width: 768px) {
  .oinci-editorial__wrap { width: 320px; padding: 56px 0; }
  .oinci-editorial__title { font-size: 24px !important; margin-bottom: 24px !important; }
  .oinci-editorial__body p { font-size: 14px !important; }
}

/* ── Additions: lista, subtítulo, callout ── */
.oinci-editorial__subtitle {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #111827 !important;
  margin: 24px 0 12px 0 !important;
  line-height: 1.6 !important;
}
.oinci-editorial__list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.oinci-editorial__list li {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
  padding-left: 22px !important;
  position: relative;
}
.oinci-editorial__list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #1BAFFF;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
.oinci-editorial__callout {
  background: #F0F9FF;
  border-left: 3px solid #1BAFFF;
  padding: 18px 22px;
  border-radius: 0 8px 8px 0;
  margin: 24px 0 0 0;
}
.oinci-editorial__callout p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
  margin: 0 !important;
}
.oinci-editorial__callout p strong {
  color: #0B1326;
  font-weight: 700;
}
@media (max-width: 768px) {
  .oinci-editorial__list li { font-size: 14px !important; }
  .oinci-editorial__callout { padding: 14px 16px; }
  .oinci-editorial__callout p { font-size: 13px !important; }
}/* End custom CSS */