.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b5aeb33:#906fc0;--e-global-color-c58817e:#2C143A;--e-global-color-5420d44:#7210c1;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#B8C0CC;--e-global-color-dff8941:#7210c1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-5535e8e-font-family:"Montserrat";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"Montserrat";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"Montserrat";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"Manrope";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"Manrope";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"Manrope";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}.entry-title, .wp-block-post-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.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-kit-5{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   SHOWCASE DE PROJETOS
   Sites que Vendem
   ========================================= */

.hover-showcase {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

    width: 100%;
    height: 360px;

    gap: 12px;

    overflow: visible;
}


/* =========================================
   CARDS
   ========================================= */

.hover-showcase > .hover-card {
    position: relative !important;

    flex: 1 1 0 !important;
    min-width: 0 !important;

    height: 100%;

    overflow: hidden !important;

    border-radius: 16px;

    cursor: pointer;

    transition:
        flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        flex-basis 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Primeiro card começa maior */

.hover-showcase > .hover-card.featured {
    flex-grow: 2.5 !important;
}


/* Card em hover */

.hover-showcase > .hover-card.is-active {
    flex-grow: 3 !important;
}


/* Outros cards diminuem */

.hover-showcase.has-active > .hover-card:not(.is-active) {
    flex-grow: 0.8 !important;
}


/* =========================================
   WIDGET DE VÍDEO
   ========================================= */

.hover-card .hover-video {
    position: absolute !important;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


/* Wrappers internos do Elementor */

.hover-card .hover-video .elementor-widget-container,
.hover-card .hover-video .elementor-wrapper,
.hover-card .hover-video .elementor-video,
.hover-card .hover-video video {
    width: 100% !important;
    height: 100% !important;
}


/* Vídeo real */

.hover-card .hover-video video {
    position: absolute;

    inset: 0;

    display: block;

    object-fit: cover !important;

    transform: scale(1.035);

    transition:
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);

    pointer-events: none;
}


/* Ao abrir o card */

.hover-card.is-active .hover-video video {
    transform: scale(1);
}


/* =========================================
   OVERLAY MUITO SUTIL
   ========================================= */

.hover-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(15, 8, 40, 0.04);

    pointer-events: none;

    z-index: 2;

    transition:
        background 0.5s ease;
}


.hover-card.is-active::after {
    background: rgba(15, 8, 40, 0);
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .hover-showcase {
        flex-direction: column !important;

        height: auto;

        gap: 12px;
    }


    .hover-showcase > .hover-card,
    .hover-showcase > .hover-card.featured,
    .hover-showcase > .hover-card.is-active,
    .hover-showcase.has-active > .hover-card:not(.is-active) {

        flex: none !important;

        width: 100% !important;
        height: 240px !important;
    }


    .hover-card .hover-video {
        position: absolute !important;
    }

}/* End custom CSS */