/* SECCIÓN */
.features {
    padding: 80px 20px;
    background: #f5f5f5;
}

/* GRID 5 COLUMNAS */
.features-container {
    max-width: '90%';
    margin: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

/* TARJETAS */
.card {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    transition: transform 0.3s ease;

    /* 🔥 Estado inicial */
    opacity: 0;
    transform: translateY(40px);
}

/* Hover elegante */
.card:hover {
    transform: translateY(-5px);
}

/* Imagen */
.card img {
   
	height:10vh;
    margin-bottom: 15px;
}

/* 🔥 Estado visible */
.card.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .features-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
	
    .features-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
	.features-container .letraiconos  {font-size:2.1vh;}
	.features-container .letraiconos2 {font-size:2.1vh;}
    .features-container {
        grid-template-columns: 1fr;
    }
}