.elementor-2802 .elementor-element.elementor-element-f838513{--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;--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-2802 .elementor-element.elementor-element-43e2cbb .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-2802 .elementor-element.elementor-element-43e2cbb .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-2802 .elementor-element.elementor-element-43e2cbb .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-2802 .elementor-element.elementor-element-43e2cbb .jet-listing-dynamic-image__caption{text-align:left;}.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field__content{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-align:left;}.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2802 .elementor-element.elementor-element-129efc2{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field__content{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;text-align:left;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2802 .elementor-element.elementor-element-f42cbe3{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 2px) -4px;}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:var( --e-global-color-text );flex-direction:row;}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__icon{color:var( --e-global-color-3a140ea );order:1;font-size:18px;}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__icon :is(svg, path){fill:var( --e-global-color-3a140ea );}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__link:hover{color:var( --e-global-color-text );}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__link:hover .jet-listing-dynamic-link__icon{color:var( --e-global-color-3a140ea );}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__link:hover .jet-listing-dynamic-link__icon :is(svg, path){fill:var( --e-global-color-3a140ea );}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__icon{margin-right:8px;}body.rtl .elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__icon{margin-left:8px;}.jet-listing-item.single-jet-engine.elementor-page-2802 > .elementor{width:350px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field__content{font-size:16px;}.elementor-2802 .elementor-element.elementor-element-6d94161 .jet-listing-dynamic-field{justify-content:center;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field__content{font-size:14px;text-align:center;}.elementor-2802 .elementor-element.elementor-element-129efc2 .jet-listing-dynamic-field{justify-content:center;}.elementor-2802 .elementor-element.elementor-element-f42cbe3.elementor-element{--align-self:center;}.elementor-2802 .elementor-element.elementor-element-f42cbe3 .jet-listing-dynamic-link__link{font-size:19px;}}/* Start custom CSS for container, class: .elementor-element-f838513 *//* =========================================
   1. EFECTO ZOOM EN LA IMAGEN
   ========================================= */

/* Ocultamos el desbordamiento en el contenedor de la imagen para que al crecer no se salga de los bordes */
.imagen-portfolio {
    overflow: hidden;
    border-radius: 4px; /* Ajusta este valor si tu imagen tiene bordes redondeados */
}

/* Aplicamos la transición suave directamente a la etiqueta <img> dentro de tu widget */
.imagen-portfolio img {
    transition: transform 0.4s ease-in-out !important;
    width: 100%;
    display: block;
}

/* Cuando el cursor pasa por CUALQUIER PARTE de la tarjeta, la imagen crece */
.tarjeta-portfolio:hover .imagen-portfolio img {
    transform: scale(1.05) !important;
}

/* =========================================
   2. DINAMISMO EN LA FLECHA "VER MÁS" (CORREGIDO)
   ========================================= */

/* Preparamos el ícono para la transición y corregimos su alineación vertical */
.icono-flecha .elementor-button-icon,
.icono-flecha .jet-listing-dynamic-link__icon,
.icono-flecha i,
.icono-flecha svg {
    transition: transform 0.3s ease !important;
    display: inline-block;
    vertical-align: middle !important; /* <--- Esta es la regla clave para nivelarlo con el texto */
    margin-top: -1px; /* Ajuste fino por si necesitas bajarlo un milímetro más */
}

/* Cuando el cursor pasa por CUALQUIER PARTE de la tarjeta, se mueve el ícono interno */
.tarjeta-portfolio:hover .icono-flecha .elementor-button-icon,
.tarjeta-portfolio:hover .icono-flecha .jet-listing-dynamic-link__icon,
.tarjeta-portfolio:hover .icono-flecha i,
.tarjeta-portfolio:hover .icono-flecha svg {
    transform: translateX(6px) !important;
}

/* (Opcional) Cambiar ligeramente el color del texto del botón al hacer hover */
.tarjeta-portfolio:hover .icono-flecha {
    color: #d35400 !important; 
}/* End custom CSS */