.elementor-4608 .elementor-element.elementor-element-4e0c1b29{--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:space-around;--align-items:flex-start;--overlay-opacity:0.5;--padding-top:6px;--padding-bottom:46px;--padding-left:16px;--padding-right:16px;}.elementor-4608 .elementor-element.elementor-element-4e0c1b29:not(.elementor-motion-effects-element-type-background), .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4608 .elementor-element.elementor-element-4e0c1b29::before, .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .elementor-background-video-container::before, .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .e-con-inner > .elementor-background-video-container::before, .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .elementor-background-slideshow::before, .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4608 .elementor-element.elementor-element-4e0c1b29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-4608 .elementor-element.elementor-element-5c9fd7b{--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;}.elementor-4608 .elementor-element.elementor-element-41f6c9af .dce-separator, .elementor-4608 .elementor-element.elementor-element-41f6c9af a, .elementor-4608 .elementor-element.elementor-element-41f6c9af a + span{padding:0 5px;}.elementor-4608 .elementor-element.elementor-element-41f6c9af li, .elementor-4608 .elementor-element.elementor-element-41f6c9af a{color:#000000;}.elementor-4608 .elementor-element.elementor-element-41f6c9af a:hover{color:#A3E635;}.elementor-4608 .elementor-element.elementor-element-41f6c9af li.item-current{color:#000000;}.elementor-4608 .elementor-element.elementor-element-41f6c9af .dce-breadcrumbs{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-4608 .elementor-element.elementor-element-41f6c9af .item-current{font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;}.elementor-4608 .elementor-element.elementor-element-41f6c9af li.item-home{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-4608 .elementor-element.elementor-element-41f6c9af li.item-home a{color:#000000;}.elementor-4608 .elementor-element.elementor-element-41f6c9af .dce-separator span{color:#000000;}.elementor-4608 .elementor-element.elementor-element-5d4279fc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-4608 .elementor-element.elementor-element-5b88dbfa{--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:space-between;--align-items:flex-start;}.elementor-4608 .elementor-element.elementor-element-1fc020ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-4608 .elementor-element.elementor-element-1fc020ae .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;word-spacing:0px;}.elementor-4608 .elementor-element.elementor-element-4890916d{font-family:"Inter", Sans-serif;font-size:18px;font-weight:normal;line-height:1.7em;color:#374151;}.elementor-4608 .elementor-element.elementor-element-3e3acac0{--display:flex;}.elementor-4608 .elementor-element.elementor-element-77a3506b img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#84CC16;border-radius:25px 25px 25px 25px;}.elementor-4608 .elementor-element.elementor-element-2b97baf{--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;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4608 .elementor-element.elementor-element-42b8b36{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;}.elementor-4608 .elementor-element.elementor-element-be94f6f{--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;}.elementor-4608 .elementor-element.elementor-element-6e94b8c{color:#000000;}.elementor-4608 .elementor-element.elementor-element-42c66b0{--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;}.elementor-4608 .elementor-element.elementor-element-5c33acd{color:#000000;}.elementor-4608 .elementor-element.elementor-element-680009e{--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;}.elementor-4608 .elementor-element.elementor-element-a8c11d7{color:#000000;}.elementor-4608 .elementor-element.elementor-element-72664bf{--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;}.elementor-4608 .elementor-element.elementor-element-1d13e6a{color:#000000;}.elementor-4608 .elementor-element.elementor-element-54743a4{--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;}.elementor-4608 .elementor-element.elementor-element-0f1df14{color:#000000;}.elementor-4608 .elementor-element.elementor-element-2110353{--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;}.elementor-4608 .elementor-element.elementor-element-0a474e2{color:#000000;}.elementor-4608 .elementor-element.elementor-element-66f80a6{--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;}.elementor-4608 .elementor-element.elementor-element-5fa7649{color:#000000;}@media(max-width:1024px){.elementor-4608 .elementor-element.elementor-element-42b8b36{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4608 .elementor-element.elementor-element-4e0c1b29{--content-width:1280px;}.elementor-4608 .elementor-element.elementor-element-5c9fd7b{--width:100%;}.elementor-4608 .elementor-element.elementor-element-5d4279fc{--width:100%;}.elementor-4608 .elementor-element.elementor-element-5b88dbfa{--width:50%;}.elementor-4608 .elementor-element.elementor-element-3e3acac0{--width:50%;}}@media(max-width:767px){.elementor-4608 .elementor-element.elementor-element-42b8b36{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for dce-breadcrumbs, class: .elementor-element-41f6c9af *//* Definimos variables locales por si acaso no cargan las globales */
.elementor-4608 .elementor-element.elementor-element-41f6c9af {
    --color-lime: #A3E635;
    --color-gray-700: #374151;
    --color-gray-200: #DEE2E6;
}

/* 1. Contenedor de la lista */
.elementor-4608 .elementor-element.elementor-element-41f6c9af ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 !important; /* Margen vertical según diseño */
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important; /* Para que se adapte en móviles */
    gap: 4px !important; /* Espacio reducido entre elementos */
}

/* 2. El punto verde (Estilo Luismi) */
/* Lo hacemos un poco más pequeño (8px) para que encaje con el texto de 14px */
.elementor-4608 .elementor-element.elementor-element-41f6c9af ul::before {
    content: '' !important;
    width: 8px !important; 
    height: 8px !important;
    background-color: var(--color-lime) !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* 3. Estilo de los textos e items */
.elementor-4608 .elementor-element.elementor-element-41f6c9af li, 
.elementor-4608 .elementor-element.elementor-element-41f6c9af li a, 
.elementor-4608 .elementor-element.elementor-element-41f6c9af li span {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important; /* CAMBIO: De 16px a 14px */
    color: var(--color-gray-700) !important; /* CAMBIO: Gris oscuro, no negro */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

/* Efecto Hover */
.elementor-4608 .elementor-element.elementor-element-41f6c9af a:hover {
    color: var(--color-lime) !important;
}

/* 4. Estilo específico para el separador » */
.elementor-4608 .elementor-element.elementor-element-41f6c9af .dce-separator {
    margin: 0 8px !important;
    color: var(--color-gray-200) !important; /* CAMBIO: Gris muy suave */
    font-weight: 400 !important;
}

/* 5. Página actual */
/* En el nuevo diseño es más limpia, sin negrita excesiva */
.elementor-4608 .elementor-element.elementor-element-41f6c9af .item-current {
    font-weight: 400 !important;
    color: var(--color-gray-700) !important;
    opacity: 0.8 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4890916d *//* Párrafo normal del Hero */
.elementor-4608 .elementor-element.elementor-element-4890916d p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #374151; /* Gris oscuro */
    margin-bottom: 16px;
}

/* Negritas especiales dentro del párrafo */
/* Tienes que envolver el texto en un span así: <span class="strong-text">texto</span> */
.elementor-4608 .elementor-element.elementor-element-4890916d .strong-text {
    font-weight: 600;
    color: #000000; /* Negro puro para destacar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b88dbfa *//* Espaciado entre elementos del Hero */
.elementor-4608 .elementor-element.elementor-element-5b88dbfa .elementor-widget-heading {
    margin-bottom: 25px !important;
}

.elementor-4608 .elementor-element.elementor-element-5b88dbfa .elementor-widget-text-editor {
    margin-bottom: 35px !important;
    font-size: 19px !important;
    line-height: 1.6 !important;
    color: #444 !important;
}

/* El botón del Hero: le damos un extra de tamaño */
.elementor-4608 .elementor-element.elementor-element-5b88dbfa .elementor-button {
    padding: 18px 35px !important;
    font-size: 16px !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-77a3506b *//* Estilo para el contenedor del widget de imagen */
.elementor-4608 .elementor-element.elementor-element-77a3506b {
    border-radius: 24px; /* --radius-lg */
    overflow: hidden; /* Para que la imagen no se salga de los bordes redondeados */
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1); /* --shadow-lg */
    transition: transform 0.3s ease; /* Opcional: suavidad si añades efectos hover */
}

/* Asegurar que la imagen llene el espacio correctamente */
.elementor-4608 .elementor-element.elementor-element-77a3506b img {
    width: 100%;
    height: auto;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e3acac0 */.elementor-4608 .elementor-element.elementor-element-3e3acac0 img {
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: transform 0.5s ease !important;
}

/* Efecto sutil al pasar el ratón por la imagen */
.elementor-4608 .elementor-element.elementor-element-3e3acac0:hover img {
    transform: scale(1.01) translateY(-5px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be94f6f *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-be94f6f {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-be94f6f:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-be94f6f .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-be94f6f .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-be94f6f:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-be94f6f .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-be94f6f .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-be94f6f h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-be94f6f .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-be94f6f h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-be94f6f h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-be94f6f:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-be94f6f:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42c66b0 *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-42c66b0 {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-42c66b0:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-42c66b0 .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-42c66b0 .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-42c66b0:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-42c66b0 .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-42c66b0 .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-42c66b0 h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-42c66b0 .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-42c66b0 h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-42c66b0 h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-42c66b0:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-42c66b0:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-680009e *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-680009e {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-680009e:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-680009e .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-680009e .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-680009e:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-680009e .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-680009e .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-680009e h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-680009e .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-680009e h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-680009e h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-680009e:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-680009e:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72664bf *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-72664bf {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-72664bf:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-72664bf .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-72664bf .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-72664bf:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-72664bf .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-72664bf .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-72664bf h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-72664bf .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-72664bf h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-72664bf h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-72664bf:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-72664bf:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54743a4 *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-54743a4 {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-54743a4:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-54743a4 .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-54743a4 .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-54743a4:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-54743a4 .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-54743a4 .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-54743a4 h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-54743a4 .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-54743a4 h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-54743a4 h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-54743a4:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-54743a4:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2110353 *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-2110353 {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-2110353:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-2110353 .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-2110353 .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-2110353:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-2110353 .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-2110353 .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-2110353 h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-2110353 .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-2110353 h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-2110353 h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-2110353:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-2110353:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66f80a6 *//* =========================================
   TARJETA FINAL: IMAGEN FLUSH + TEXTO PADDED
   ========================================= */

/* 1. Contenedor Principal (Cero padding para la imagen) */
.elementor-4608 .elementor-element.elementor-element-66f80a6 {
    background: #FFFFFF !important;
    border: 2px solid #E9ECEF !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    padding: 0px !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. Recuperar el efecto "Flotante" (Hover)  */
.elementor-4608 .elementor-element.elementor-element-66f80a6:hover {
    transform: translateY(-12px) !important; /* Ahora vuelve a flotar */
    border-color: #A3E635 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 3. Imagen (Pegada arriba y a los lados)  */
.elementor-4608 .elementor-element.elementor-element-66f80a6 .elementor-widget-image {
    margin: 0 !important;
    line-height: 0 !important;
}

.elementor-4608 .elementor-element.elementor-element-66f80a6 .elementor-widget-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-66f80a6:hover .elementor-widget-image img {
    transform: scale(1.05) !important; /* Zoom sutil al flotar */
}

/* 4. Padding específico para los TEXTOS (H2, P, H3)  */
/* Aplicamos el margen solo a los widgets de texto para que no toquen el borde */
.elementor-4608 .elementor-element.elementor-element-66f80a6 .elementor-widget-heading, 
.elementor-4608 .elementor-element.elementor-element-66f80a6 .elementor-widget-text-editor {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 5. Título Empresa (H2) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-66f80a6 h2 {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* 6. Descripción (P) - Ajuste vertical */
.elementor-4608 .elementor-element.elementor-element-66f80a6 .elementor-text-editor {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* 7. Enlace "Ver caso completo" (H3) con flecha  */
.elementor-4608 .elementor-element.elementor-element-66f80a6 h3 {
    margin-bottom: 30px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-4608 .elementor-element.elementor-element-66f80a6 h3:after {
    content: '→' !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

.elementor-4608 .elementor-element.elementor-element-66f80a6:hover h3 {
    color: #A3E635 !important;
}

.elementor-4608 .elementor-element.elementor-element-66f80a6:hover h3:after {
    transform: translateX(6px) !important;
}/* End custom CSS */