/* AuraDesign — blog e pagine servizio (2026-11-04). Si appoggia a site.css. */
.pwrap{max-width:820px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.crumbs li+li::before{content:"›";margin-right:8px;color:#b4bac1}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink-2);max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* articolo */
.post{padding:28px 0 56px}
.post .eyebrow a{text-decoration:none}
.post h1{font-size:clamp(30px,5vw,46px);margin-top:10px}
.plead{font-size:clamp(18px,2.2vw,20px);color:var(--ink-2);margin-top:16px;max-width:62ch}
.pmeta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:14px;font-size:14px;color:var(--muted)}
.pmeta span+span::before{content:"·";margin-right:16px;color:#c3c8ce}
.cover{display:block;margin:26px 0 8px}
.cover img,.prose figure img,.card img{width:100%;height:auto;border-radius:18px;background:var(--soft)}
.toc{margin:26px 0 8px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.toc p{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.toc ol{margin:8px 0 0 20px;display:grid;gap:4px;font-size:15.5px}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a:hover{text-decoration:underline}

.prose{margin-top:24px;font-size:18px;line-height:1.7;color:#1d2328}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(24px,3.2vw,30px);margin-top:1.9em;scroll-margin-top:84px}
.prose h3{font-size:20.5px;margin-top:1.6em;scroll-margin-top:84px}
.prose a{color:var(--accent-d);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.35em}
.prose blockquote{border-left:4px solid var(--g2);padding:6px 0 6px 18px;color:var(--ink-2);background:linear-gradient(90deg,#eef9f4,transparent);border-radius:0 12px 12px 0}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.prose strong{color:var(--ink)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;margin:1.4em 0}
.prose table,.table-wrap table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;min-width:520px}
.table-wrap th,.table-wrap td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table-wrap thead th{background:var(--soft);font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.table-wrap tr:last-child td,.table-wrap tr:last-child th{border-bottom:0}
.table-wrap caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--muted);padding:10px 14px}
table.prices th[scope=row] small{display:block;font-weight:400;color:var(--muted);font-size:13.5px}
table.prices s{color:var(--muted)}
.note{font-size:15px;color:var(--muted)}
.ex-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff4d6;color:#7a5600;border:1px solid #f1dd9f;border-radius:8px;padding:2px 8px;margin-right:6px}

/* box FAQ e CTA */
section.bfaq,section.related{padding:0}
.bfaq{margin-top:48px}
.bfaq h2{font-size:clamp(24px,3.2vw,30px);margin-bottom:16px}
.bfaq details+details{margin-top:10px}
.bcta{margin-top:44px;padding:28px;border-radius:24px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:var(--shadow)}
.bcta h2{font-size:clamp(22px,3vw,28px);margin-top:6px}
.bcta p:not(.eyebrow){color:var(--muted);margin:10px 0 18px;max-width:60ch}
.prose .bcta{margin:2em 0}
.prose .bcta a{color:inherit;text-decoration:none}
.prose .bcta .btn-grad{color:#fff}

/* card e elenchi */
.related{margin-top:56px}
.related h2{font-size:26px;margin-bottom:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pwrap .cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.cards,.pwrap .cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards,.pwrap .cards{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 12px 18px;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card img{border-radius:12px}
.card .ccat{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:4px 6px 0}
.card h3{font-size:18.5px;padding:0 6px}
.card p{font-size:15px;color:var(--muted);padding:0 6px;flex:1}
.card time{font-size:13px;color:var(--muted);padding:0 6px}
.bhero{padding:36px 0 18px}
.bhero h1{font-size:clamp(32px,5vw,50px)}
.bhero h1 small{font-size:.5em;color:var(--muted)}
.bhero .lead{margin-top:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;text-decoration:none;color:var(--ink-2)}
.chips a:hover{border-color:var(--ink-2)}
.chips a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.blist{padding:24px 0 72px}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:15px;color:var(--muted)}
.pager a{font-weight:600;color:var(--accent-d)}
.empty{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.empty ul{margin:12px 0 0 20px;display:grid;gap:6px}
.empty a{color:var(--accent-d);font-weight:600}

/* pagine servizio */
.shero{padding:32px 0 40px;background:radial-gradient(1200px 400px at 85% -10%,rgba(139,108,246,.12),transparent),radial-gradient(900px 380px at -10% 0,rgba(60,191,152,.14),transparent)}
.shero h1{font-size:clamp(32px,5.4vw,54px);margin-top:10px;max-width:20ch}
.shero .lead{margin-top:16px}
.shero .row{margin-top:26px}
.svc .pwrap{padding-bottom:64px}
.psteps{list-style:none;counter-reset:s;display:grid;gap:12px;padding:0!important}
.psteps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.psteps li::before{content:counter(s);grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font:700 18px/1 Montserrat,Inter,sans-serif}
.psteps b{font-size:17.5px}
.psteps span{color:var(--muted);font-size:16px}
.plans.mini{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;font-size:16px}
.prose .plans.mini a{text-decoration:none}
.prose .plans.mini .btn{color:#fff}
.prose .plans.mini .ask{color:var(--accent-d);text-decoration:underline}
.prose .plans.mini ul{padding-left:0}
.demo-ex{margin:1.6em 0}
.demo-ex-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#f6f7f9}
.demo-ex-frame iframe{display:block;width:100%;height:520px;border:0}
@media(max-width:600px){.demo-ex-frame iframe{height:440px}}
.prose .plan h3{margin-top:0}
/* contrasto AA per le etichette piccole */
.post .eyebrow,.post .eyebrow a,.toc p,.card .ccat,.bcta .eyebrow,.shero .eyebrow{color:var(--accent-d)}