/* La pagina /prezzi come pagina autonoma. Va caricata DOPO `sito.css` e
   `componenti.css`, che portano gia' le schede dei pacchetti (`.pk-card` e compagnia:
   sono le stesse di /agenzie) e il bottone pieno.
   ⚠️⚠️ Queste regole sono USCITE da `index.html`, non ricopiate: la vetrina non e' piu'
   una vista dell'applicazione. */

/* Le tre card in vetrina entrano come nel mockup (`td-card-step`): sfalsate di .16s. */
.pk-griglia > .anim:nth-child(1) { transition-delay: 0s; }
.pk-griglia > .anim:nth-child(2) { transition-delay: .16s; }
.pk-griglia > .anim:nth-child(3) { transition-delay: .32s; }
/* Vetrina dei pacchetti, copiata da "True Domus Pacchetti.dc.html" del mockup 2. */
.pk-testa { max-width: 1160px; margin: 0 auto; padding: 64px 28px 24px; text-align: center; }
.pk-testa .lp-occhiello { margin: 0 0 14px; }
.pk-titolo { font-family: var(--serif); font-weight: 500; font-size: 38px; letter-spacing: -.02em;
    margin: 0 auto 16px; max-width: 680px; line-height: 1.15; }
.pk-intro { font-size: 15.5px; color: var(--muted); max-width: 600px; margin: 0 auto; line-height: 1.6; }
.pk-corpo { max-width: 1160px; margin: 0 auto; padding: 20px 28px 60px; }
.pk-griglia { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
/* La riga per le agenzie: chi compra un pacchetto da tre non deve leggere i prezzi da
     cento. ⭐ Era un bottone che apriva i tre tagli Pro qui sotto; da 17/08/2026 è un
     COLLEGAMENTO alla pagina /agenzie, dove quel listino sta per intero insieme al motivo
     per cui esiste. Un listino solo, in un posto solo: due copie divergono, e Googlebot
     segue i collegamenti ma non clicca i bottoni. */
.pk-agenzie-apri { grid-column: span 3; background: transparent; border: none; padding: 22px 20px;
    display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer;
    font-family: inherit; color: var(--brand); font-size: 14.5px; font-weight: 700; line-height: 1;
    text-decoration: none; text-align: center; }
.pk-agenzie-apri:hover { color: var(--brand-ink); }
@media (max-width: 900px) {
  .pk-griglia { grid-template-columns: repeat(2, 1fr); }
  .pk-agenzie-apri { grid-column: span 2; }
}
@media (max-width: 560px) {
  .pk-griglia { grid-template-columns: 1fr; }
  .pk-agenzie-apri { grid-column: span 1; }
  .pk-titolo { font-size: 30px; }
}