/*
 * Homepage-only mobile treatment for the three Em destaque cards.
 * Source assets: /images/ensaios.jpg, /images/noivas.jpg and
 * /images/casamentos.jpg; each is currently 640x480 (4:3).
 * Desktop rules remain owned by css/style.css.
 */
@media (max-width: 767px) {
  .featured-item {
    --featured-image-ratio: 4 / 3;
    height: auto !important;
    min-height: 0;
    aspect-ratio: var(--featured-image-ratio);
    background: #0b0b0b;
  }

  .featured-img {
    width: 100%;
    height: 100% !important;
    min-height: 0;
    aspect-ratio: var(--featured-image-ratio);
    background-color: #0b0b0b;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none;
  }

  /* Avoid a touch/hover state enlarging the image back into a crop. */
  .featured-item:hover .featured-img {
    transform: none;
  }

  .featured-overlay {
    min-height: 0;
    padding: 16px 18px;
  }

  .featured-label {
    font-size: clamp(18px, 5.2vw, 22px);
    line-height: 1.15;
  }

  .featured-category {
    font-size: 10px;
    line-height: 1.3;
  }
}