/* Ajustes de computador: as folhas existentes e todas as regras mobile mantêm-se intactas. */
@media (min-width: 761px) {
  /* O título mineral permanece dentro da coluna mesmo em portáteis estreitos. */
  .category-page--mineral .category-hero__copy h1 {
    max-width: 100%;
    font-size: clamp(48px, 7vw, 118px);
  }
}

/* Nos portáteis, preservar espaço para texto, legenda e formulários. */
@media (min-width: 761px) and (max-width: 980px) {
  .panel--lab .panel-heading p {
    max-width: clamp(80px, 10vw, 98px);
  }

  .panel-image-caption {
    gap: 6px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: clamp(9.5px, 1.25vw, 11px);
    white-space: nowrap;
  }

  .panel-overview {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px;
  }

  .panel-overview .text-link {
    justify-self: end;
  }
}

@media (min-width: 761px) and (max-width: 1160px) {
  .site-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-cell:nth-child(2) {
    border-right: 0;
  }

  .footer-cell:nth-child(-n+2) {
    border-bottom: var(--hairline) solid var(--line);
  }

  .footer-cell:nth-child(n+3) {
    border-bottom: 0;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .subpage-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 1fr);
    gap: clamp(24px, 3.2vw, 38px);
  }
}

/* Nas larguras maiores, as duas imagens da homepage partilham a mesma linha superior. */
@media (min-width: 1200px) {
  .panel-heading {
    min-height: clamp(161px, 11.2vw, 168px);
  }
}