@charset "UTF-8";

.galeria a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.galeria__hover {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--margem-grid);
    left: var(--margem-grid);
    width: calc(100% - 2 * var(--margem-grid));
    height: calc(100% - 2* var(--margem-grid));
    background-color: var(--azul);
    border-radius: calc(var(--margem-grid) / 2);
    opacity: 0;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 100;
}

.galeria a:hover .galeria__hover {
    opacity: .6 !important;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.galeria__hover i {
    position: relative;
    color: var(--branco);
    font-size: 3rem;
}