.elementor-1688 .elementor-element.elementor-element-41098e2a{--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;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1688 .elementor-element.elementor-element-66395ef6{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1688 .elementor-element.elementor-element-35f8c67b .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:26px;letter-spacing:0.5px;}.elementor-1688 .elementor-element.elementor-element-35f8c67b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-blocksy_palette_4 );fill:var( --e-global-color-blocksy_palette_4 );padding-left:20px;padding-right:20px;padding-top:4px;padding-bottom:4px;}.elementor-1688 .elementor-element.elementor-element-35f8c67b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-blocksy_palette_3 );}.elementor-1688 .elementor-element.elementor-element-35f8c67b{--e-nav-menu-horizontal-menu-item-margin:calc( 3px / 2 );}.elementor-1688 .elementor-element.elementor-element-35f8c67b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:3px;}.elementor-1688 .elementor-element.elementor-element-3955c4f9{--display:flex;}.elementor-1688 .elementor-element.elementor-element-6df4d81{--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-1688 .elementor-element.elementor-element-6df4d81 .elementor-portfolio-item__img, .elementor-1688 .elementor-element.elementor-element-6df4d81 .elementor-portfolio-item__overlay{border-radius:20px 20px 20px 20px;}.elementor-1688 .elementor-element.elementor-element-6df4d81 a .elementor-portfolio-item__overlay{background-color:#101D18D1;}.elementor-1688 .elementor-element.elementor-element-6df4d81 a .elementor-portfolio-item__title{color:var( --e-global-color-blocksy_palette_7 );}.elementor-1688 .elementor-element.elementor-element-6df4d81 .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:24px;letter-spacing:1px;word-spacing:2px;}@media(min-width:768px){.elementor-1688 .elementor-element.elementor-element-66395ef6{--width:17%;}}/* Start custom CSS for portfolio, class: .elementor-element-6df4d81 *//* 1. Base del contenedor: Añadimos la opacidad general aquí */
.portafolio-inicial .elementor-portfolio-item {
    opacity: 0.90; /* Controla qué tan diluida está en el fondo (0.65 es el 65% de visibilidad) */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Preparamos la miniatura para la capa de color */
.portafolio-inicial .elementor-portfolio-item__thumbnail_wrapper {
    position: relative;
    overflow: hidden;
}

/* 2. Filtro de la Imagen: Ajustamos saturación y contraste inicial */
.portafolio-inicial .elementor-portfolio-item__img img {
    filter: grayscale(90%) contrast(105%); 
    transition: filter 0.5s ease, transform 0.5s ease;
}

/* 3. La Capa de Color Específico (El Filtro) */
.portafolio-inicial .elementor-portfolio-item__thumbnail_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Filtro de color: Cambia los valores RGB y la intensidad (0.4) según prefieras */
    background-color: rgba(124,137, 91, 0.95); 
    mix-blend-mode: color; 
    
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: 1;
}

/* 4. Estado Hover: La tarjeta se vuelve 100% sólida y el filtro de color desaparece */
.portafolio-inicial .elementor-portfolio-item:hover {
    opacity: 1; /* Recupera la opacidad total al pasar el cursor */
}

.portafolio-inicial .elementor-portfolio-item:hover .elementor-portfolio-item__thumbnail_wrapper::after {
    opacity: 1; /* Desvanece el filtro de color */
}

.portafolio-inicial .elementor-portfolio-item:hover .elementor-portfolio-item__img img {
    filter: grayscale(65%) contrast(100%);
    transform: scale(1.03); /* Sutil zoom estético */
}/* End custom CSS */