/* SmartLands Rete — blocco footer e pagina hub. Nessun colore di sfondo imposto: il blocco eredita quello del footer che lo ospita, così non stona su sei siti con grafiche diverse. */ .sl-rete { border-top: 1px solid rgba(128, 128, 128, .25); font-family: inherit; /* Il blocco viene agganciato in fondo al , fuori dal contenitore del tema: senza questi limiti partirebbe dal bordo della finestra mentre il resto del footer resta centrato, e la differenza si nota subito. 1140px è la larghezza di contenitore predefinita di Elementor. */ margin: 2.5rem auto 0; max-width: 1140px; padding: 1.75rem 20px 2rem; width: 100%; } /* Dentro il footer del tema il contenitore c'è già: qui il blocco deve solo riempire lo spazio che gli viene dato, senza aggiungere margini propri. */ .sl-rete--incorniciato { border-top: 0; margin: 0; max-width: none; padding: 0; } .sl-rete__titolo { font-size: .8rem; font-weight: 700; letter-spacing: .09em; margin: 0 0 1.1rem; opacity: .65; text-transform: uppercase; } .sl-rete__lista { display: grid; gap: .9rem 1.4rem; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); list-style: none; margin: 0; padding: 0; } .sl-rete__voce { margin: 0; } .sl-rete__link { align-items: center; border-radius: 8px; color: inherit; display: flex; gap: .7rem; padding: .45rem; text-decoration: none; transition: background-color .15s ease; } .sl-rete__link:hover, .sl-rete__link:focus-visible { background: rgba(245, 196, 0, .12); } .sl-rete__link:focus-visible { outline: 2px solid #F5C400; outline-offset: 2px; } .sl-rete__logo { flex: 0 0 auto; height: 36px; object-fit: contain; width: 36px; } .sl-rete__testo { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; } .sl-rete__nome { font-size: .92rem; font-weight: 600; } .sl-rete__categoria { font-size: .75rem; opacity: .6; } .sl-rete__descrizione { display: block; font-size: .78rem; line-height: 1.45; margin-top: .3rem; opacity: .72; } /* Con le descrizioni le voci diventano più alte: allineiamo il logo in alto invece che al centro, altrimenti resta a mezz'aria accanto al testo. */ .sl-rete--esteso .sl-rete__link { align-items: flex-start; } .sl-rete--esteso .sl-rete__lista { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } /* ── Pagina hub ─────────────────────────────────────────────────────────── */ .sl-rete-hub { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); margin: 2rem 0; } .sl-rete-hub__scheda { border: 1px solid rgba(128, 128, 128, .22); border-radius: 12px; display: flex; gap: 1.1rem; padding: 1.25rem; transition: border-color .15s ease, transform .15s ease; } .sl-rete-hub__scheda:hover { border-color: #F5C400; transform: translateY(-2px); } .sl-rete-hub__logo { flex: 0 0 auto; height: 64px; object-fit: contain; width: 64px; } .sl-rete-hub__corpo { min-width: 0; } .sl-rete-hub__categoria { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .08em; margin-bottom: .3rem; opacity: .55; text-transform: uppercase; } .sl-rete-hub__nome { font-size: 1.1rem; margin: 0 0 .5rem; } .sl-rete-hub__nome a { color: inherit; text-decoration: none; } .sl-rete-hub__nome a:hover { text-decoration: underline; } .sl-rete-hub__descrizione { font-size: .9rem; line-height: 1.5; margin: 0 0 .7rem; opacity: .82; } .sl-rete-hub__vai { font-size: .85rem; font-weight: 600; text-decoration: none; word-break: break-all; } @media (max-width: 480px) { .sl-rete-hub__scheda { flex-direction: column; } }