/* chiamata: CSS delle composizioni, portato dallo <style> dei componenti Astro (src/sezioni/chiamata/) e limitato alla classe della sezione. */

/* chiamata/Riga.astro → .b-chiamata-riga */
  .riga.b-chiamata-riga {
    --onda-h: 18px;
    padding: calc(clamp(56px, 11vh, 112px) + var(--onda-h)) var(--margine) clamp(56px, 11vh, 112px);
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px 56px;
  }
  .b-chiamata-riga .riga-testo { flex: 1 1 28rem; }
  .b-chiamata-riga h2 { font-size: clamp(2.3rem, 4.8vw, var(--scala-5)); color: inherit; }
  .b-chiamata-riga .riga-testo p { margin-top: .6em; max-width: 40ch; font-size: var(--scala-0); }
  .riga[data-fondo="scuro"].b-chiamata-riga .riga-testo p { color: var(--salvia-chiara); }
  .b-chiamata-riga .riga-azioni { display: flex; flex-wrap: wrap; gap: 12px; }
  .b-chiamata-riga .riga-azioni .btn { min-height: 56px; padding: .8em 1.5em; font-size: 1.08rem; }
  @media (max-width: 700px) {
    .riga.b-chiamata-riga { flex-direction: column; align-items: flex-start; }
    .b-chiamata-riga .riga-testo { flex: none; }
  }