.elementor-kit-88{--e-global-color-primary:#050514;--e-global-color-secondary:#FFFFF0;--e-global-color-text:#050514;--e-global-color-accent:#E83737;--e-global-color-18419ce:#FFFFF0;--e-global-color-8b4f225:#E837372E;--e-global-typography-primary-font-family:"Cal Sans";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cal Sans";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Fustat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Fustat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1000ms;}.elementor-kit-88 e-page-transition{background-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   PORTFOLIO CARD
   ========================================= */

.portfolio-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Capa de efecto sobre la imagen */
.portfolio-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 1;

    transition:
        background 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Contenido */
.portfolio-card-content {
    position: relative;
    z-index: 2;

    opacity: 0;
    transform: translateY(25px);

    transition:
        opacity 0.45s ease,
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);

    pointer-events: none;
}


/* =========================================
   DESKTOP — HOVER
   ========================================= */

@media (min-width: 1025px) {

    .portfolio-card:hover::before {
        background: rgba(255, 255, 255, 0.90);
    }

    .portfolio-card:hover .portfolio-card-content {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   TABLET + MOBILE — CLICK
   ========================================= */

@media (max-width: 1024px) {

    .portfolio-card.is-active::before {
        background: rgba(255, 255, 255, 0.90);
    }

    .portfolio-card.is-active .portfolio-card-content {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

}/* End custom CSS */