/**
 * Ajustes de publicación.
 * El dominio es el elemento principal de la marca y se escala al 150 %.
 */
.brand {
  font-size: 39px;
}

.brand img {
  width: 46.5px;
  height: 46.5px;
}

/* Recursos fotográficos locales optimizados. */
.hero {
  background-image: url("images/kioscos-hero.webp");
}

.feature-image {
  background-image: url("images/kioscos-ruta.webp");
}

.guide-feature {
  background-image: url("images/kioscos-oficio.webp");
}

/**
 * En móvil, la franja promocional mantiene solo el estado de venta y su CTA.
 */
@media (max-width: 620px) {
  .brand {
    font-size: 34.5px;
  }

  .brand img {
    width: 42px;
    height: 42px;
  }

  .sale-strip p {
    font-size: 0;
  }

  .sale-strip p span {
    font-size: 10px;
  }

  .sale-strip a svg {
    display: none;
  }
}