/* ============================================================
   PERLA NERA — pages/info.css
   Blocchi informativi + FAQ. L'accordion eredita gli stili
   da pages/experience.css (caricato insieme a questo).
   ============================================================ */

/* ---------- Blocchi informativi ---------- */
.info-blocks__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--linea);
  border: 1px solid var(--linea);
}
@media (max-width: 720px) { .info-blocks__grid { grid-template-columns: 1fr; } }

.info-block {
  background: var(--nero);
  padding: clamp(1.6rem, 3vw, 2.6rem);
  display: grid; gap: 0.8rem; align-content: start;
}
.info-block h2 { font-size: clamp(1.2rem, 2vw, 1.6rem); }
.info-block p { font-size: 0.92rem; }
.info-block .booking__infolink { margin-top: 0.3rem; }

/* ---------- FAQ ---------- */
.faq { border-top: 1px solid var(--linea); }

/* Trigger delle FAQ più contenuto di quello dei servizi */
.accordion__trigger--sm .accordion__name {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}
.accordion__trigger--sm { padding: 1.3rem 0; }