.elementor-1616 .elementor-element.elementor-element-01b35bf{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-1616 .elementor-element.elementor-element-01b35bf:not(.elementor-motion-effects-element-type-background), .elementor-1616 .elementor-element.elementor-element-01b35bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hninmobiliaria.com/wp-content/uploads/2026/10/PASEO-AKIA-55-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1616 .elementor-element.elementor-element-7d803e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1616 .elementor-element.elementor-element-5ebc985 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;letter-spacing:10px;color:#FFFFFF;}.elementor-1616 .elementor-element.elementor-element-7613da3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:5vw;font-weight:700;color:#FFFFFF;}.elementor-1616 .elementor-element.elementor-element-1f3dfd7{--display:flex;}.elementor-1616 .elementor-element.elementor-element-0d0650e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:100px;--padding-right:100px;}.elementor-1616 .elementor-element.elementor-element-0d0650e:not(.elementor-motion-effects-element-type-background), .elementor-1616 .elementor-element.elementor-element-0d0650e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-f1292c5{--display:flex;}.elementor-1616 .elementor-element.elementor-element-57a5bb2{text-align:center;}.elementor-1616 .elementor-element.elementor-element-57a5bb2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-1616 .elementor-element.elementor-element-6f7a398{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1616 .elementor-element.elementor-element-89554b0{--display:flex;}.elementor-1616 .elementor-element.elementor-element-89554b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1616 .elementor-element.elementor-element-5882afb{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-4dcf58e .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-4dcf58e.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-4dcf58e.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-4dcf58e.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-4dcf58e.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-4dcf58e.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-99830d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-df14438{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-7cb0ffb{--display:flex;}.elementor-1616 .elementor-element.elementor-element-7cb0ffb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1616 .elementor-element.elementor-element-e087d74{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-47474a0 .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-47474a0.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-47474a0.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-47474a0.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-47474a0.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-47474a0.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-30b4635 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-038483a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-2428609{--display:flex;}.elementor-1616 .elementor-element.elementor-element-c6f6959{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-7739f71 .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-7739f71.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-7739f71.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-7739f71.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-7739f71.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-7739f71.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-d5e8960 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-c4e17b6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-54e9537{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1616 .elementor-element.elementor-element-8f3259b{--display:flex;}.elementor-1616 .elementor-element.elementor-element-8f3259b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1616 .elementor-element.elementor-element-7b3a7ad{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-73f35b3 .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-73f35b3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-73f35b3.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-73f35b3.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-73f35b3.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-73f35b3.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-56377ba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-6c2f482{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-74360c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1616 .elementor-element.elementor-element-49b6c63{--display:flex;}.elementor-1616 .elementor-element.elementor-element-49b6c63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1616 .elementor-element.elementor-element-24d4a39{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-f88e349 .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-f88e349.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-f88e349.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-f88e349.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-f88e349.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-f88e349.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-9a98c54 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-9d81059{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-f8150da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1616 .elementor-element.elementor-element-d4b658c{--display:flex;}.elementor-1616 .elementor-element.elementor-element-11929fa{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-d9672ee .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-d9672ee.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-d9672ee.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-d9672ee.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-d9672ee.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-d9672ee.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-c16fd82 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-7bc53c0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-c15d056{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1616 .elementor-element.elementor-element-6d6d7f5{--display:flex;}.elementor-1616 .elementor-element.elementor-element-c9966a3{--display:flex;}.elementor-1616 .elementor-element.elementor-element-89cb9e1{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-5b1bdae .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-5b1bdae.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-5b1bdae.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-5b1bdae.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-5b1bdae.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-5b1bdae.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-b8ad749 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-da37205{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-09dc8f9{--display:flex;}.elementor-1616 .elementor-element.elementor-element-3ec16e0{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-09fff5d .elementor-icon-wrapper{text-align:center;}.elementor-1616 .elementor-element.elementor-element-09fff5d.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1616 .elementor-element.elementor-element-09fff5d.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-09fff5d.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1616 .elementor-element.elementor-element-09fff5d.elementor-view-framed .elementor-icon, .elementor-1616 .elementor-element.elementor-element-09fff5d.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1616 .elementor-element.elementor-element-d0ee550 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;}.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1616 .elementor-element.elementor-element-dd485d9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1616 .elementor-element.elementor-element-80160ad{--display:flex;}.elementor-1616 .elementor-element.elementor-element-4416d68{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:100px;--padding-right:100px;}.elementor-1616 .elementor-element.elementor-element-674f9f0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:10px;}.elementor-1616 .elementor-element.elementor-element-63e0829.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1616 .elementor-element.elementor-element-63e0829{text-align:center;}.elementor-1616 .elementor-element.elementor-element-63e0829 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:5.6vw;font-weight:800;text-transform:uppercase;line-height:1.4em;word-spacing:36px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1616 .elementor-element.elementor-element-6d6d7f5{--width:50%;}.elementor-1616 .elementor-element.elementor-element-80160ad{--width:50%;}}@media(max-width:767px){.elementor-1616 .elementor-element.elementor-element-0d0650e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-6f7a398{--flex-wrap:wrap;}.elementor-1616 .elementor-element.elementor-element-89554b0{--width:120.263px;}.elementor-1616 .elementor-element.elementor-element-7cb0ffb{--width:110.275px;}.elementor-1616 .elementor-element.elementor-element-54e9537{--flex-wrap:wrap;}.elementor-1616 .elementor-element.elementor-element-8f3259b{--width:120.263px;}.elementor-1616 .elementor-element.elementor-element-74360c8{--flex-wrap:wrap;}.elementor-1616 .elementor-element.elementor-element-49b6c63{--width:110.275px;}.elementor-1616 .elementor-element.elementor-element-f8150da{--flex-wrap:wrap;}.elementor-1616 .elementor-element.elementor-element-4416d68{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1616 .elementor-element.elementor-element-674f9f0{text-align:center;}.elementor-1616 .elementor-element.elementor-element-63e0829{width:var( --container-widget-width, 427px );max-width:427px;--container-widget-width:427px;--container-widget-flex-grow:0;}}/* Start custom CSS for heading, class: .elementor-element-7613da3 *//* Animación de entrada elegante para el Hero de Servicios */
.elementor-1616 .elementor-element.elementor-element-7613da3 {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInService 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInService {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-df14438 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-df14438 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-df14438 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5882afb *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-5882afb {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-5882afb:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-5882afb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-5882afb:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-5882afb .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-5882afb:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-5882afb .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-5882afb:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-5882afb i,
.elementor-1616 .elementor-element.elementor-element-5882afb svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-5882afb:hover i,
.elementor-1616 .elementor-element.elementor-element-5882afb:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-5882afb {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-038483a *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-038483a {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-038483a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e087d74 *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-e087d74 {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-e087d74:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-e087d74::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-e087d74:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-e087d74 .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-e087d74:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-e087d74 .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-e087d74:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-e087d74 i,
.elementor-1616 .elementor-element.elementor-element-e087d74 svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-e087d74:hover i,
.elementor-1616 .elementor-element.elementor-element-e087d74:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-e087d74 {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c4e17b6 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-c4e17b6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6f6959 *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-c6f6959 {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-c6f6959:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-c6f6959::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-c6f6959:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-c6f6959 .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-c6f6959:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-c6f6959 .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-c6f6959:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-c6f6959 i,
.elementor-1616 .elementor-element.elementor-element-c6f6959 svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-c6f6959:hover i,
.elementor-1616 .elementor-element.elementor-element-c6f6959:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-c6f6959 {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f7a398 */.elementor-1616 .elementor-element.elementor-element-6f7a398 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important; /* Fuerza a que todos los hijos midan la misma altura */
}

/* Forzamos que cada tarjeta interna ocupe el 100% de la altura disponible */
.elementor-1616 .elementor-element.elementor-element-6f7a398 > .e-con, 
.elementor-1616 .elementor-element.elementor-element-6f7a398 > .elementor-element {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 0px !important;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-6c2f482 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-6c2f482 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-6c2f482 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b3a7ad *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-7b3a7ad i,
.elementor-1616 .elementor-element.elementor-element-7b3a7ad svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover i,
.elementor-1616 .elementor-element.elementor-element-7b3a7ad:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-7b3a7ad {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e9537 */.elementor-1616 .elementor-element.elementor-element-54e9537 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important; /* Fuerza a que todos los hijos midan la misma altura */
}

/* Forzamos que cada tarjeta interna ocupe el 100% de la altura disponible */
.elementor-1616 .elementor-element.elementor-element-54e9537 > .e-con, 
.elementor-1616 .elementor-element.elementor-element-54e9537 > .elementor-element {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 0px !important;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9d81059 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-9d81059 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-9d81059 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24d4a39 *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-24d4a39 {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-24d4a39:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-24d4a39::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-24d4a39:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-24d4a39 .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-24d4a39:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-24d4a39 .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-24d4a39:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-24d4a39 i,
.elementor-1616 .elementor-element.elementor-element-24d4a39 svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-24d4a39:hover i,
.elementor-1616 .elementor-element.elementor-element-24d4a39:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-24d4a39 {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74360c8 */.elementor-1616 .elementor-element.elementor-element-74360c8 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important; /* Fuerza a que todos los hijos midan la misma altura */
}

/* Forzamos que cada tarjeta interna ocupe el 100% de la altura disponible */
.elementor-1616 .elementor-element.elementor-element-74360c8 > .e-con, 
.elementor-1616 .elementor-element.elementor-element-74360c8 > .elementor-element {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 0px !important;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-7bc53c0 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-7bc53c0 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11929fa *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-11929fa {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-11929fa:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-11929fa::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-11929fa:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-11929fa .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-11929fa:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-11929fa .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-11929fa:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-11929fa i,
.elementor-1616 .elementor-element.elementor-element-11929fa svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-11929fa:hover i,
.elementor-1616 .elementor-element.elementor-element-11929fa:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-11929fa {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8150da */.elementor-1616 .elementor-element.elementor-element-f8150da {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important; /* Fuerza a que todos los hijos midan la misma altura */
}

/* Forzamos que cada tarjeta interna ocupe el 100% de la altura disponible */
.elementor-1616 .elementor-element.elementor-element-f8150da > .e-con, 
.elementor-1616 .elementor-element.elementor-element-f8150da > .elementor-element {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 0px !important;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-da37205 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-da37205 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-da37205 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89cb9e1 *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-89cb9e1 {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-89cb9e1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-89cb9e1 .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-89cb9e1 .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-89cb9e1 i,
.elementor-1616 .elementor-element.elementor-element-89cb9e1 svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover i,
.elementor-1616 .elementor-element.elementor-element-89cb9e1:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-89cb9e1 {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-dd485d9 *//* =======================================================
   OPERACIÓN: LISTAS INTERACTIVAS CON AURA (VLOZ)
   ======================================================= */

/* 1. EL ADN DEL COLOR (Cambia estas variables según la columna) */
.elementor-1616 .elementor-element.elementor-element-dd485d9 {
    --color-base: #DF1822; /* Color principal (Ej. Rojo) */
    --color-fondo: rgba(223, 24, 34, 0.1); /* Fondo sutil (Opacidad 10%) */
    --color-brillo: rgba(223, 24, 34, 0.3); /* Brillo de sombra (Opacidad 30%) */
}

/* 2. El Renglón Completo (Preparando el terreno) */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item {
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* 3. El Círculo del Ícono (El fondo que viste en tu diseño) */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-icon {
    background-color: var(--color-fondo);
    width: 42px !important;
    height: 42px !important;
    /* --- INICIA EL CAMPO DE FUERZA ANTI-DEFORMACIÓN --- */
    min-width: 42px !important; 
    min-height: 42px !important; 
    flex-shrink: 0 !important; 
    /* -------------------------------------------------- */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    transition: all 0.4s ease;
}

/* 4. Textos (Gris oscuro elegante) */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-text {
    color: #2C3E50 !important; 
    font-weight: 600;
    transition: all 0.3s ease;
}

/* =======================================================
   LA MAGIA NEGRA (HOVER EFFECT)
   ======================================================= */

/* A. El renglón se desliza y toma un fondo ultra-sutil */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item:hover {
    background-color: var(--color-fondo);
    transform: translateX(10px);
}

/* B. El círculo explota: se llena de color sólido y levita */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: var(--color-base);
    box-shadow: 0 5px 15px var(--color-brillo);
    transform: scale(1.1) rotate(-10deg);
}

/* C. El ícono se vuelve blanco por contraste */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* D. El texto brilla con el color de la marca */
.elementor-1616 .elementor-element.elementor-element-dd485d9 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--color-base) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ec16e0 *//* =======================================================
   OPERACIÓN: PANELES DE ESCANEO TÁCTICO (WHO WE SERVE)
   ======================================================= */

/* 1. Base del Panel (Limpio y corporativo) */
.elementor-1616 .elementor-element.elementor-element-3ec16e0 {
    background: #ffffff !important;
    border: 1px solid rgba(11, 68, 112, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden !important;
}

/* 2. Hover: El Panel se activa y el borde se enciende */
.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover {
    transform: translateY(-8px);
    border-color: #0B4470 !important; /* Borde se enciende Azul VLOZ */
    box-shadow: 0 25px 50px rgba(11, 68, 112, 0.12) !important;
}

/* 3. LÍNEA DE ESCANEO CIBERNÉTICO (La Magia Negra) */
/* Creamos un láser rojo que simula auditar la información de la tarjeta */
.elementor-1616 .elementor-element.elementor-element-3ec16e0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF1822; /* Láser Rojo VLOZ */
    box-shadow: 0 0 15px 4px rgba(223, 24, 34, 0.4);
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover::after {
    opacity: 1;
    /* La línea escanea de arriba a abajo y regresa */
    animation: scanlineVloz 3s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes scanlineVloz {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 4. Levitación de los Mockups Internos (Gráficos) */
.elementor-1616 .elementor-element.elementor-element-3ec16e0 .elementor-widget-image img {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: center bottom;
}

.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover .elementor-widget-image img {
    transform: scale(1.05) translateY(-8px);
    filter: drop-shadow(0 15px 25px rgba(11, 68, 112, 0.15));
}

/* 5. Títulos interactivos: Un toque de vida al texto */
.elementor-1616 .elementor-element.elementor-element-3ec16e0 .elementor-heading-title {
    transition: color 0.4s ease;
}

.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover .elementor-heading-title {
    color: #0B4470 !important; /* Refuerza el azul profundo al enfocar */
}

/* 6. El Icono cambia a Rojo VLOZ al hacer hover */
.elementor-1616 .elementor-element.elementor-element-3ec16e0 i,
.elementor-1616 .elementor-element.elementor-element-3ec16e0 svg {
    transition: fill 0.4s ease, color 0.4s ease, transform 0.4s ease !important;
}

.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover i,
.elementor-1616 .elementor-element.elementor-element-3ec16e0:hover svg {
    color: #DF1822 !important;
    fill: #DF1822 !important;
    transform: scale(1.1); /* Sutil zoom al icono para darle vida */
}

.elementor-1616 .elementor-element.elementor-element-3ec16e0 {
    flex: 1 1 0% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63e0829 *//* 1. Volvemos el texto transparente y le ponemos un borde de 2px (Efecto Outline) */
.elementor-1616 .elementor-element.elementor-element-63e0829 .elementor-heading-title {
    color: transparent !important;
    -webkit-text-stroke: 2px #000000; /* Cambia el color si tu fondo es oscuro */
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 10;
}

/* 2. El relleno mágico al pasar el ratón */
.elementor-1616 .elementor-element.elementor-element-63e0829 .elementor-heading-title:hover {
    color: #000000 !important; /* El color sólido con el que se va a rellenar */
    -webkit-text-stroke: 2px transparent;
    transform: scale(1.02); /* Un micro-zoom para dar sensación de poder */
    letter-spacing: 2px; /* Las letras se separan sutilmente */
}/* End custom CSS */