/* Pagina Certificati */
.ce-rings { left: 50%; top: 40vh; }
.ce { max-width: 1180px; margin: 0 auto; padding: clamp(24px, 6vh, 64px) var(--pad) clamp(56px, 10vh, 110px); }
.ce-intro { text-align: center; display: grid; justify-items: center; }
.ce-intro .cs-lead { max-width: 46ch; }
.ce-list { display: grid; gap: 28px; margin-top: clamp(36px, 6vh, 64px); }
.ce-cert {
  display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(20px, 4vw, 48px); align-items: center;
  background: var(--pill-bg); color: var(--pill-ink); border-radius: 32px; padding: clamp(20px, 3vw, 40px);
  box-shadow: 0 30px 60px -34px rgba(0,0,0,.5);
}
.ce-preview { display: block; border-radius: 14px; overflow: hidden; background: #fff;
  box-shadow: 0 18px 36px -20px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.06);
  transform: rotate(-2deg); transition: transform .35s cubic-bezier(.3,1.4,.5,1); }
.ce-preview:hover, .ce-preview:focus-visible { transform: rotate(0) scale(1.02); }
.ce-preview img { width: 100%; height: auto; display: block; }
.ce-ente { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6a5d56; }
.ce-body h2 { margin: 6px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 5vw, 72px); line-height: .95; text-transform: uppercase; }
.ce-sub { margin: 6px 0 0; font-weight: 700; }
.ce-score { display: inline-flex; align-items: baseline; gap: 10px; margin: 18px 0 0; padding: 10px 18px; border-radius: 999px;
  background: color-mix(in srgb, #2e7d32 12%, white); color: #1b4d1e; }
.ce-score strong { font-family: var(--font-display); font-weight: 400; font-size: 30px; line-height: 1; }
.ce-score span { font-size: 13px; font-weight: 700; }
.ce-desc { margin: 16px 0 0; line-height: 1.6; color: #4b3f39; max-width: 58ch; }
.ce-dati { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px 24px; margin: 20px 0 0; }
.ce-dati dt { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6a5d56; }
.ce-dati dd { margin: 3px 0 0; font-weight: 700; }
.ce-btn { margin-top: 24px; text-decoration: none; background: #2E7D32; color: #fff; }
.ce-btn:hover { background: #256B29; }
.ce-btn svg { background: #fff; stroke: #2E7D32; }
@media (max-width: 760px) {
  .ce-cert { grid-template-columns: minmax(0, 1fr); }
  .ce-preview { max-width: 320px; margin: 0 auto; }
  .ce-btn { width: 100%; justify-content: space-between; }
}
.ce-claim { text-transform: uppercase; font-weight: 700; letter-spacing: .04em; max-width: none; }
.ce-testo { margin: 18px 0 0; max-width: 62ch; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; }
