/* Refinamento mobile da home. Carregado depois do ajuste v2. */
@media (max-width: 600px) {
  /* Recupera o respiro lateral removido pela regra de largura do grid. */
  .hero-carousel .hero-grid {
    width: calc(100% - 48px);
    margin-inline: 24px;
  }

  /* CTAs proporcionais, sem ocupar a tela inteira. */
  .hero-carousel .hero-actions { align-items: flex-start; }
  .hero-carousel .hero-actions .button {
    width: auto;
    min-width: min(300px, 100%);
    max-width: 100%;
    min-height: 48px;
    padding: 0 20px;
    font-size: .84rem;
  }
  .hero-carousel .hero-actions .text-link {
    justify-content: flex-start;
    min-height: 38px;
    font-size: .83rem;
  }
  #hero-alocacao .allocation-approved-actions .button {
    width: auto;
    min-width: min(300px, 100%);
    min-height: 48px;
    padding: 12px 20px;
  }

  /* Mantém a navegação visível entre os controles flutuantes. */
  .hero-carousel .hero-carousel-controls {
    left: 24px;
    right: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
  .hero-carousel .hero-selectors { gap: 8px; }
  .hero-carousel .hero-selectors button {
    min-height: 34px;
    padding: 8px 2px 4px;
    font-size: .66rem;
  }
  .hero-carousel .hero-pause {
    min-height: 34px;
    padding: 6px 8px;
    font-size: .62rem;
  }

  /* O botão de cookies e o WhatsApp não escondem mais os seletores. */
  #dpq-cookie-settings { left: 16px; bottom: 72px; }
  .whatsapp-float {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(72px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 370px) {
  .hero-carousel .hero-grid { width: calc(100% - 36px); margin-inline: 18px; }
  .hero-carousel .hero-carousel-controls { left: 18px; right: 18px; }
  .hero-carousel .hero-actions .button,
  #hero-alocacao .allocation-approved-actions .button { min-width: min(270px, 100%); }
}