/* BD Insert */
.bd-pdf-strip {
      --bd-bg1: #0e1330;
      --bd-bg2: #171f45;
      --bd-accent: #4f7cff;
      --bd-yellow: #ffcf4d;
      --bd-text: #eef1fb;
      --bd-text-muted: #aab2d0;
      --bd-font: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      max-width: 920px;
      margin: 24px auto;
      font-family: var(--bd-font);
      box-sizing: border-box;
    }
    .bd-pdf-strip *, .bd-pdf-strip *::before, .bd-pdf-strip *::after { box-sizing: border-box; }

    .bd-pdf-strip__bar {
      display: flex;
      align-items: center;
      gap: 14px;
      min-height: 64px;
      padding: 8px 10px;
      border-radius: 14px;
      background: linear-gradient(100deg, var(--bd-bg2) 0%, var(--bd-bg1) 100%);
      border: 1px solid rgba(255,255,255,.07);
      box-shadow: 0 10px 26px -14px rgba(14,19,48,.55);
      text-decoration: none;
      overflow: hidden;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .bd-pdf-strip__bar:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -12px rgba(14,19,48,.65); }
    .bd-pdf-strip__bar:focus-visible { outline: 2px solid var(--bd-yellow); outline-offset: 2px; }

    .bd-pdf-strip__badge {
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(155deg, #6790ff, var(--bd-accent));
      color: #fff;
      font-weight: 800;
      font-size: 16px;
      letter-spacing: .02em;
    }

    .bd-pdf-strip__text {
      flex-shrink: 0;
      color: var(--bd-text);
      font-size: 21px;
      font-weight: 700;
      line-height: 1.3;
      white-space: nowrap;
    }
    .bd-pdf-strip__text em {
      display: block;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      color: var(--bd-text-muted);
      margin-top: 1px;
    }

    /* Rotatore: tutte le parole nella stessa cella di una griglia, così il
       contenitore si dimensiona sulla parola più larga (non resta uno
       spazio vuoto dopo una parola corta) e resta centrato nello spazio
       libero centrale, sia su desktop che su mobile. */
    .bd-pdf-strip__rotator {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      justify-content: center;
    }
    .bd-pdf-strip__rotator-inner {
      display: grid;
      place-items: center;
    }
    .bd-pdf-strip__rotator-inner span {
      grid-area: 1 / 1;
      font-size: 19px;
      font-weight: 800;
      letter-spacing: -.01em;
      color: var(--bd-text);
      white-space: nowrap;
      opacity: 0;
      transform: translateY(10px);
      animation-name: bd-pdf-cycle;
      animation-duration: 13.5s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
    }
    .bd-pdf-strip__rotator-inner span:nth-child(1)  { animation-delay: 0s; }
    .bd-pdf-strip__rotator-inner span:nth-child(2)  { animation-delay: 1.5s; }
    .bd-pdf-strip__rotator-inner span:nth-child(3)  { animation-delay: 3s; }
    .bd-pdf-strip__rotator-inner span:nth-child(4)  { animation-delay: 4.5s; }
    .bd-pdf-strip__rotator-inner span:nth-child(5)  { animation-delay: 6s; }
    .bd-pdf-strip__rotator-inner span:nth-child(6)  { animation-delay: 7.5s; }
    .bd-pdf-strip__rotator-inner span:nth-child(7)  { animation-delay: 9s; }
    .bd-pdf-strip__rotator-inner span:nth-child(8)  { animation-delay: 10.5s; }
    .bd-pdf-strip__rotator-inner span:nth-child(9)  { animation-delay: 12s; }
    /* 9 elementi × 1.5s di sfasamento = ciclo di 13.5s, poi ricomincia */
    @keyframes bd-pdf-cycle {
      0%      { opacity: 0; transform: translateY(10px); }
      4%      { opacity: 1; transform: translateY(0); }
      9%      { opacity: 1; transform: translateY(0); }
      13%     { opacity: 0; transform: translateY(-10px); }
      100%    { opacity: 0; }
    }

    .bd-pdf-strip__cta {
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--bd-accent);
      color: #fff;
      font-weight: 700;
      font-size: 13.5px;
      padding: 10px 16px;
      border-radius: 10px;
      white-space: nowrap;
    }
    .bd-pdf-strip__bar:hover .bd-pdf-strip__cta { background: #6790ff; }
    .bd-pdf-strip__cta svg { width: 14px; height: 14px; transition: transform .2s ease; flex-shrink: 0; }
    .bd-pdf-strip__bar:hover .bd-pdf-strip__cta svg { transform: translateX(2px); }

    /* Responsive: resta una riga sola; il rotatore resta SEMPRE visibile,
       si stringe lui il testo e gli altri elementi invece di sparire. */
    @media (max-width: 680px) {
      .bd-pdf-strip__text em { display: none; }
      .bd-pdf-strip__rotator-inner span { font-size: 15px; }
    }
    @media (max-width: 480px) {
      .bd-pdf-strip__bar { gap: 10px; padding: 8px; }
      .bd-pdf-strip__badge { width: 36px; height: 36px; font-size: 10px; }
      .bd-pdf-strip__text { font-size: 14.5px; }
      .bd-pdf-strip__rotator-inner span { font-size: 13.5px; }
      .bd-pdf-strip__cta-label-full { display: none; }
      .bd-pdf-strip__cta { padding: 9px 11px; }
    }
    @media (max-width: 360px) {
      .bd-pdf-strip__text { display: none; }
    }

    @media (prefers-reduced-motion: reduce) {
      .bd-pdf-strip__rotator-inner span { animation: none; opacity: 0; }
      .bd-pdf-strip__rotator-inner span:first-child { opacity: 1; transform: translateY(0); }
      .bd-pdf-strip__bar, .bd-pdf-strip__cta svg { transition: none; }
    }