/* Pagina /telefonia (centralino CorePBX): si appoggia a /hosting/hosting.css, qui solo i pezzi propri. */
.tel-bar > span { width: 80%; }
.tel-forte { color: var(--text); font-weight: 600; }
#prezzi { background: var(--bg2); }

/* In sede: due prezzi (una tantum + annuale) nella stessa scheda */
.tel-prezzi { display: grid; gap: 1.1rem; border-top: 1px solid var(--border); padding-top: 1.25rem; margin-bottom: 1.5rem; }
.tel-prezzo + .tel-prezzo { border-top: 1px dashed var(--border); padding-top: 1.1rem; }
.tel-prezzo .price b { font-size: 2.2rem; }
.tel-prezzo .addon-list { margin: .6rem 0 0; }
.plan > .addon-list { border-top: 1px solid var(--border); padding-top: 1.25rem; margin: 0 0 1.75rem; }

/* Esclusi */
.tel-esclusi { margin-top: 1.75rem; max-width: 820px; border: 1px dashed var(--border); padding: 1.1rem 1.3rem; }
.tel-esclusi-t { font-family: var(--mono); font-size: .66rem; letter-spacing: 2px; text-transform: uppercase; color: var(--amber); margin-bottom: .6rem; }
.tel-esclusi ul { list-style: none; display: grid; gap: .4rem; font-size: .88rem; color: var(--text2); line-height: 1.6; }
.tel-esclusi li::before { content: '–'; color: var(--amber); font-family: var(--mono); margin-right: .55rem; }
.tel-esclusi b { color: var(--text); font-weight: 600; }

/* Contatto e guida */
.tel-cta { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr); gap: 3rem; align-items: center; }
.tel-cta .sub { margin-bottom: 2rem; }
.tel-cta .hero-actions { margin-bottom: 0; }
.tel-guida { display: grid; gap: .45rem; background: var(--bg3); border: 1px solid var(--border); padding: 1.5rem; font-size: .88rem; color: var(--text2); line-height: 1.6; transition: border-color .2s; }
.tel-guida:hover { border-color: var(--teal); }
.tel-guida-t { font-weight: 600; font-size: 1rem; color: var(--text); }
.tel-guida-vai { font-family: var(--mono); font-size: .76rem; color: var(--teal); overflow-wrap: anywhere; }
@media (max-width: 900px) { .tel-cta { grid-template-columns: minmax(0, 1fr); gap: 2rem; } }
@media (max-width: 520px) { .tel-cta .btn-ghost { overflow-wrap: anywhere; } }
@media (max-width: 520px) { .nav-links { gap: 1.1rem; } .nav-logo img { height: 30px; } }