.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(--branco);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,#374a47 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(--branco);padding:.125rem .5rem;border:1px solid transparent;border-radius:.75rem;background-color:#374a4780;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(--cinza-200);background-color:#72898699;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(--cinza-50);>span{padding:.125rem .4rem;color:var(--bege-60);font-size:.8rem;font-weight:500;border-radius:.75rem;background:#9f9f934d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}>p{font-size:.875rem;font-weight:500;color:var(--cinza-300)}}}}.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(--cinza-500)}>div{display:flex;gap:.375rem;>span{font-size:.875rem;font-weight:500;color:var(--cinza-600);background-color:var(--cinza-100);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(--cinza-300);transition:.3s ease-out}&:hover{scale:105%}&:hover>path{fill:var(--s1)}}}&.soon{min-height:302px;.details-wrapper{margin-top:.5rem;gap:.75rem}& button{font-size:.8rem;font-weight:500;text-wrap:nowrap;color:var(--cinza-500);padding:.5rem 1.5rem;border:1px dashed var(--cinza-400);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 #0000004d;background-color:#2f3636e6;&:hover{scale:102%}}& button{color:var(--branco);background:var(--cinza-500);border:1px solid var(--cinza-500);&:hover{color:var(--branco);background:var(--urb-600);border:1px solid var(--urb-600);scale:101%}}}}&:hover{box-shadow:var(--shadow2);>div>picture>img{scale:105%}.etapa-label{background:linear-gradient(95.21deg,#2f3636bf,#00a990bf 30%,#006e37bf 70%,#2f3636bf);box-shadow:0 4px 20px 3px #5bff8180}}}.product-card:hover hgroup>span{&.bairro{background-color:var(--azul-transparente);color:var(--azul-claro)}&.bairro-planejado{background-color:var(--roxo-transparente);color:var(--roxo-claro)}&.condominio-fechado{background-color:var(--rosa-transparente);color:var(--rosa-claro)}&.chacaras{background-color:var(--terra-transparente);color:var(--terra-claro)}&.condominio-alto-padrao{background-color:var(--amarelo-transparente);color:var(--amarelo-claro)}&.condominio-chacaras{background-color:var(--oliva-transparente);color:var(--oliva-claro)}&.condominio-nautico{background-color:var(--aqua-transparente);color:var(--aqua-claro)}&.industrial{background-color:var(--gray-transparente);color:var(--gray-claro)}}@media (max-width: 390px){.product-card{width:20rem}}