/* ═══════════════════════════════════════════════════════════════════════
   assets/css/blog-v2.css — il blog nello stile nuovo del sito (2026-10-12).
   Sopra c'è www.flacspace.com/assets/css/v2.css (classi «x-», stessi colori);
   qui solo i pezzi del blog: menu, apertura, card, articolo, richiami a prenotare.
   ═══════════════════════════════════════════════════════════════════════ */
body.blog-body.v2{--c-text:#fff;--c-muted:rgba(255,255,255,.62);--c-surface:rgba(255,255,255,.05);--c-border:rgba(255,255,255,.12);--c-white:rgba(255,255,255,.04);--c-accent:#a78bfa;--c-accent-dark:#5e17eb;background:#0c0e1e;color:#f2f2f7}
body.v2 .h2-text{color:#fff}
body.v2 .eyebrow{color:var(--x-oro)}

/* menu: vetro scuro anche quando si scorre */
body.v2 #navbar-main.navbar-blog.scrolled,body.v2 #navbar-main.navbar-blog.nav-solid{background:rgba(12,14,30,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}
body.v2 .navbar-blog.scrolled .nav-ticker,body.v2 .navbar-blog.nav-solid .nav-ticker{color:rgba(255,255,255,.7)}
body.v2 .navbar-blog.scrolled .nav-icon-btn,body.v2 .navbar-blog.nav-solid .nav-icon-btn{color:#fff;border-color:rgba(255,255,255,.25)}
body.v2 .navbar-blog.scrolled .navbar-toggler-c span,body.v2 .navbar-blog.nav-solid .navbar-toggler-c span{background:#fff}
body.v2 .nav-cta-btn{background:linear-gradient(90deg,var(--x-viola),var(--x-rosa))!important;color:#fff!important;border-radius:99px;box-shadow:0 8px 22px rgba(219,39,119,.35)}
body.v2 #navMobile{background:rgba(12,14,30,.97)}
body.v2 .nav-link-mobile{color:rgba(255,255,255,.8)!important}
body.v2 #navMobile .form-control{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);color:#fff}

/* apertura della home del blog */
body.v2 #hero-blog::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 60% at 15% 30%,rgba(94,23,235,.45),transparent 70%),radial-gradient(50% 50% at 85% 70%,rgba(219,39,119,.35),transparent 70%)}
body.v2 #hero-blog .hero-inner,body.v2 #hero-blog .hero-catbar{z-index:3}
body.v2 .hero-blog-title{font-weight:800;letter-spacing:-.04em}
body.v2 .hero-blog-title em{background:linear-gradient(90deg,var(--x-oro),#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body.v2 .hero-badge{border-color:rgba(246,197,110,.4)!important;background:rgba(246,197,110,.1)!important;color:var(--x-oro)!important;border-radius:99px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
body.v2 .hero-search input{background:rgba(20,18,44,.75);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:99px}
body.v2 .hero-catbar{background:rgba(12,14,30,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}

/* pulsanti */
body.v2 .btn-flac-primary{background:linear-gradient(90deg,var(--x-viola),var(--x-rosa))!important;color:#fff!important;border:0!important;border-radius:99px!important;box-shadow:0 12px 30px rgba(219,39,119,.35)!important}

/* in evidenza + card */
body.v2 .feat{background:linear-gradient(150deg,rgba(94,23,235,.28),rgba(30,27,58,.55));border:1px solid rgba(167,139,250,.25);border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
body.v2 .feat-headline{color:#fff}
body.v2 .feat-sub,body.v2 .feat-meta{color:rgba(255,255,255,.7)}
body.v2 .pcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:none}
body.v2 .pcard:hover{border-color:rgba(167,139,250,.5);box-shadow:0 20px 50px rgba(94,23,235,.3);transform:translateY(-6px) rotate(-.4deg)}
body.v2 .pcard-cat{color:#fff}
body.v2 .pcard-meta{color:rgba(255,255,255,.55)}
body.v2 .pagination-flac a,body.v2 .pagination-flac span{border-color:rgba(255,255,255,.14);color:#fff;border-radius:99px}
body.v2 .pagination-flac .current{background:linear-gradient(90deg,var(--x-viola),var(--x-rosa));border:0}
body.v2 .section-surface{background:transparent}
body.v2 .empty-state{color:rgba(255,255,255,.7)}

/* articolo */
body.v2 .art-hero::after{background:linear-gradient(to bottom,rgba(12,14,30,.55) 0%,rgba(12,14,30,.45) 45%,#0c0e1e 100%)}
body.v2 .art-title{font-weight:800;letter-spacing:-.035em}
body.v2 .art-author .ava{background:linear-gradient(140deg,var(--x-viola),var(--x-rosa))}
body.v2 .article-body{color:rgba(242,242,247,.86)}
body.v2 .art-body>p:first-of-type{color:#fff}
body.v2 .art-body>p:first-of-type::first-letter{color:var(--x-oro)}
body.v2 .article-body h2,body.v2 .article-body h3{color:#fff}
body.v2 .article-body strong{color:#fff}
body.v2 .article-body a{color:var(--x-oro)}
body.v2 .article-body blockquote{background:rgba(246,197,110,.08);border-left-color:var(--x-oro);color:rgba(255,255,255,.9)}
body.v2 .article-body img{box-shadow:0 20px 50px rgba(0,0,0,.45)}
body.v2 .tag-pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.7);border-radius:99px}
body.v2 .art-share-rail a,body.v2 .art-share-rail button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
body.v2 .art-share-rail a:hover,body.v2 .art-share-rail button:hover{background:linear-gradient(140deg,var(--x-viola),var(--x-rosa));border-color:transparent}
body.v2 .art-toc nav{border-left-color:rgba(255,255,255,.12)}
body.v2 .toc-link{color:rgba(255,255,255,.6)}
body.v2 .toc-link:hover{color:#fff}
body.v2 .toc-link.active{color:var(--x-oro);border-color:var(--x-oro)}
body.v2 .art-toc-cta{background:linear-gradient(150deg,var(--x-viola),#4c1d95 60%,#1e1b3a);border-radius:22px;box-shadow:0 20px 50px rgba(94,23,235,.35)}
body.v2 .art-toc-cta .btn-flac{border-radius:99px;color:#4c1d95!important}
body.v2 .art-toc-cta .bv-pren{display:block;margin-top:10px;text-align:center;padding:11px;border-radius:99px;background:#fff;color:#0c0e1e;font-weight:800;font-size:14px}
body.v2 .art-toc-cta .bv-pren:hover{background:var(--x-oro)}

/* il riquadro «prenota» a metà articolo */
.bv-box{display:flex;align-items:center;gap:18px;margin:2.2rem 0;padding:20px 22px;border-radius:22px;background:linear-gradient(120deg,rgba(94,23,235,.45),rgba(219,39,119,.32));border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 44px rgba(94,23,235,.3)}
.bv-box small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--x-oro);margin-bottom:4px}
.bv-box b{display:block;font-size:19px;color:#fff;line-height:1.3;margin-bottom:4px}
.bv-box span{display:block;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.8)}
body.v2 .article-body .bv-box a{flex:none;text-decoration:none;color:#0c0e1e;background:#fff;font-weight:800;font-size:15px;padding:13px 20px;border-radius:99px;white-space:nowrap}
body.v2 .article-body .bv-box a:hover{background:var(--x-oro)}

/* il riquadro finale: lo stesso della chiusura del sito */
body.v2 .lead-cta{background:linear-gradient(160deg,rgba(94,23,235,.35),rgba(219,39,119,.25));border:0;border-radius:32px;color:#fff;position:relative;overflow:hidden}
body.v2 .lead-cta::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.08),transparent 30%);animation:xGira 9s linear infinite;pointer-events:none}
body.v2 .lead-cta>*{position:relative}
body.v2 .lead-cta h2{color:#fff;font-weight:800;letter-spacing:-.03em}
body.v2 .lead-cta p{color:rgba(255,255,255,.8)}
body.v2 .lead-trust{color:var(--x-oro)}
body.v2 .lead-cta .lead-wa{border-radius:99px}
.bv-sale .x-sedi{grid-template-columns:repeat(3,1fr)}

/* WhatsApp e piè di pagina */
body.v2 .wa-float{background:linear-gradient(140deg,#25d366,#128c7e);border:2px solid rgba(255,255,255,.35);box-shadow:0 12px 30px rgba(37,211,102,.45),0 0 0 6px rgba(37,211,102,.12)}
body.v2 #footer{background:#05070e;border-top:1px solid rgba(255,255,255,.06);position:relative}
body.v2 #footer::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),rgba(249,168,212,.6),transparent)}

/* barra «Prenota» sul telefono (il tondo WhatsApp resta a destra) */
.bv-barra{position:fixed;left:12px;right:96px;bottom:16px;z-index:1030;display:none;transform:translateY(160%);transition:transform .4s}
.bv-barra.x-on{transform:none}
.bv-barra a{display:block;text-align:center;padding:15px 10px;border-radius:99px;font-weight:800;font-size:15.5px;color:#fff!important;background:linear-gradient(90deg,var(--x-viola),var(--x-rosa));box-shadow:0 14px 34px rgba(0,0,0,.45)}

@media (max-width:991px){.bv-sale .x-sedi{grid-template-columns:1fr 1fr}.bv-barra{display:block}}
@media (max-width:640px){
 .bv-box{flex-direction:column;align-items:flex-start;padding:18px}
 body.v2 .article-body .bv-box a{width:100%;text-align:center}
 .bv-sale .x-sedi{grid-template-columns:1fr}
}

/* pagina articolo: la «lastra di vetro» chiara diventa vetro scuro */
body.v2.art-page{background:#0c0e1e;--glass-bg:rgba(20,18,44,.72)}
body.v2 .art-ambient{background:radial-gradient(55% 45% at 12% 2%,rgba(94,23,235,.35),transparent 60%),radial-gradient(45% 45% at 92% 8%,rgba(219,39,119,.25),transparent 55%),radial-gradient(60% 55% at 85% 96%,rgba(94,23,235,.22),transparent 60%),#0c0e1e}
body.v2 .art-ambient::before{opacity:.28}
body.v2.art-page .art-title,body.v2.art-page .art-author{color:#fff}
body.v2.art-page .art-lead,body.v2.art-page .art-metaline{color:rgba(255,255,255,.72)}
body.v2.art-page .art-cat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
body.v2.art-page .art-share-h a,body.v2.art-page .art-share-h button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
body.v2.art-page .art-body{background:rgba(20,18,44,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);color:rgba(242,242,247,.88)}
body.v2.art-page .art-toc{background:rgba(20,18,44,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 50px rgba(0,0,0,.35)}
body.v2.art-page .art-toc nav{border-left-color:rgba(255,255,255,.14)}
body.v2.art-page .art-share-rail a,body.v2.art-page .art-share-rail button{background:rgba(20,18,44,.78);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
body.v2 .lead-cta .btn-flac-primary{color:#fff!important}
/* il pulsante WhatsApp del blog è una pillola con la scritta: niente misura fissa del tondo del sito */
body.v2 .wa-float{width:auto;height:auto;border-radius:99px}

/* schermi grandi (1920, 2560, ultrawide 3440): come sul sito, si ingrandiscono i contenitori */
@media (min-width:1900px){
 body.v2 .container,body.v2 .art-layout,body.v2 .x-wrap{zoom:1.18}
}
@media (min-width:2300px){
 body.v2 .container,body.v2 .art-layout,body.v2 .x-wrap{zoom:1.38}
}
@media (min-width:2900px){
 body.v2 .container,body.v2 .art-layout,body.v2 .x-wrap{zoom:1.62}
 body.v2 .wa-float{zoom:1.3}
}