Arte y Diseño Archives - Datos y análisis del mercado inmobiliario en México

Tendencias en decoración de interiores 2022

Redacción Lamudi -

Tener todos los elementos de nuestro hogar en orden y acorde a nuestro gusto es una cuestión que no solo debemos ver como usuarios,...

¿Qué son los microdepartamentos y cómo funcionan?

Redacción Lamudi -

Como respuesta a las necesidades de vivienda, la tendencia de los microdepartamentos va en aumento, principalmente en las grandes ciudades. Son una nueva opción...

Open House CDMX ¡Conoce casas increíbles!

Redacción Lamudi -

Alrededor de 80 construcciones icónicas, diseñadas por grandes arquitectos, estarán abiertas al público el próximo fin de semana en Open House CDMX. Se trata de...

Cómo elegir la orientación perfecta para tu casa - Foto Freepik

La brújula de tu hogar: Cómo elegir la orientación perfecta para tu casa

Lamudi -

Cuando pensamos en comprar o construir una casa, nuestra mente se enfoca en aspectos como el precio, el número de habitaciones, la...

Tendencias en diseño de oficinas más sobresalientes del 2022

Redacción Lamudi -

Los diseños de oficinas son hoy una necesidad de interiorismo no solo por apariencia, sino también para crear espacios amenos en donde cualquier persona...

Cinco edificios históricos que siguen siendo habitables

Giselle Martínez -

En Lamudi te contamos la historia de cinco edificios históricos de la Ciudad de México que hoy día siguen siendo habitacionales

12 Page 1 of 2

/* START LAMUDI MX LISTINGS ON PAGES */

.ListingCell-row {
  margin-top:20px;
}

.ListingCell-row a:hover .ListingCell-KeyInfo-title {
  text-decoration: underline;
}

.ListingCell-row .ListingCell-content {
  position: relative;
  padding-left: 0;
  background: #ffffff;
}

.ListingCell-shortDescription {
  margin-top: 10px;
  max-height: 36px;
  overflow: hidden;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.ListingCell-shortDescription a {
  color: #4a4a4a;
  font-weight: normal;
}

.ListingCell-shortDescription a:visited,
.ListingCell-shortDescription a:focus,
.ListingCell-shortDescription a:hover,
.ListingCell-shortDescription a:active {
  color: #4a4a4a;
}

.expanded {
  max-height: 72px;
  -webkit-line-clamp: 4;
}

.ListingCell-wrapper:visited:active {
  color: #000000;
}

.ListingCell-AllInfo {
  position: relative;
  background-color: #ffffff;
  margin-left: 35px;
  float: left;
  width:55%;
}

h3.ListingCell-KeyInfo-title {
    line-height: initial;
    margin-top: initial;
    margin-bottom: 15px;
}

.ListingCell-KeyInfo-title {
  font-size: 13px;
  font-weight: 700;
  color: #3366cc;
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-title a {
  color: #3366cc;
}

.ListingCell-KeyInfo-title a:visited,
.ListingCell-KeyInfo-title a:focus,
.ListingCell-KeyInfo-title a:hover,
.ListingCell-KeyInfo-title a:active {
  color: #3366cc;
}

.fixed-width {
  width: 428px;
}

.ListingCell-KeyInfo-price {
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-price .PriceSection-FirstPrice {
  font-size: 13px;
  font-weight: 400;
}

.ListingCell-KeyInfo-price .PriceSection-SecondPrice {
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
}

.ListingCell-KeyInfo-price a {
  display: block;
  color: #000000;
  font-weight: normal;
}

.ListingCell-KeyInfo-price a:visited,
.ListingCell-KeyInfo-price a:focus,
.ListingCell-KeyInfo-price a:hover,
.ListingCell-KeyInfo-price a:active {
  color: #000000;
}

.ListingCell-KeyInfo-price .PriceLabel {
  font-weight: 400;
}

.ListingCell-KeyInfo-address a {
  color: #000000;
}

.ListingCell-KeyInfo-address a:visited,
.ListingCell-KeyInfo-address a:focus,
.ListingCell-KeyInfo-address a:hover,
.ListingCell-KeyInfo-address a:active {
  color: #000000;
}

.ListingCell-KeyInfo-address,
.ListingCell-KeyInfo-demand {
  margin-bottom: 3px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}

.ListingCell-KeyInfo-distance {
  float: left;
  margin-right: 10px;
  background-color: rgba(0, 204, 255, 0.1);
  width: 47px;
  height: 20px;
}

.KeyInformation-attribute{
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
  width:35%;
}
.KeyInformation-attribute a{
     color: #000;
}

.ListingCell-placeholder {
  background-size: cover;
  background-position: center;
  width: 380px;
  height: 244px;
}

.ListingCell-MainImage {
  background-color: #ffffff;
  padding-right: 0;
  padding-left: 0;
  width: 250px;
  float: left;
  position: relative;
  heigth: 155px;
}

.ListingCell-MainImage .ImageSection-loading {
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  background: url("/img/loading-black.png") no-repeat center;
}

.ListingCell-MainImage .ImageSection-loading img {
  width: 380px;
  height: 244px;
}

.ListingCell-MainImage a {
  display: block;
}

.ListingCell-image {
  overflow: hidden;
  width: 100%;
}

.ListingCell-image img {
  width: 100%;
  /**
    lazy load
     */
  opacity: 0;
  transition: opacity .6s ease-in;
}

.icon-pin:before {
  margin-right: 5px;
}

.ListingCell-Featured {
  z-index: 1;
  width: auto;
  padding-right: 5px;
  background-color: #33cccc;
}

.ListingCell-NewDevelopment {
  z-index: 1;
}

.ListingCell-ImageCount {
  position: absolute;
  z-index: 1;
  padding: 0 4px 0 0;
  width: auto;
  margin-top: 210px;
  margin-left: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}

.ListingCell-ImageCount-text {
  vertical-align: sub;
  margin-left: 5px;
  text-transform: uppercase;
}

.ListingCell-Featured,
.ListingCell-NewDevelopment {
  position: absolute;
  top: 20px;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  line-height: 25px;
}

.ListingCell-Featured .ListingCell-Featured-text,
.ListingCell-Featured .ListingCell-NewDevelopment-text,
.ListingCell-NewDevelopment .ListingCell-Featured-text,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text {
  display: block;
  padding: 0 17px 0 0;
  text-transform: uppercase;
}

.ListingCell-Featured .ListingCell-Featured-text[class*=" icon-"]::before,
.ListingCell-Featured .ListingCell-NewDevelopment-text[class*=" icon-"]::before,
.ListingCell-NewDevelopment .ListingCell-Featured-text[class*=" icon-"]::before,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text[class*=" icon-"]::before {
  position: relative;
  top: 1px;
  margin: 0 6.3px 0 11px;
  font-size: 12px;
  font-weight: 700;
}

.ListingCell-Featured .ListingCell-Featured-text.icon-featured::before,
.ListingCell-Featured .ListingCell-NewDevelopment-text.icon-featured::before,
.ListingCell-NewDevelopment .ListingCell-Featured-text.icon-featured::before,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text.icon-featured::before {
  font-size: 11px;
  top: 0px;
}

.ListingCell-NewDevelopment {
  background-color: #ff8700;
}

.ListingCell-Featured + .ListingCell-NewDevelopment {
  top: 50px;
}

.ListingCell-units-row {
  margin-bottom: 20px;
  min-width: 884px;
}

.ListingCell-project-link {
  color: #000000;
}

.ListingCell-project-link:visited,
.ListingCell-project-link:focus,
.ListingCell-project-link:hover,
.ListingCell-project-link:active {
  color: #000000;
}

.ListingCell-project-link:hover .ListingCell-KeyInfo-title {
  text-decoration: underline;
}

.ListingCell-unit-content {
  padding-left: 0;
  background: #ffffff;
  margin-bottom: 20px;
}

.ListingCell-units-label {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal;
  padding-left: 7px;
}

.ListingCell-units-box {
  padding: 7px 0 30px 0;
  height: 215px;
}

.ListingCell-units-container {
  padding: 18px 10px 0 10px;
  height: 294px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

.ListingCell-units {
  position: relative;
  width: 100%;
  height: 215px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.ListingCell-units:hover {
  outline: 3px solid #00ccff;
}

.ListingCell-units-image-container {
  position: relative;
  width: 100%;
  height: 121px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  background: #b9b9b9;
}

.ListingCell-units-info-container {
  padding: 8px 12px 8px 12px;
  height: 94px;
  position: relative;
}

.ListingCell-units-title {
  width: 100%;
  height: 18px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #447fd3;
}

.ListingCell-units-wrapper {
  float: left;
  padding: 0 7px 0 7px;
  width: 95%;
}

.ListingCell-units-title-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #447fd3;
}

.ListingCell-KeyInfo-project-price {
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-project-price PriceSection-project-NoPrice,
.ListingCell-KeyInfo-project-price .PriceSection-project-price {
  font-size: 24px;
  font-weight: 700;
}

a.ListingCell-contactAgent-button:hover,
a.ListingCell-contactAgent-button:visited,
a.ListingCell-contactAgent-button:focus {
  color: #ffffff !important;
}

a.ListingCell-moreInfo-button {
  border-radius: 3px;
  border: solid 1px #3366cc;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #3366cc;
  padding: 8px 50px;
}

a.ListingCell-moreInfo-button:hover,
a.ListingCell-moreInfo-button:visited,
a.ListingCell-moreInfo-button:focus {
  color: #3366cc !important;
}

a.ListingCell-moreInfo-button-v2 {
  border-radius: 3px;
  border: solid 1px #3366cc;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #3366cc;
  padding: 8px;
}

a.ListingCell-moreInfo-button-v2:hover,
a.ListingCell-moreInfo-button-v2:visited,
a.ListingCell-moreInfo-button-v2:focus {
  color: #3366cc !important;
}

.ListingCell-CTA-buttons-wrapper{
    width: 20%;
    white-space: nowrap;
    float: right;
}

.ListingCell-AgencyBox {
    float: right;
    width: 20%;
    position: absolute;
    right: 0;
}

/* END LAMUDI MX LISTINGS ON PAGES */