/* =====================================================================
   FIRMA ZENITH — la riga in fondo all invito (views/layout/footer_azienda.php)

   Perche' un file a parte, caricato PER ULTIMO (dopo invito.css e dopo il
   CSS dello scenario):

   1. FONT. L invito usa font da cerimonia (Great Vibes, Cormorant) imposti
      su titoli, paragrafi e frasi. Se la firma stesse in app.css — che si
      carica per primo — quelle regole la sovrascriverebbero e la firma
      tornerebbe "da invito". Caricata per ultimo, vince lei.

   2. MISURE. battesimo.css ingrandisce tutto del 16% (html{font-size:116%})
      perche' l invito si legga bene dal telefono. Alla firma quel 16% non
      serve: qui le misure sono in PIXEL apposta, cosi' restano quelle
      decise e non si gonfiano.

   3. SPAZIO. La firma deve stare nella stessa schermata del saluto finale
      ("Cu drag, Matei"): chi non scorre fino in fondo non la vedrebbe mai.
      Percio' e' bassa e stretta: logo piccolo, righe attaccate.

   I COLORI invece restano quelli della festa (--oro-scuro cambia in
   azzurro dentro battesimo.css): la firma non deve stonare con l invito.
   ===================================================================== */

.firma-zenith {
    /* Sans, mai i font della cerimonia. Ripetuto sui figli piu' sotto:
       le regole dell invito colpiscono anche p e a. */
    font-family: var(--font-testo);
    font-size: 11px;
    line-height: 1.55;
    letter-spacing: .01em;
    color: var(--oro-scuro);
    padding: .75rem 1rem 1.5rem;
    opacity: .9;
}

.firma-zenith p,
.firma-zenith a,
.firma-zenith span {
    font-family: var(--font-testo);
    font-size: 11px;
    line-height: 1.55;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
}

.firma-zenith__logo {
    max-width: 76px;
    height: auto;
    margin-bottom: .35rem;
    opacity: .9;
}

.firma-zenith__claim { font-weight: 500; }

.firma-zenith__sep {
    margin: 0 .3rem;
    opacity: .55;
}

.firma-zenith__sito a,
.firma-zenith__contatti a {
    color: inherit;
    text-decoration: none;
}

.firma-zenith__sito a:hover,
.firma-zenith__sito a:focus,
.firma-zenith__contatti a:hover,
.firma-zenith__contatti a:focus {
    text-decoration: underline;
}

.firma-zenith__icone {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .55rem;
    margin-top: .4rem;
}

.firma-zenith__icone a {
    color: var(--oro-scuro);
    opacity: .65;
    transition: opacity .2s ease;
}

.firma-zenith__icone a:hover,
.firma-zenith__icone a:focus { opacity: 1; }

.firma-zenith__icone svg {
    width: 15px;
    height: 15px;
    display: block;
}

/* Sul telefono la riga dei servizi andrebbe a capo male: la si stringe
   invece di lasciarla correre da bordo a bordo. */
.firma-zenith__riga {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
}