.elementor-989641 .elementor-element.elementor-element-eb0e048{--display:flex;--overlay-opacity:0.55;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-989641 .elementor-element.elementor-element-eb0e048::before, .elementor-989641 .elementor-element.elementor-element-eb0e048 > .elementor-background-video-container::before, .elementor-989641 .elementor-element.elementor-element-eb0e048 > .e-con-inner > .elementor-background-video-container::before, .elementor-989641 .elementor-element.elementor-element-eb0e048 > .elementor-background-slideshow::before, .elementor-989641 .elementor-element.elementor-element-eb0e048 > .e-con-inner > .elementor-background-slideshow::before, .elementor-989641 .elementor-element.elementor-element-eb0e048 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mundoresistol.com/wp-content/uploads/2026/04/Asset-2@150x.webp");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-989641 .elementor-element.elementor-element-63d3589{--spacer-size:50px;}.elementor-989641 .elementor-element.elementor-element-fa75d0b{--grid-row-gap:100px;--grid-column-gap:68px;}.elementor-989641 .elementor-element.elementor-element-fa75d0b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-989641 .elementor-element.elementor-element-fa75d0b > .elementor-widget-container{border-style:solid;}.elementor-989641 .elementor-element.elementor-element-fa75d0b a .elementor-portfolio-item__overlay{background-color:#FFFFFF00;}.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter{color:var( --e-global-color-17c8931 );font-family:var( --e-global-typography-vamtam_h4-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h4-font-size );font-weight:var( --e-global-typography-vamtam_h4-font-weight );text-transform:var( --e-global-typography-vamtam_h4-text-transform );font-style:var( --e-global-typography-vamtam_h4-font-style );text-decoration:var( --e-global-typography-vamtam_h4-text-decoration );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter.elementor-active{color:#FFFFFF;}.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter:not(:last-child){margin-right:calc(17px/2);}.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter:not(:first-child){margin-left:calc(17px/2);}.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filters{margin-bottom:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}}@media(max-width:767px){.elementor-989641 .elementor-element.elementor-element-fa75d0b .elementor-portfolio__filter{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}}/* Start custom CSS for portfolio, class: .elementor-element-fa75d0b *//* 1. Quitar comportamiento overlay (hover) */
.elementor-portfolio__item__overlay {
    position: relative !important;
    opacity: 1 !important;
    transform: none !important;
    background: transparent !important;
    pointer-events: none;
}

/* 2. Convertir item en columna */
.elementor-portfolio__item {
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Imagen arriba */
.elementor-portfolio__item__img {
    order: 1;
}

/* 4. Contenido abajo */
.elementor-portfolio__item__overlay {
    order: 2;
    padding-top: 10px;
}

/* 5. Mostrar SIEMPRE el contenido */
.elementor-portfolio__item__content {
    opacity: 1 !important;
    transform: none !important;
    position: relative !important;
}

/* 6. Quitar animación hover */
.elementor-portfolio__item:hover .elementor-portfolio__item__content {
    opacity: 1 !important;
    transform: none !important;
}
/* 1. Quitar comportamiento overlay (hover) */
.elementor-portfolio__item__overlay {
    position: relative !important;
    opacity: 1 !important;
    transform: none !important;
    background: transparent !important;
    pointer-events: none;
}

/* 2. Convertir item en columna */
.elementor-portfolio__item {
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Imagen arriba */
.elementor-portfolio__item__img {
    order: 1;
}

/* 4. Contenido abajo */
.elementor-portfolio__item__overlay {
    order: 2;
    padding-top: 10px;
}

/* 5. Mostrar SIEMPRE el contenido */
.elementor-portfolio__item__content {
    opacity: 1 !important;
    transform: none !important;
    position: relative !important;
}

/* 6. Quitar animación hover */
.elementor-portfolio__item:hover .elementor-portfolio__item__content {
    opacity: 1 !important;
    transform: none !important;
}

.elementor-portfolio__item__overlay {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
}


.elementor-portfolio__item__overlay {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
}
.elementor-portfolio__item__overlay {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
}
.elementor-portfolio__item__overlay {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
}
/* fondo barra de filtors .*/
/
.elementor-portfolio__filters {
    background: #f5f5f5; /* Cambia el color */
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.elementor-portfolio__filter {
    background: white;
    padding: 6px 12px;
    margin: 5px;
    border-radius: 20px;
    transition: 0.3s;
}

.elementor-portfolio__filter:hover,
.elementor-portfolio__filter.elementor-active {
    background:  #0E9AFF; /* celeste */
    color: white;
}/* End custom CSS */