.itecsa-plugin-container {
    display: flex;
}

.itecsa-plugin-container section {
    opacity: 0;
}

.itecsa-plugin-container.animation section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 33%;
    margin: 1rem;
    animation-name: fadeIn;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.itecsa-plugin-container.animation section:hover {
    cursor: pointer;
}

.itecsa-plugin-container.animation section:nth-child(1) {
    animation-delay: 0s;
}

.itecsa-plugin-container.animation section:nth-child(2) {
    animation-delay: 1s;
}

.itecsa-plugin-container.animation section:nth-child(3) {
    animation-delay: 2s;
}

.itecsa-plugin-container img {
    max-width: 100%;
    height: 15rem;
}

.itecsa-plugin-container h3 {
    text-transform: uppercase;
    font-weight: bolder;
    margin-top: 0.5rem;
}

.itecsa-plugin-container p {
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .itecsa-plugin-container {
        flex-direction: column;
    }
}