/*
 * Lo propio de Mercado de Máquinas sobre la plantilla ViserLease.
 *
 * Se carga la última para mandar sobre main.css, que se deja tal cual viene:
 * así una versión nueva de la plantilla se puede copiar encima sin perder nada.
 */

/*
 * Cabecera más alta y logo más grande.
 *
 * La plantilla limita el logo a 140 px de ancho, pensado para el de
 * ViserLease (3:1). El de MdM es más apaisado (4,6:1) y a ese ancho se quedaba
 * en 30 px de alto: se pasa a 56 px de alto y la barra crece con él.
 */
.header__area {
  padding: 20px 0;
}

.header__area .header__logo a img {
  max-width: none;
  width: auto;
  height: 56px;
}

@media screen and (max-width: 575px) {
  .header__area {
    padding: 14px 0;
  }

  .header__area .header__logo a img {
    height: 42px;
  }
}

/* Textos que la plantilla escribe desde el CSS, en inglés */
.categories__thumb::after {
  content: "• Disponible ahora";
}

.product-details__view::before {
  content: "Disponible ahora";
}