/*
 * 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;
  }
}

/*
 * Todos los títulos de sección iguales: mismo tamaño y mismo interlineado
 * (pedido del usuario, 13/11/2026).
 *
 * La plantilla da a cada sección el suyo —46, 50, 54, 60, 62 o 68 px, unos
 * fijos y otros con clamp— y en la portada se notaba al bajar. Se toma el del
 * título de sección general (60 / 46 / 34 px) y 1,05 de interlineado: con el
 * 1,2 de la plantilla, en dos renglones se veían como dos frases sueltas.
 * Con `!important` porque cada sección trae el suyo con más especificidad y
 * dentro de sus propias media queries.
 */
.section-heading__title,
.categories__heading .section-heading__title,
.popular-lease__heading .section-heading__title,
.faq .section-heading__title,
.why-choose__title,
.work__intro h2,
.video-section__title,
.cta__title,
.contact-form__title {
  font-size: 60px !important;
  line-height: 1.05 !important;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .section-heading__title,
  .categories__heading .section-heading__title,
  .popular-lease__heading .section-heading__title,
  .faq .section-heading__title,
  .why-choose__title,
  .work__intro h2,
  .video-section__title,
  .cta__title,
  .contact-form__title {
    font-size: 46px !important;
  }
}

@media screen and (max-width: 575px) {
  .section-heading__title,
  .categories__heading .section-heading__title,
  .popular-lease__heading .section-heading__title,
  .faq .section-heading__title,
  .why-choose__title,
  .work__intro h2,
  .video-section__title,
  .cta__title,
  .contact-form__title {
    font-size: 34px !important;
  }
}

.blog-details__title {
  line-height: 1.05;
}

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

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

/* El nombre del área sobre sus sub-áreas, en el filtro del listado. */
.filtro-area {
  display: block;
  margin: 10px 0 4px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: hsl(var(--heading-color) / 0.6);
}

.filtro-area:first-child {
  margin-top: 0;
}