.elementor-kit-6{--e-global-color-primary:#3A53A1;--e-global-color-secondary:#53565F;--e-global-color-text:#656872;--e-global-color-accent:#0C2E96;--e-global-color-a2d227d:#EDEFF7;--e-global-color-26b7622:#000926;--e-global-color-feabaaf:#F5F6FA;--e-global-color-7d6e8cf:#E7E7E7;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 img{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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 *//* Container Pai: ativa flexbox e define tamanho */
.container-pai {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 400px; /* Ajuste conforme a sua necessidade */
}

/* Cards: tamanho padrão, transição e visual */
.card {
    flex: 1 1 0%;
    transition: flex 0.5s ease;
    min-width: 80px; /* evita ficar muito pequeno */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white; /* ajuste conforme cor do texto */
}

/* Cards: tamanho ao passar mouse */
.card:hover {
    flex: 5 1 0%;
}

/* Transição para os títulos dentro dos cards */
.card h2 {
    transition: all 0.5s ease;
}

/* Responsividade para telas pequenas */
@media (max-width: 768px) {
    .container-pai {
        flex-wrap: wrap;
        height: auto;
    }

    .card {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .card:hover {
        flex: 1 1 100%;
    }
}/* End custom CSS */