.sect__Blogs {
    background: url("/Inicio/Recursos/Presentacion/Fotos\ de\ Portada.png") no-repeat;
    background-size: cover;
    height: 40vw;
}

/*Titulo*/
.divTit__Blogs {
    height: 7vw;
}

.tit__Blogs {
    margin: 0;
}

/*División blogs*/
.div__Blogs {
    width: 100%;
    height: auto;
    display: flex;
}

.act__Permitidas {
    background: url("/blogs/Recursos/Acividades_Permitidas.jpg") no-repeat;
    background-position-x: -8vw;
}

.act__NoPermitidas {
    background: url("/blogs/Recursos/Actividades_No_Permitidas.png");
    background-position-x: -4vw;
}

.responsabilidades {
    background: url("/blogs/Recursos/Responsabilidades.jpg");
    background-position-x: -7vw;
}

.procedimientos {
    background: url("/blogs/Recursos/Procedimientos.png");
    background-position-x: -7vw;
}

.blog {
    position: relative;
    width: 20%;
    height: 25vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin: 0 3%;
    color: black;
    background-size: cover;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.blog:hover {
    background-color: rgb(0, 0, 0);
    box-shadow:
        inset 0 6vw 6vw rgba(0, 0, 0, 0.7),
        inset 6vw 0 6vw rgba(0, 0, 0, 0.7),
        inset -6vw 0 6vw rgba(0, 0, 0, 0.7),
        inset 0 -6vw 6vw rgba(0, 0, 0, 0.7);
}

.blog a {
    width: 100%;
    text-decoration: none;
    color: #000;
    display: flex;
    transition: all 0.5s ease-in-out;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.blog:hover a {
    height: 100%;
    transform: translateY(0);
}

.blog:hover a>h2 {
    color: #fff;
    transition: all 0.2s;
    text-shadow: 1px 1px 10px #000;
}

.tit__blog {
    margin: 5%;
    font-size: 1.5vw;
}