.elementor-638 .elementor-element.elementor-element-ed85b3e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;}.elementor-638 .elementor-element.elementor-element-ed85b3e:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-ed85b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-be1c371{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-be1c371.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-638 .elementor-element.elementor-element-956c942 img{border-radius:20px 20px 20px 20px;}.elementor-638 .elementor-element.elementor-element-9c97895{--display:flex;--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-638 .elementor-element.elementor-element-5272e4e{--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;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-638 .elementor-element.elementor-element-c9e4434 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#666666;}.elementor-638 .elementor-element.elementor-element-ee7fa5b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;color:#3772FFCC;}.elementor-638 .elementor-element.elementor-element-e394afe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;color:#666666;}.jet-listing-item.single-jet-engine.elementor-page-638 > .elementor{width:600px;margin-left:auto;margin-right:auto;}@media(min-width:768px){.elementor-638 .elementor-element.elementor-element-be1c371{--width:28%;}}/* Start custom CSS for container, class: .elementor-element-ed85b3e *//*
 * CSS para añadir una imagen en la esquina inferior derecha
 * de un contenedor y cambiarla al hacer hover.
 */

/*
 * PASO 1: Reemplaza '.tu-contenedor-objetivo' con el .elementor-638 .elementor-element.elementor-element-ed85b3e CSS
 * real de tu contenedor en WordPress.
 * Puedes encontrarlo haciendo clic derecho sobre el elemento
 * en tu web y seleccionando "Inspeccionar" o "Inspeccionar elemento".
 * Busca la clase (class="...") o el ID (id="...") del contenedor
 * que quieres modificar.
 * Ejemplos de .elementor-638 .elementor-element.elementor-element-ed85b3ees:
 * - tu-contenedor-objetivoSi tiene una clase única: .nombre-de-la-clase
 * - Si tiene un ID único: #id-del-elemento
 * - Si es una combinación: .clase-padre .clase-hijo
 */
.tu-contenedor-objetivo {
  /* Asegura que el posicionamiento del pseudo-elemento sea relativo a este contenedor */
  position: relative;
  /* Añade un padding si el contenido se solapa con la imagen. Ajusta según necesites. */
  /* padding-bottom: 50px; */
  /* padding-right: 50px; */
  /* Asegúrate de que el contenedor tenga suficiente tamaño para que la imagen sea visible */
  min-height: 100px; /* Ajusta este valor si es necesario */
  overflow: hidden; /* Opcional: para evitar que la imagen se salga si es muy grande */
}

/*
 * PASO 2: Estilo para el pseudo-elemento ::after que contendrá la imagen.
 */
.tu-contenedor-objetivo::after {
  /* Contenido vacío necesario para que se muestre el pseudo-elemento */
  content: '';
  /* Posicionamiento absoluto respecto al contenedor padre */
  position: absolute;
  /* Ubicación en la esquina inferior derecha */
  bottom: 0;
  right: 0;
  /* --- AJUSTA ESTAS DIMENSIONES --- */
  /* Define el tamaño del área de la imagen. */
  /* Puedes usar píxeles (px), porcentajes (%), etc. */
  /* Ajusta estos valores al tamaño deseado para tu imagen */
  width: 100px; /* Ejemplo: Ancho de la imagen */
  height: 100px; /* Ejemplo: Alto de la imagen */
  /* --- IMAGEN POR DEFECTO --- */
  /* Establece la primera imagen como fondo */
  background-image: url('https://vitaldx.pe/wp-content/uploads/2025/05/1-1.png');
  /* Evita que la imagen de fondo se repita */
  background-repeat: no-repeat;
  /* Ajusta cómo se muestra la imagen dentro del área definida */
  background-size: contain; /* 'contain' ajusta la imagen manteniendo la proporción, 'cover' cubre el área */
  /* Centra la imagen si el área es más grande que la imagen con 'contain' */
  background-position: bottom right;
  /* --- TRANSICIÓN SUAVE --- */
  /* Añade una transición suave al cambiar la imagen (opcional) */
  transition: background-image 0.3s ease-in-out;
  /* Asegura que la imagen esté por encima del contenido si es necesario */
  /* z-index: 1; */
}

/*
 * PASO 3: Estilo para el estado hover del contenedor.
 * Cambia la imagen de fondo del pseudo-elemento ::after.
 */
.tu-contenedor-objetivo:hover::after {
  /* --- IMAGEN AL HACER HOVER --- */
  /* Establece la segunda imagen como fondo al pasar el mouse sobre el contenedor */
  background-image: url('https://vitaldx.pe/wp-content/uploads/2025/05/2-1.png');
}/* End custom CSS */