.elementor-463 .elementor-element.elementor-element-0019e93{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-463 .elementor-element.elementor-element-f5e6603{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;overflow:visible;}.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;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-463 .elementor-element.elementor-element-9be0cd9 .elementor-post__thumbnail__link{padding-bottom:calc( 1.1 * 100% );}.elementor-463 .elementor-element.elementor-element-9be0cd9:after{content:"1.1";position:absolute;color:transparent;}.elementor-463 .elementor-element.elementor-element-9be0cd9{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-463 .elementor-element.elementor-element-9be0cd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-463 .elementor-element.elementor-element-9be0cd9 a .elementor-portfolio-item__overlay{background-color:#420193;}.elementor-463 .elementor-element.elementor-element-9be0cd9 .elementor-portfolio-item__title{font-family:"Unigeo", Sans-serif;font-size:35px;font-weight:400;}.elementor-463 .elementor-element.elementor-element-a633159{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-463 .elementor-element.elementor-element-a633159 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-463 .elementor-element.elementor-element-a633159 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-463 .elementor-element.elementor-element-feee97c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}body.elementor-page-463:not(.elementor-motion-effects-element-type-background), body.elementor-page-463 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}@media(max-width:1024px){.elementor-463 .elementor-element.elementor-element-f5e6603{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-463 .elementor-element.elementor-element-f5e6603{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-463 .elementor-element.elementor-element-9be0cd9 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for portfolio, class: .elementor-element-9be0cd9 *//* --- Hover de colores para Portafolio (versión robusta) --- */

/* Este código aplica un color de hover distinto a cada item del portafolio */
.elementor-posts-container .elementor-portfolio-item:nth-child(4n+1):hover .elementor-portfolio-item__overlay {
  background-color: #B6D827; /* Rojo claro */
}

.elementor-posts-container .elementor-portfolio-item:nth-child(4n+2):hover .elementor-portfolio-item__overlay {
  background-color: #9D52FF; /* Turquesa */
}

.elementor-posts-container .elementor-portfolio-item:nth-child(4n+3):hover .elementor-portfolio-item__overlay {
  background-color: #241825; /* Amarillo */
}

.elementor-posts-container .elementor-portfolio-item:nth-child(4n+4):hover .elementor-portfolio-item__overlay {
  background-color: #420193; /* Azul oscuro */
}

/* La transición se mantiene igual */
.elementor-portfolio-item__overlay {
  transition: background-color 0.3s ease;
}/* End custom CSS */