/* Home pages only: bring the install action forward without changing shared styles. */
.hero#inicio {
  min-height: 0;
  padding-top: 40px;
  padding-bottom: 64px;
}
.hero#inicio h1 {
  font-size: clamp(3.2rem, 6vw, 5rem);
  line-height: 1;
}
.hero#inicio .hero-actions { margin: 24px 0 18px; }
.hero#inicio .android-availability { margin: 18px 0 8px; }
.hero#inicio .android-requirement { margin-bottom: 8px; }
.hero#inicio .store-availability {
  margin-bottom: 12px;
  color: var(--muted);
  font-size: .94rem;
}
@media (max-width: 880px) {
  .hero#inicio { padding-top: 32px; gap: 32px; }
  /* Keep DOM, reading and tab order: the copy/actions precede the decorative logo. */
  .hero#inicio .hero-art { order: 0; min-height: 260px; }
  .hero#inicio .hero-art img { width: min(260px, 72vw); }
}
@media (max-width: 560px) {
  .hero#inicio { padding: 28px 22px 48px; gap: 24px; }
  .hero#inicio h1 { margin-bottom: 18px; font-size: clamp(2.8rem, 12vw, 3.5rem); }
  .hero#inicio .hero-text { margin-bottom: 0; }
  .hero#inicio .hero-actions { margin-top: 22px; gap: 10px; }
  .hero#inicio .hero-actions .install-primary { width: 100%; }
  .hero#inicio .hero-actions .button-secondary {
    min-height: 46px;
    padding: 11px 14px;
    font-size: .9rem;
  }
  .hero#inicio .hero-art { min-height: 240px; }
}