.elementor-kit-9{--e-global-color-primary:#18334A;--e-global-color-secondary:#2F5FB3;--e-global-color-text:#494949;--e-global-color-accent:#2AB8C0;--e-global-color-3281a2f:#00336607;--e-global-color-b2120e3:#25313B;--e-global-color-721f810:#FFFFFF;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Bricolage Grotesque";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Bricolage Grotesque";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}.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{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* =========================
   FASES DEL PROCESO
========================= */

.fases-proceso .fase {
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease;
    cursor: pointer;
}

/* Cuando estamos pasando sobre el conjunto,
   bajamos todas las fases */
.fases-proceso:hover .fase {
    opacity: 0.4;
}

/* La fase activa vuelve al 100% */
.fases-proceso .fase:hover {
    opacity: 1;
}

/* Texto desarrollado */
.fase .fase-texto {
    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transform: translateY(-5px);

    transition:
        max-height 0.5s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
}

/* Mostrar contenido de la fase seleccionada */
.fase:hover .fase-texto {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */