.elementor-3117 .elementor-element.elementor-element-5877794{--display:flex;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-msie .elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-post__thumbnail__link{padding-bottom:calc( 0.74 * 100% );}.elementor-3117 .elementor-element.elementor-element-cfddd5c:after{content:"0.74";position:absolute;color:transparent;}.elementor-3117 .elementor-element.elementor-element-cfddd5c{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-3117 .elementor-element.elementor-element-cfddd5c a .elementor-portfolio-item__overlay{background-color:#96969600;}.elementor-3117 .elementor-element.elementor-element-cfddd5c a .elementor-portfolio-item__title{color:#F0F0F09C;}.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item__title{font-family:"Almarai", Sans-serif;font-size:35px;font-weight:400;text-transform:uppercase;letter-spacing:-0.1px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3117 .elementor-element.elementor-element-5877794{--width:95%;}}@media(max-width:1024px){.elementor-msie .elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item{width:calc( 100% / 2 );}}@media(max-width:767px){.elementor-msie .elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item{width:calc( 100% / 1 );}}/* Start custom CSS for portfolio, class: .elementor-element-cfddd5c */.elementor-portfolio-item .elementor-portfolio-item__overlay {
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-portfolio-item .elementor-portfolio-item__title {
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item__title {
    text-transform: uppercase; /* Opcional: convierte el texto en mayúsculas */
    opacity: 0.; /* Ajusta el nivel de transparencia (0 = invisible, 1 = sin transparencia) */
}
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 0.7); /* Blanco con 70% de opacidad */
    text-transform: uppercase; /* Opcional */
    transition: color 0.3s ease-in-out; /* Suaviza el cambio de color */
}
/* Cuando el usuario pasa el ratón sobre la imagen del portfolio */
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 1); /* Blanco con 100% de opacidad */
}
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); /* Aumentamos el tamaño y la opacidad */
}
/* Al pasar el ratón sobre la imagen del portfolio */
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 1);
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); /* Más visible al hacer hover */
}
/* Cuando el usuario pasa el ratón sobre la imagen del portfolio */
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 1); /* Blanco con 100% de opacidad */
}
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Aumentamos el tamaño y la opacidad */
}
/* Al pasar el ratón sobre la imagen del portfolio */
.elementor-3117 .elementor-element.elementor-element-cfddd5c .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    color: rgba(255, 255, 255, 1);
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); /* Más visible al hacer hover */
}/* End custom CSS */