.card-image-wrapper{width:100%;height:100%}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.card-link-wrapper:hover .card-image{transform:scale(1.05)}.card-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0006 70%,#000c 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.card-content{z-index:2;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0}.card-title{text-align:left;text-shadow:0 2px 4px #00000080;color:#fff!important;margin:0!important;font-size:1.35rem!important;font-weight:700!important;line-height:1.2!important}.card-action{opacity:0;align-items:center;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(10px);color:#ffffffe6!important}.card-link-wrapper:hover .card-action{opacity:1;transform:translateY(0)}.card-link-wrapper:hover .card-overlay{opacity:.9}@media (max-width:600px){.card-action{opacity:1;transform:translateY(0)}.card-title{font-size:1.1rem!important}}.card-home-glass{background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;width:100%;height:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card-home-glass:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}[data-mui-color-scheme=light] .card-home-glass{background:#fffc;border:1px solid #00000014;box-shadow:0 4px 6px #00000005}[data-mui-color-scheme=light] .card-overlay{background:linear-gradient(#fff0 40%,#fff9 70%,#fffffff2 100%)}[data-mui-color-scheme=light] .card-title{text-shadow:none;color:#1a1a1a!important}[data-mui-color-scheme=light] .card-action{color:#333!important}
.cards-home{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(280px,auto);gap:20px;width:100%;padding:10px;display:grid}.cards-home>div:first-child{grid-area:span 2/span 2}.cards-home>div:nth-child(2){grid-area:span 2/span 1}.cards-home>div:nth-child(3),.cards-home>div:nth-child(4){grid-column:span 1}@media (max-width:1100px){.cards-home{grid-template-columns:repeat(3,1fr)}.cards-home>div:first-child{grid-area:span 2/span 2}.cards-home>div:nth-child(2){grid-area:span 2/span 1}}@media (max-width:768px){.cards-home{grid-template-columns:1fr;grid-auto-rows:minmax(250px,auto)}.cards-home>div:nth-child(n){grid-area:span 1/span 1!important}}