/* Contenedor del icono (Círculo Verde Transparente) */
.icon-circle {
    width: 60px; /* Puedes ajustar el tamaño según tu diseño */
    height: 60px;
    background-color: rgba(45, 106, 79, 0.15); /* Verde ecológico con 15% de opacidad */
    border-radius: 50%; /* Hace que el contenedor sea un círculo perfecto */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease, background-color 0.3s ease; /* Transición suave para interactividad */
}

/* Aplicamos los mismos estilos a todos los iconos específicos */
.icon-circle .fa-user-plus,
.icon-circle .fa-gift,
.icon-circle .fa-handshake,
.icon-circle .fa-box-open {
    color: #2d6a4f; /* Verde ecológico sólido */
    font-size: 1.5rem; /* Tamaño uniforme para todos */
}

/* Efecto opcional al pasar el mouse (Hover) para darle vida */
.icon-circle:hover {
    transform: scale(1.05); /* Se agranda un poco */
    background-color: rgba(45, 106, 79, 0.25); /* Se vuelve ligeramente más visible */
    cursor: pointer;
}