.apartamento-card {
background: #ffffff;
border-radius: 6px;
overflow: hidden;
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.apartamento-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
} .apartamento-carousel {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.apartamento-carousel img {
width: 100%;
height: 100%;
object-fit: cover;
} section.seleccionados.productos 
.apartamento-carousel .precio-card {
position: absolute;
top: 0;
left: 0;
z-index: 4;
}  .apartamento-body {
padding: 28px;
}
.titulo-apartamentos {
font-family: 'Bell MT', serif;
font-size: 30px;
margin-bottom: 15px;
}
.descriptor {
font-size: 20px;
color: #666;
} .datos_apartamento {
margin-top: 10px;
}
.datos_apartamento img {
opacity: 0.85;
}
.datos_apartamento span {
font-size: 14px;
color: #444;
} .apartamentos-loop .col-md-6 {
padding-left: 35px;
padding-right: 35px;
margin-bottom: 45px;
} .apartamento-card .btn-fix {
margin-top: 18px;
display: inline-block;
width: fit-content;
} @media (max-width: 992px) {
.apartamento-carousel {
aspect-ratio: 4 / 3;
}
}
@media (max-width: 576px) {
.apartamento-body {
padding: 20px;
}
.apartamentos-loop .col-md-6 {
padding-left: 10px;
padding-right: 10px;
}
} .apartamento-card .datos_apartamento {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
margin-top: 18px;
}
.apartamento-card .dato-numero {
display: flex;
align-items: center;
}
.apartamento-card .icono-dato {
width: 50px;
height: 50px;
object-fit: contain;
opacity: 0.85;
}
.apartamento-card .numero-dato {
font-family: 'Bebas Neue';
font-size: 22px;
letter-spacing: 1px;
color: var(--black-color);
line-height: 1;
}  .col-md-6 {
display: flex;
} .apartamento-card {
display: flex;
height: 496px;
flex-direction: column;
flex: 1;
align-items: flex-start;
width: 100%;
background: #fff;
} .apartamento-body {
display: flex;
height: 100%;
flex-direction: column;
flex: 1;
} .apartamento-body .btn-fix {
margin-top: auto;
} .apartamento-carousel {
position: relative;
width: 100%;
height: 320px;
overflow: hidden;
}
.apartamento-carousel .carousel-inner {
height: 320px; width: 100%;
}
.apartamento-carousel .carousel-item {
height: 320px;
}
.apartamento-carousel img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
}  .apartamento-card{
height: 596px;
display: flex;
flex-direction: column;
overflow: hidden; } .apartamento-card .apartamento-carousel{
flex: 0 0 320px;
height: 320px;
overflow: hidden;
} .apartamento-card .apartamento-carousel .carousel-item,
.apartamento-card .apartamento-carousel .carousel-item img{
height: 320px;
}
.apartamento-card .apartamento-carousel img{
width: 100%;
object-fit: cover;
} .apartamento-card .apartamento-body{
flex: 1 1 auto;
min-height: 0; width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
} .apartamento-card .titulo-apartamentos{
margin: 0;
flex: 0 0 auto;
text-align: left;
} .apartamento-card .datos_apartamento{
flex: 0 0 auto;
} .apartamento-card .descriptor{
display: none;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
} .apartamento-card a.btn-fix{
margin-top: auto;
display: inline-flex; align-items: center;
justify-content: center;
}