.products-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.product-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:.75rem;width:22rem;padding-block:.25rem 1rem;padding-inline:.25rem;border-radius:1.5rem;box-shadow:var(--shadow1);background:var(--neutral-white);cursor:pointer;transition:.4s ease;.image-wrapper{position:relative;aspect-ratio:3/2;max-height:228px;&:before{content:"";display:inline-block;position:absolute;bottom:0;width:100%;height:50%;z-index:1;border-radius:1.25rem;background:linear-gradient(180deg,hsl(var(--c-green-800) / 1) 0% 100%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to top,black,transparent);-webkit-mask-image:linear-gradient(to top,black,transparent)}>picture{transition:.5s ease-out;display:flex;height:100%;border-radius:1.25rem;overflow:hidden;>img{object-fit:cover;transition:.5s ease-out;width:100%}}>div{position:absolute;top:0;width:100%;height:100%;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;.status-wrapper{display:flex;gap:.5rem;justify-content:right;>span{font-size:.7rem;font-weight:500;color:var(--neutral-white);padding:.125rem .5rem;border:1px solid transparent;border-radius:.75rem;background-color:hsl(var(--c-green-800) / .5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:.3s ease-out}}>hgroup{padding-left:.25rem;>span{font-size:.8rem;font-weight:500;color:var(--neutral-90);background-color:hsl(var(--c-neutral-600) / .6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:.375rem;padding:2px 6px;transition:.3s ease-out}>h3{display:flex;align-items:center;gap:.25rem;margin-top:.125rem;font-family:Montserrat,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;color:var(--neutral-30);>span{padding:.125rem .4rem;color:var(--neutral-60);font-size:.8rem;font-weight:500;border-radius:.75rem;background:hsl(var(--c-neutral-400) / .3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}>p{font-size:.875rem;font-weight:500;color:var(--neutral-200)}}}}.details-wrapper{display:flex;justify-content:space-between;width:100%;padding-inline:1rem;align-items:end;>div{display:flex;flex-direction:column;gap:.25rem;>h4{font-size:.75rem;font-weight:500;color:var(--neutral-500)}>div{display:flex;gap:.375rem;>span{font-size:.875rem;font-weight:500;color:var(--neutral-600);background-color:var(--neutral-60);padding:.125rem .5rem;border-radius:.75rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}}>svg{width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:.3s ease-out;>path{fill:var(--neutral-200);transition:.3s ease-out}&:hover{scale:105%}&:hover>path{fill:var(--red-700)}}}&.soon{min-height:302px;.details-wrapper{margin-top:.5rem;gap:.75rem}& button{font-size:.8rem;font-weight:500;text-wrap:nowrap;color:var(--neutral-500);padding:.5rem 1.5rem;border:1px dashed var(--neutral-300);border-radius:1.5rem;height:2rem;width:100%;transition:.3s ease-out;cursor:pointer}&:hover{box-shadow:none;cursor:default;& picture{opacity:75%;filter:saturate(0%)}>.status-wrapper>span{box-shadow:0 2px 8px 1px hsl(var(--c-neutral-black) / .3);background-color:hsl(var(--c-neutral-800) / .9);&:hover{scale:102%}}& button{color:var(--neutral-white);background:var(--neutral-500);border:1px solid var(--neutral-500);&:hover{color:var(--neutral-white);background:var(--green-600);border:1px solid var(--green-600);scale:101%}}}}&:hover{box-shadow:var(--shadow2);>div>picture>img{scale:105%}.etapa-label{background:linear-gradient(95.21deg,hsl(var(--c-neutral-800) / .75),hsl(var(--c-green-500) / .75) 30%,hsl(var(--c-green-600) / .75) 70%,hsl(var(--c-neutral-800) / .75));box-shadow:0 4px 20px 3px hsl(var(--c-green-300) / .5)}}}.product-card:hover hgroup>span{&.bairro{background-color:hsl(var(--c-blue-600) / .7);color:var(--blue-100)}&.bairro-planejado{background-color:hsl(var(--c-purple-600) / .7);color:var(--purple-100)}&.condominio-fechado{background-color:hsl(var(--c-pink-600) / .7);color:var(--pink-100)}&.chacaras{background-color:hsl(var(--c-orange-600) / .7);color:var(--orange-100)}&.condominio-alto-padrao{background-color:hsl(var(--c-yellow-600) / .7);color:var(--yellow-100)}&.condominio-chacaras{background-color:hsl(var(--c-olive-600) / .7);color:var(--olive-100)}&.condominio-nautico{background-color:hsl(var(--c-green-600) / .7);color:var(--green-100)}&.industrial{background-color:hsl(var(--c-violet-600) / .7);color:var(--violet-100)}}@media(max-width:390px){.product-card{width:20rem}}