.evoratec-features-widget {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 1rem;
    padding: 4rem 0;
    font-family: Gordita, sans-serif;

    .text-column {

        .titulo {
            h2,h3 {
                font-size: 40px;
                font-weight: bold;
                margin: 0 ;
            }

        }
    }
}

.images-column {

    position: relative;
}

.images-column .main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    border: 12px solid white;
}

.images-column .secondary-img {
    position: absolute;
    top: -48px;
    left: -24px;
    width: 256px;
    border-radius: 24px;
    border: 12px solid white;
}

.text-column {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.highlighted-word {
    color: #fbbf24;
}

.btn-hero {
    display: inline-block;
    background: #fbbf24;
    color: #000;
    padding: 12px 24px;
    border-radius: 25px;
    margin-top: 1rem;
    text-decoration: none;
}

.phone {
    margin-top: 1rem;
    font-weight: bold;
}

.evo-features-list  {
    padding-left: 0;
    margin-top: 1rem;

    flex-direction: column;
    display: grid ;

    .evo-features-list-item {
        display: grid;
        grid-template-columns: 32px 1fr;
        gap: 8px;


        margin-bottom: 8px;
        font-size: 1rem;

        .icono {
            display: flex ;
            width: 24px;
            flex-direction: column;
            justify-content: flex-start;
            img {
                width: 100%;
            }
            svg {
                width: 24px;
                fill: #FBBF24 ;
            }
        }
    }

}


@media (max-width: 768px) {
    .evoratec-features-widget {
        flex-direction: column;
        text-align: center;
    }

    .images-column {
        order: 1;
    }

    .text-column {
        order: 2;
    }

    .evo-features-list  {
        justify-content: center;
    }


}

/* Animaciones */
/*.evoratec-features-widget {
    opacity: 0;
    transform: translateY(40px);
    animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}*/