.about{
    text-align: center;
    color: gray;

}

.about__title{
    color: #2e4053;
    
}

.subtitle{
    color: #2e4053;
    font-size: 2rem;
    margin-bottom: 25px;

}

.about__paragraph{
    line-height: 1.7;
    text-align: justify;

}

.about__main{
    padding-top: 80px;
    display: grid;
    width: 90%;
    margin:0 auto;
    gap: 1em;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit, minmax(260px , auto));
}

.about__icons{
    display: grid;
    gap: 1em;
    justify-items: center;
    width: 260px;
    overflow: hidden;
    margin: 0 auto;

}


.about__icon{
    width: 65px;
    perspective: 1000px; /* Perspectiva para efecto 3D */
    transition: transform 0.6s;
}

.about__icon:hover {
    transform: rotateY(180deg); /* Rotación en el eje Y al hacer hover */
    filter: brightness(0) saturate(100%) invert(85%) sepia(35%) saturate(500%) hue-rotate(350deg) brightness(95%) contrast(90%);
}