.postcard--proyecto .postcard__wrapper{position:relative;background-color:var(--primary-color);border-radius:5px;overflow:hidden}.postcard--proyecto .postcard__content{padding:20px 20px 0 20px;position:absolute!important;left:0;bottom:0;z-index:56;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%);opacity:0;transition:.3s all}.postcard--proyecto .postcard__content p{margin:0;font-size:.9em}.postcard--proyecto .postcard__title{font-size:1.3em;margin-bottom:0}.postcard--proyecto .postcard__image{padding-bottom:75%;width:100%;background-size:cover;background-position:center;display:block;transition:.5s all}.postcard--proyecto .postcard__tags{display:flex;flex-wrap:wrap;gap:3px;position:absolute;top:10px;right:10px;padding:8px;z-index:56;transition:.3s all;opacity:0}.postcard--proyecto .postcard__tags a{display:inline-block;font-size:.8em;background-color:var(--primary-color);color:#fff;padding:0 8px}.postcard--proyecto .postcard__tags a:hover{text-decoration:none}.postcard--proyecto:hover .postcard__image{opacity:.4}.postcard--proyecto:hover .postcard__content{padding-bottom:20px;opacity:1}.postcard--proyecto:hover .postcard__tags{top:20px;opacity:1}