/* Ajustes exclusivos do primeiro bloco na versão móvel. */
@media (max-width: 760px) {
  .hero-visual .image-label {
    bottom: 8px;
  }

  .hero-visual .image-label p {
    font-size: 26px;
  }

  .hero-visual .photo-stamp {
    width: 82px;
    height: 82px;
    font-size: 26px;
  }

  .hero-visual .photo-stamp small {
    font-size: 8px;
  }

  .horizontal > p {
    margin: 0;
  }

  .values-band {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    text-align: center;
  }

  .values-band b {
    display: none;
  }

  .values-band span {
    display: grid;
    min-height: 58px;
    place-items: center;
    padding: 8px 2px;
    font-size: clamp(6.8px, 2.2vw, 8.5px);
    line-height: 1.2;
    letter-spacing: 0.15px;
    white-space: nowrap;
  }

  .values-band span:last-child {
    display: grid;
  }

  .values-band span:nth-of-type(n + 2) {
    border-left: 1px solid rgba(17, 18, 16, 0.26);
  }

  /* Nos cartões de bem-estar, as fotografias ficam mais pequenas e inteiras no telemóvel. */
  #wellbeing-details .wellbeing-card figure {
    display: grid;
    grid-template-rows: min(46vw, 180px) auto;
    justify-items: center;
    align-items: center;
    padding: 12px 12px 0;
    overflow: hidden;
    background: #20211d;
  }

  #wellbeing-details .wellbeing-card figure > img {
    display: block;
    width: min(100%, 310px);
    height: 100% !important;
    min-height: 0 !important;
    max-height: min(46vw, 180px) !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  #wellbeing-details .wellbeing-card figcaption {
    width: 100%;
    padding: 8px 0 10px;
    text-align: center;
  }
}

/* Em ecrãs tácteis, só o filtro de galeria seleccionado fica destacado. */
@media (hover: none) {
  .studio-gallery-filters button:hover[aria-pressed="false"] {
    color: var(--white);
    background: transparent;
    border-color: var(--rule);
  }
}

/* No computador, os slides começam centrados e os retratos preservam a cabeça. */
@media (min-width: 761px) {
  .hero-visual--carousel > img[data-hero-image-carousel-slide] {
    object-position: 50% 30%;
  }

  /* Mostra mais do exercício sem cortar o topo das cabeças. */
  .hero-visual--carousel > img.hero-slide--pilates-reformer {
    object-position: 50% 32%;
  }

  /* A modelo começa perto do topo da fotografia: mantém o cabelo inteiro visível. */
  .hero-visual--carousel > img.hero-slide--shop {
    object-position: 50% 7%;
  }
}

@media (max-width: 760px) {
  .hero-visual--carousel > img.hero-slide--nutrition {
    object-position: 50% 14%;
  }

  .hero-visual--carousel > img.hero-slide--shop {
    object-position: 50% 5%;
  }

  .hero-visual--carousel > img.hero-slide--pilates-reformer {
    object-position: 50% 24%;
  }
}