/* Sigillo «Canale accreditato» della home (proposta grafica 02/10/2026).
   Sta nella fascia vuota fra la linea della testata e l'apertura: riga alta zero e posizione assoluta,
   quindi apertura e titolo restano esattamente dove sono. Colori e font sono i token di interfaccia.css. */
.sigillo-ae-riga { position: relative; height: 0; }
.sigillo-ae {
  --sigillo-fascia: 56px; /* margine sotto la testata (52px) + spazio in cima a main (4px) */
  position: absolute; left: 0; top: calc(var(--sigillo-fascia) / -2 - 22px);
  display: inline-flex; align-items: center; gap: 12px;
  box-sizing: border-box; min-height: 44px; max-width: 100%;
  color: var(--inchiostro); text-decoration: none; white-space: nowrap;
  font-family: var(--ui-font); border-radius: 10px;
  -webkit-tap-highlight-color: transparent;
}
.sigillo-ae__segno { flex: none; display: block; width: 32px; height: 32px; fill: var(--ui-blu-scuro); }
.sigillo-ae__testo { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sigillo-ae__titolo { font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: -.005em; color: var(--inchiostro); }
.sigillo-ae__riga { display: flex; align-items: center; font-size: 13px; line-height: 16px; color: var(--grigio); }
.sigillo-ae__prova { display: inline-flex; align-items: center; gap: 3px; color: var(--ui-blu); font-weight: 600; }
.sigillo-ae__freccia { width: 11px; height: 11px; transition: transform .2s cubic-bezier(.32, .72, 0, 1); }
.sigillo-ae:hover .sigillo-ae__prova { text-decoration: underline; text-underline-offset: 3px; }
.sigillo-ae:hover .sigillo-ae__freccia { transform: translate(1px, -1px); }
.sigillo-ae:focus-visible { outline: 2px solid var(--ui-blu); outline-offset: 4px; }
/* Il fondo azzurrino dell'apertura parte 20px sopra di essa con un gradino netto (si vede sul telefono):
   lo si sfuma dall'alto, così il sigillo non sta a cavallo di uno scalino di colore. Non sposta nulla. */
.pagina-home .h-apertura::before {
  -webkit-mask-image: linear-gradient(#0000, #000 72px);
  mask-image: linear-gradient(#0000, #000 72px);
}
@media (max-width: 640px) {
  /* Titolo lungo (03/10/2026): sul telefono va a capo invece di uscire dallo schermo. */
  .sigillo-ae { gap: 10px; white-space: normal; }
  .sigillo-ae__segno { width: 28px; height: 28px; }
  .sigillo-ae__titolo { font-size: 13px; line-height: 17px; }
  .sigillo-ae__riga { font-size: 12.5px; }
}
@media (max-width: 389px) { .sigillo-ae__titolo { font-size: 12.5px; } .sigillo-ae__riga { font-size: 12px; } }
@media (max-width: 374px) { .sigillo-ae__segno { width: 26px; height: 26px; } .sigillo-ae__titolo { font-size: 12px; } }
@media (max-width: 339px) {
  .sigillo-ae { gap: 8px; }
  .sigillo-ae__segno { width: 22px; height: 22px; }
  .sigillo-ae__titolo, .sigillo-ae__riga { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) { .sigillo-ae__freccia { transition: none; } }