.artistas_galeria {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    background-color: var(--blanco);
        .galeria_item {
            min-width: 350px;
            height: 450px;
            cursor: pointer;
            background-size: cover;
            background-position: center center;
            overflow: hidden;
            .artista_pic {
                object-fit: cover;
                background-position: center, center;
                transition: all ease-in-out .3s;
            }
            .artista_pic:hover {
                transform: scale(1.05);
                opacity: 0.8;
            }
            .artista_info {
                position: relative;
                bottom: 0;
                left: 10%;
                width: 80%;
                height: 150px;
                background-color: var(--rosa);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                color: var(--blanco);
                gap: 10px;
                cursor: default;
                .nombre {
                    font-size: 1em;
                    font-style: italic;
                }
                .cargo{
                    font-size: 1.2em;
                    text-align: center;
                }
                .artista_redes {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    width: 60%;
                    height: 30px;
                    gap: 10px;
                    .icono_redes {
                        width: 25px;
                        cursor: pointer;
                    }
                    .icono_redes:hover {
                        opacity: .8;
                    }
             }
        }
    }

}

.newsletter {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    .newsletter_body {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
    }
    .newsletter_tittle {
            font-size: 1.8em;
            letter-spacing: .25em;
            font-weight: 600;
            color: var(--negro);
            padding-top: 50px;
            
        }
    .newsletter_description {
            font-size: 1em;
            font-weight: 400;
            color: var(--gris);
            text-align: justify;
            padding-bottom: 20px;
    }
    .newsletter_info {
        padding: 20px 0;
        font-size: .8em;
        color: var(--gris);

    }
    .newsletter_linea {
        width: 50%;
        height: 20px;
        border-bottom: 1px solid var(--gris_claro);
    }

}



.video {
    width: 100%;
    height: 500px;
    object-fit: cover;
    background-position: center center;
}


@media screen and (max-width: 990px) {
    .artistas {

        .artitas_body {
            width: 90%;
        }
    }
}


/*ANIMACIONES  */
@keyframes up {
    0% {

        transform: translateY(0);
    }

    100% {
        transform: translateY(-150px);
    }
}

@keyframes down {
    0% {

        transform: translateY(-150px);
    }
    100% {
        transform: translateY(0);
    }
}


.muestra_info {
    animation-name: up;
    animation-duration: .5s;
    animation-fill-mode: both;
}
.oculta_info {
    animation-name: down;
    animation-duration: .5s;
    animation-fill-mode: both;
}

@keyframes show {
    0% {
        opacity: 0;
        transform: scale(.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(.8);
    }
}



.mostrar_elemento {
    animation-name: show;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.ocultar_elemento {
    animation-name: hide;
    animation-duration: 1s;
    animation-fill-mode: both;
}