.transition{
    transition: all 0.5s ease-in-out;
}
.texto-titulo-cert{
    font-size: 17px;
    color: #8E7652;
    text-align: center;
}
.texto-titulo-descripcion_cert{
    font-size: 35px;
    color: #2E2E2E;
    text-align: center;
}
.contenedor-certificados{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: "Montserrat", "Nunito", sans-serif;
    padding: 10px 5px;
}
.contenedor-img-cert{
    height: 70px; 
    width: auto;
    min-width: 80px;
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-class{
    max-height: 100%; 
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 1;
}
.icono-descarga{
    width: 25px;
    height: auto; 
}

.contenedor-descarga{
    cursor: pointer;
}

.contenedor-descarga:hover .icono-descarga{
    animation: descargaAnim 2s ease-in-out;
}
.contenedor-descarga:hover .contenedor-img-cert{
    scale: 1.15;
}
.separador-grupo{
    height:80px; 
    width: 1px; 
    padding: 0; 
    margin:0; 
    background: var(--color-separador, rgba(0, 0, 0, 0.616));
}

@media (max-width: 1280px) {
    .separador-grupo{
        height:1px; 
        width: 100%;
        margin: 3px auto; 
        background: var(--color-separador, rgba(2, 2, 2, 0.071));
    }
}

@keyframes descargaAnim {
    0% { opacity: 1; }
    60% { opacity: 0; transform: translate(0,80px) scale(1.8)}
    65% { opacity: 0;  transform: translate(0,-50px) scale(0.1)}
    100% { opacity: 1; transform: translate(0,0) scale(1)}
}

@media (max-width: 768px) {
        .texto-titulo-cert{
        font-size: 15px;
    }
    .texto-titulo-descripcion_cert{
        font-size: 20px;
    }
    .img-class{
        max-width: 22vw;
    }
    .contenedor-descarga{
        max-width: 20vw !important;
    }
}