.containerProjectsDiv{margin:20px 20px 100px}.containerProyects{text-align:center;width:100%;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;justify-content:center}.card{height:490px;margin-top:20px;margin-bottom:40px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 20px #0000004d;background-color:#ffffff0a;overflow:hidden;border-radius:12px;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.card:hover{box-shadow:0 12px 40px #00000080;border-color:#ffffff1f;transform:translateY(-4px)}.card:active{box-shadow:0 12px 40px #00000080}.card__thumb{height:390px;overflow:hidden;background-color:#141414;-webkit-transition:height .8s;transition:height .8s;object-fit:cover;object-position:center}.card__thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.85;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;transition:opacity .8s,transform .8s,-webkit-transform .8s}.card:hover .card__thumb{height:380px}.card:hover .card__thumb img,.card:active .card__thumb img{opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}.card__body{position:relative;height:100px;padding:20px;-webkit-transition:height .8s;transition:height .8s}.card:hover .card__body,.card:active .card__body{height:90px}.card__title{margin:0;padding:0;color:#e4e2dd;font-size:18px;font-weight:700;opacity:1;transition:opacity .8s}.card:hover .card__title,.card__body:hover .card__title,.card:active .card__title,.card__body:active .card__title{opacity:0}.card__more{text-decoration:none;position:absolute;top:104px;left:20px;right:20px;text-align:center;margin:0;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background-color:#ffffff14;font-weight:700;transform:translateY(45px);transition:all ease-in-out .4s;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.card__more:hover{color:#fff;background-color:#ffffff26;border-color:#fff6;transition:all ease-in-out .4s}.card:hover .card__more{opacity:1;top:40px;transform:translateY(0)}.card__more:active{color:#fff;background-color:#ffffff26;transition:all ease-in-out .4s}.card:active .card__more{opacity:1;top:40px;transform:translateY(0)}@media only screen and (max-width: 768px){.card:hover .card__thumb img{transform:none;opacity:.85}}@media screen and (max-width: 1420px){.containerProyects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width: 728px){.containerProyects{grid-template-columns:1fr}}