/* Ponte Android unificada (LP hub, Quick, QuickList, Mind, Diary) */
.tm-android-banner {
  box-sizing: border-box;
}

.tm-android-banner--sticky {
  display: none;
  position: sticky;
  top: 0;
  z-index: 40;
  flex-direction: column;
  gap: var(--tm-space-xs);
  padding: var(--tm-space-sm);
  margin: 0 0 var(--tm-space-sm);
  background: var(--tm-surface-elevated);
  border-bottom: 1px solid var(--tm-outline-variant);
  box-shadow: var(--tm-elev-2);
}

@media (max-width: 720px) {
  .tm-android-banner--sticky:not([hidden]) {
    display: flex;
  }
}

.tm-android-banner--desktop-inline {
  display: flex;
  position: relative;
  top: auto;
  border-radius: var(--tm-radius-card);
  border: 1px solid var(--tm-outline-variant);
  margin-bottom: var(--tm-space-md);
}

.tm-android-banner--hub {
  display: flex;
  flex-direction: column;
  gap: var(--tm-space-sm);
  padding: var(--tm-space-md);
  border-radius: var(--tm-radius-card);
  background: color-mix(in srgb, var(--tm-primary) 10%, var(--tm-surface-variant));
  border: 1px solid var(--tm-outline);
  margin-bottom: var(--tm-space-lg);
}

.tm-android-banner__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tm-space-xs);
}

.tm-android-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tm-space-sm);
  font-size: var(--tm-type-body-small-size);
}

.tm-android-banner__actions .quick-link-button {
  padding: 0;
  border: none;
  background: none;
  color: var(--tm-link);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
}