.col-nave {
    position: relative;
    transition: var(--transitions-large);

    .col-nave-tit {
        .elementor-heading-title {
            color: var(--c-grafito-profundo) !important;
            transition: var(--transitions-large);
        }
    }


    .col-nave-icon {
        svg {
            transition: var(--transitions-large);
                        transform: translateY(0px) translateX(0px);
        }

    }

    .col-nave-zoom {
        .col-nave-img {
            transition: var(--transitions-large);
        }
    }

    .col-nave-txt {
        p {
            color: var(--c-grafito-profundo) !important;
            transition: var(--transitions-large);
        }
    }


    &:hover {
        background-color: var(--c-rojo) !important;

        .col-nave-tit {
            .elementor-heading-title {
                color: var(--c-blanco) !important;
                transition: var(--transitions-large);
            }
        }

        .col-nave-zoom {
            .col-nave-img {
                transition: var(--transitions-large);
                transform: scale(1.1);
            }
        }

        .col-nave-txt {
            p {
                color: var(--c-blanco) !important;
                transition: var(--transitions-large);
            }
        }

        .col-nave-icon {
            svg {
                transition: var(--transitions-large);
                transform: translateY(-10px) translateX(10px);
                path{
                    transition: var(--transitions-large);
                    fill: var(--c-blanco) !important;
                }
            }

        }

    }

}