.bl-page{--bl-bg: #f8fafc;--bl-card-bg: #ffffff;--bl-text: #0f172a;--bl-muted: #64748b;--bl-border: #e2e8f0;--bl-hero-bg: #ffffff;background:var(--bl-bg);color:var(--bl-text);min-height:100vh}[data-blog-theme=dark] .bl-page{--bl-bg: #0d1117;--bl-card-bg: #161b22;--bl-text: #e6edf3;--bl-muted: #8b949e;--bl-border: #30363d;--bl-hero-bg: #0d1117}.bl-hero{background:var(--bl-hero-bg);padding:4rem 2rem 2.5rem;text-align:center;border-bottom:1px solid var(--bl-border);transition:background .25s,border-color .25s}.bl-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1f572c;margin:0 0 .75rem}.bl-h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--bl-text);margin:0 0 .65rem;line-height:1.15;transition:color .25s}.bl-sub{font-size:.9rem;color:var(--bl-muted);margin:0 0 2rem;line-height:1.6;transition:color .25s}.bl-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.bl-cat{padding:.45rem 1.1rem;border-radius:99px;border:1.5px solid var(--bl-border);background:transparent;color:var(--bl-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s}.bl-cat:hover{border-color:#1f572c;color:#1f572c}.bl-cat.active{background:#1f572c;border-color:#1f572c;color:#fff}.bl-main{max-width:1240px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.bl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.bl-card{display:flex;flex-direction:column;background:var(--bl-card-bg);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--bl-text);transition:transform .22s,box-shadow .22s,background .25s;box-shadow:0 1px 4px #0000000f}.bl-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.bl-card:hover .bl-ct{color:#1f572c}[data-blog-theme=dark] .bl-card{box-shadow:0 1px 4px #0000004d}[data-blog-theme=dark] .bl-card:hover{box-shadow:0 12px 32px #00000080}.bl-ci-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bl-border);flex-shrink:0;transition:background .25s}.bl-ci{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.bl-card:hover .bl-ci{transform:scale(1.04)}.bl-ci-empty{width:100%;height:100%;background:linear-gradient(135deg,#1f572c,#1f572c66)}.bl-cb{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem 1.25rem}.bl-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .65rem;border-radius:99px;width:fit-content}.bl-badge--presa{background:#1f572c1f;color:#1f572c}.bl-badge--angajati{background:#2563eb1a;color:#2563eb}.bl-badge--clienti{background:#d977061a;color:#d97706}.bl-badge--comunicate{background:#7c3aed1a;color:#7c3aed}[data-blog-theme=dark] .bl-badge--presa{background:#1f572c40;color:#4ade80}[data-blog-theme=dark] .bl-badge--angajati{background:#2563eb33;color:#60a5fa}[data-blog-theme=dark] .bl-badge--clienti{background:#d9770633;color:#fbbf24}[data-blog-theme=dark] .bl-badge--comunicate{background:#7c3aed33;color:#a78bfa}.bl-ct{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--bl-text);line-height:1.45;margin:0;transition:color .18s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bl-cd{font-size:.72rem;color:var(--bl-muted);margin:auto 0 0;padding-top:.5rem;transition:color .25s}.bl-state{text-align:center;padding:5rem 2rem;color:var(--bl-muted);font-size:.9rem}.bl-spinner{width:32px;height:32px;border:2.5px solid var(--bl-border);border-top-color:#1f572c;border-radius:50%;animation:bl-spin .7s linear infinite;margin:0 auto 1rem}@keyframes bl-spin{to{transform:rotate(360deg)}}.bl-more-btn{background:transparent;border:1.5px solid var(--bl-border);color:var(--bl-text);padding:.7rem 2.5rem;border-radius:99px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.bl-more-btn:hover{border-color:#1f572c;color:#1f572c}#bl-more-wrap{text-align:center;margin-top:2.5rem}@media(max-width:900px){.bl-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.bl-list{grid-template-columns:1fr}.bl-main{padding:1.5rem 1rem 4rem}}
