/*
|--------------------------------------------------------------------------
| Block: Download App
|--------------------------------------------------------------------------
| Stili dedicati per il blocco downloadApp (varianti device, card, app_login).
| La maggior parte del layout è gestita dalle utility Tailwind direttamente
| nel template; qui finiscono solo le regole non esprimibili comodamente
| con utility (e.g. SVG decorativo, figure responsive).
*/

.block-downloadApp__bg-svg {
  pointer-events: none;
  z-index: 0;
}

.block-downloadApp__device-image > img,
.block-downloadApp__app-login-image > img {
  position: relative;
  z-index: 1;
}

/* Allinea la struttura del WYSIWYG con le tipografie del design system. */
.block-downloadApp .wysiwyg p {
  margin: 0;
}

.block-downloadApp .wysiwyg p + p {
  margin-top: 16px;
}

.block-downloadApp .wysiwyg a {
  color: var(--color-primary);
  text-decoration: underline;
}

.block-downloadApp .wysiwyg strong {
  font-weight: 600;
}