.section-residencias__card {
background: var(--theme-white);
border: 1px solid var(--theme-black);
box-shadow: 12px 12px 0px 0px #00000040;
transition: border-color 300ms ease, transform 300ms ease;
position: relative;
}
.section-residencias__card:hover .section-residencias__collage {
filter: grayscale(100%);
}
.section-residencias__card .section-residencias__card-link {
display: block;
text-decoration: none;
color: inherit;
position: relative;
}
.section-residencias__card .section-residencias__card-link .section-residencias__collage {
position: relative;
display: flex;
gap: 1px;
aspect-ratio: 1 / 0.51;
overflow: hidden;
background: var(--theme-black);
transition: filter 300ms ease;
}
.section-residencias__card .section-residencias__card-link .section-residencias__collage .section-residencias__collage-item {
overflow: hidden;
width: 100%;
}
.section-residencias__card .section-residencias__card-link .section-residencias__collage .section-residencias__collage-item .section-residencias__image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 600ms ease;
aspect-ratio: 1 / 1.53;
}
.section-residencias__card .section-residencias__card-link .section-residencias__collage .section-residencias__collage-item .section-residencias__image--placeholder {
background: linear-gradient(135deg, #eee 0%, #ccc 100%);
}
.section-residencias__card .section-residencias__card-link .section-residencias__caption {
padding: 25px 30px 35px;
text-align: center;
position: relative;
}
.section-residencias__card .section-residencias__card-link .section-residencias__caption .section-residencias__name {
font-family: var(--theme-font);
font-size: 16px;
line-height: 120%;
font-weight: 700;
letter-spacing: 13%;
text-transform: uppercase;
color: var(--theme-black);
margin: 0 0 6px;
}
.section-residencias__card .section-residencias__card-link .section-residencias__caption .section-residencias__sub {
font-family: var(--theme-font);
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: 13%;
text-transform: uppercase;
color: var(--theme-gray);
margin: 0;
}
.section-residencias__card .section-residencias__card-link .section-residencias__caption .section-residencias__card-arrow {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease;
cursor: pointer;
z-index: 10;
}
.section-residencias__card .section-residencias__card-link .section-residencias__caption .section-residencias__card-arrow.active {
transform: translateY(-50%) rotate(180deg);
color: var(--theme-accent);
border-color: var(--theme-accent);
}
@media screen and (max-width: 767px) {
.section-residencias__card .section-residencias__card-link .section-residencias__caption .section-residencias__card-arrow {
top: 65%;
}
}
.section-residencias__card .section-residencias__card-link .section-residencias__authors {
display: none;
background: var(--theme-black);
color: var(--theme-white);
padding: 10px 20px;
text-align: center;
}
.section-residencias__card .section-residencias__card-link .section-residencias__authors .section-residencias__authors-list {
list-style: none;
padding: 0;
margin: 0;
}
.section-residencias__card .section-residencias__card-link .section-residencias__authors .section-residencias__authors-list .section-residencias__authors-item {
font-family: var(--theme-font);
color: var(--theme-white);
font-weight: 400;
font-size: 14px;
line-height: 25px;
letter-spacing: 13%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
margin-bottom: 4px;
}
.section-residencias__card .section-residencias__card-link .section-residencias__authors .section-residencias__authors-list .section-residencias__authors-item:last-child {
margin-bottom: 0;
}