.btn-learn-more{background-color:var(--neutral-white);cursor:pointer;clip-path:inset(0);border-radius:1.5rem;align-items:center;gap:.625rem;width:44px;max-width:max-content;padding-block:.5rem;padding-inline:.5rem;transition:all .3s ease-out;animation:.6s 1.5s forwards step1,1.3s 2s forwards step2;display:flex;scale:0;&>span{color:var(--green-500);text-wrap:nowrap;opacity:0;font-size:.875rem;font-weight:500;transition:all .3s ease-out;animation:.5s 2.1s forwards step3}&>svg{background:var(--green-500);border-radius:.875rem;width:1.75rem;height:1.75rem;padding:.5rem;transition:all .3s ease-out;& path{fill:var(--neutral-white)}}&:hover{transform-origin:0;color:var(--neutral-white);background-color:var(--green-400);gap:1rem;&:hover>span{color:var(--neutral-white)}&>svg{background:var(--green-400)}}}@keyframes step1{0%{scale:0}75%{scale:1.1}to{scale:1}}@keyframes step2{0%{width:44px;padding-inline:.5rem}30%{padding-inline:1.25rem .5rem}to{width:100%;padding-inline:1.25rem .5rem}}@keyframes step3{0%{opacity:0}to{opacity:1}}.products-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.product-card{scroll-snap-align:start;width:22rem;box-shadow:var(--shadow1);background:var(--neutral-white);cursor:pointer;border-radius:1.5rem;flex-direction:column;gap:.75rem;padding-block:.25rem 1rem;padding-inline:.25rem;transition:all .4s;display:flex;position:relative;& .image-wrapper{aspect-ratio:3/2;max-height:228px;position:relative;&:before{content:"";z-index:1;background:linear-gradient(180deg, hsl(var(--c-green-800) / 1) 0%, hsl(var(--c-green-800) / 1) 100%);-webkit-backdrop-filter:blur(2px);border-radius:1.25rem;width:100%;height:50%;display:inline-block;position:absolute;bottom:0;mask-image:linear-gradient(#0000,#000)}&>picture{border-radius:1.25rem;height:100%;transition:all .5s ease-out;display:flex;overflow:hidden;&>img{object-fit:cover;width:100%;transition:all .5s ease-out}}&>div{z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:.75rem;display:flex;position:absolute;top:0;& .status-wrapper{justify-content:right;gap:.5rem;display:flex;&>span{color:var(--neutral-white);background-color:hsl(var(--c-green-800) / .5);-webkit-backdrop-filter:blur(2px);border:1px solid #0000;border-radius:.75rem;padding:.125rem .5rem;font-size:.7rem;font-weight:500;transition:all .3s ease-out}}&>hgroup{padding-left:.25rem;&>span{color:var(--neutral-90);background-color:hsl(var(--c-neutral-600) / .6);-webkit-backdrop-filter:blur(2px);border-radius:.375rem;padding:2px 6px;font-size:.8rem;font-weight:500;transition:all .3s ease-out}&>h3{color:var(--neutral-30);align-items:center;gap:.25rem;margin-top:.125rem;font-family:Montserrat,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;display:flex;&>span{color:var(--neutral-60);background:hsl(var(--c-neutral-400) / .3);-webkit-backdrop-filter:blur(2px);border-radius:.75rem;padding:.125rem .4rem;font-size:.8rem;font-weight:500}}&>p{color:var(--neutral-200);font-size:.875rem;font-weight:500}}}}& .details-wrapper{justify-content:space-between;align-items:end;width:100%;padding-inline:1rem;display:flex;&>div{flex-direction:column;gap:.25rem;display:flex;&>h4{color:var(--neutral-500);font-size:.75rem;font-weight:500}&>div{gap:.375rem;display:flex;&>span{color:var(--neutral-600);background-color:var(--neutral-60);-webkit-backdrop-filter:blur(2px);border-radius:.75rem;padding:.125rem .5rem;font-size:.875rem;font-weight:500}}}&>svg{cursor:pointer;border-radius:50%;width:2rem;height:2rem;transition:all .3s ease-out;&>path{fill:var(--neutral-200);transition:all .3s ease-out}&:hover{scale:1.05}&:hover>path{fill:var(--red-700)}}}&.soon{min-height:302px;& .details-wrapper{gap:.75rem;margin-top:.5rem}& button{text-wrap:nowrap;color:var(--neutral-500);border:1px dashed var(--neutral-300);cursor:pointer;border-radius:1.5rem;width:100%;height:2rem;padding:.5rem 1.5rem;font-size:.8rem;font-weight:500;transition:all .3s ease-out}&:hover{box-shadow:none;cursor:default;& picture{opacity:.75;filter:saturate(0%)}&>.status-wrapper>span{box-shadow:0px 2px 8px 1px hsl(var(--c-neutral-black) / .3);background-color:hsl(var(--c-neutral-800) / .9);&:hover{scale:1.02}}& 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:1.01}}}}&:hover{box-shadow:var(--shadow2);&>div>picture>img{scale:1.05}& .etapa-label{background:linear-gradient(95.21deg, hsl(var(--c-neutral-800) / .75) 0%, hsl(var(--c-green-500) / .75) 30%, hsl(var(--c-green-600) / .75) 70%, hsl(var(--c-neutral-800) / .75) 100%);box-shadow:0px 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 (width<=390px){.product-card{width:20rem}}