/* Vanin Native 2.3.0: CSS aggiuntivo integrato nel tema.
   Parte 1: animazioni leggere della CTA libro (da codice/cta/cta_animazioni.css, senza le regole della chiusura, che sono nella parte 2).
   Parte 2: copia esatta del CSS aggiuntivo del Personalizza al 25 ottobre 2026 (codice/css_aggiuntivo.css). */
/* CTA uniformi negli articoli: animazioni leggere e blocco di chiusura (da aggiungere in coda al CSS aggiuntivo) */
.lvn-prose .lv-cta::before{background:linear-gradient(180deg,#f0c02b 0%,#f7d968 50%,#f0c02b 100%);background-size:100% 200%;animation:lv-bar 6s ease-in-out infinite}
@keyframes lv-bar{0%,100%{background-position:0 0}50%{background-position:0 100%}}
.lvn-prose .lv-cta .lv-cover{animation:lv-float 5s ease-in-out infinite}
@keyframes lv-float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}
.lvn-prose .lv-cta:hover .lv-cover{animation-play-state:paused}
.lvn-prose .lv-cta .lv-cover--tipo{width:150px;aspect-ratio:2/3;background:#173b3f;color:#f0c02b;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;box-sizing:border-box;font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:19px;line-height:1.15;text-align:left;box-shadow:0 12px 26px rgba(23,59,63,.28),0 2px 4px rgba(23,59,63,.2);border-left:6px solid #f0c02b}
.lvn-prose .lv-cta .lv-cover--tipo small{display:block;margin-top:8px;font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e5e1da}
.lvn-prose .lv-cta a.lv-btn{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.lvn-prose .lv-cta a.lv-btn::after{content:"\2192";display:inline-block;margin-left:8px;transition:transform .2s}
.lvn-prose .lv-cta a.lv-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(23,59,63,.2);filter:none}
.lvn-prose .lv-cta a.lv-btn:hover::after{transform:translateX(4px)}
.lvn-prose .lv-cta a.lv-btn::before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:lv-shine 5s ease-in-out infinite}
@keyframes lv-shine{0%,70%{left:-70%}100%{left:130%}}
@keyframes lv-ring{0%,100%{box-shadow:0 0 0 0 rgba(240,192,43,.55)}50%{box-shadow:0 0 0 8px rgba(240,192,43,0)}}

/* Parte 2 */
/* Home: titolo H1 piu piccolo (23 ottobre 2026). Regola originale in home.css: clamp(64px, 8vw, 116px) */
#top #wrap_all .lv h1 { font-size: clamp(40px, 5.2vw, 76px) !important; }

/* Home: citazione in evidenza nella sezione Chi sono (23 ottobre 2026) */
#top #wrap_all .lv .lv-pullquote { margin: 4px 0 26px; padding: 4px 0 4px 28px; border-left: 3px solid #f0c02b; }
#top #wrap_all .lv .lv-pullquote::before { content: "\201C"; display: block; font-family: Newsreader, Georgia, serif; font-size: 64px; line-height: .6; color: #f0c02b; margin-bottom: 10px; }
#top #wrap_all .lv .lv-pullquote p { font-family: Newsreader, Georgia, serif !important; font-style: italic; font-size: clamp(24px, 2.6vw, 34px) !important; line-height: 1.2 !important; letter-spacing: -0.02em; color: #173b3f; margin: 0 !important; max-width: 24em; }
#top #wrap_all .lv .lv-pullquote mark { background: none; color: inherit; font-style: normal; box-shadow: inset 0 -0.36em 0 rgba(240, 192, 43, .55); padding: 0 .06em; }

/* Articoli: box autore con sfondo bianco, foto e testo affiancati (23 ottobre 2026).
   Il blocco autore e un div senza classe dentro il testo dell'articolo: lo riconosco dalla struttura (prima la foto allineata, poi un link LinkedIn). */
.lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) { display: grid; grid-template-columns: 170px 1fr; gap: 0 28px; align-items: start; background: #fff; padding: 28px 30px; border-radius: 18px; margin: 40px 0 10px; }
.lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > p:first-child { margin: 0; }
.lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > p:first-child img { float: none; display: block; width: 170px; height: auto; margin: 0; }
.lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > p:nth-child(2) { display: none; }
.lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > div { grid-column: 2; }
@media (max-width: 640px) { .lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) { grid-template-columns: 1fr; padding: 22px; } .lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > p:first-child img { width: 130px; margin-bottom: 14px; } .lvn-prose div:has(> p:first-child > img.alignleft):has(a[href*="linkedin.com"]) > div { grid-column: 1; } }

/* CTA libro e chiusura negli articoli */
.lvn-prose .lv-cta{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;background:#fff;border-radius:18px;padding:28px 30px 28px 34px;margin:34px 0;position:relative;overflow:hidden;clear:both}
.lvn-prose .lv-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#f0c02b}
.lvn-prose .lv-cta .lv-cover{width:150px!important;max-width:100%;height:auto!important;margin:0!important;border-radius:4px;box-shadow:0 12px 26px rgba(23,59,63,.28),0 2px 4px rgba(23,59,63,.2);transform:rotate(-4deg);float:none!important}
.lvn-prose .lv-cta p{margin:0 0 10px!important}
.lvn-prose .lv-cta .lv-k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5f7f84;margin:0 0 4px!important}
.lvn-prose .lv-cta h3{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:26px;line-height:1.2;margin:0 0 4px;color:#173b3f}
.lvn-prose .lv-cta .lv-tag{font-style:italic;color:#5f7f84;font-size:16px}
.lvn-prose .lv-cta .lv-txt{font-size:16px;line-height:1.6}
.lvn-prose .lv-cta .lv-rate{font-size:14px;color:#5f7f84}
.lvn-prose .lv-cta a.lv-btn{display:inline-block;background:#f0c02b;color:#173b3f;font-weight:600;text-decoration:none;padding:12px 22px;border-radius:999px;font-size:15px;margin-top:4px}
.lvn-prose .lv-cta a.lv-btn:hover{filter:brightness(.95)}
.lvn-prose .lv-end{display:flex;gap:16px;align-items:center;margin:34px 0 0;padding-top:22px;border-top:1px solid rgba(23,59,63,.2);clear:both}
.lvn-prose .lv-end img{width:64px!important;height:64px!important;border-radius:50%;flex:none;margin:0!important;float:none!important}
.lvn-prose .lv-end p{margin:0!important;font-size:16px}
.lvn-prose .lv-end a{color:#173b3f;font-weight:600}
@media(max-width:560px){.lvn-prose .lv-cta{grid-template-columns:1fr;text-align:center;padding:26px 22px 26px 28px}.lvn-prose .lv-cta .lv-cover{margin:0 auto!important;width:130px!important}}
.lvn-prose .lv-cta>p{display:none!important}
.lvn-prose .lv-cta .lv-body{min-width:0}
/* lv-fix2 */
.lvn-prose .lv-cta .lv-k{font-size:12px!important;letter-spacing:.08em;line-height:1.4!important;font-weight:600}
.lvn-prose .lv-cta h3{font-size:26px!important;line-height:1.2!important;margin:0 0 6px!important}
.lvn-prose .lv-cta .lv-tag{font-size:16px!important}
.lvn-prose .lv-cta .lv-txt{font-size:16px!important}
.lvn-prose .lv-cta .lv-rate{font-size:14px!important}
.lvn-prose .lv-cta a.lv-btn{text-decoration:none!important;color:#173b3f!important;font-size:15px!important}
.lvn-prose .lv-cta .lv-cover{object-fit:contain;transition:transform .2s}
.lvn-prose .lv-cta:hover .lv-cover{transform:rotate(-2deg) scale(1.03)}

/* lv-toc-fix: titolo dell'indice leggibile */
#top.single-post .entry-content #ez-toc-container p.ez-toc-title{font-size:20px!important;line-height:1.3!important;font-weight:600!important;color:#173b3f!important}


/* LVN MOBILE 24 ottobre 2026. Blocco aggiunto, regole precedenti conservate. */
/* Frecce vettoriali: nessun carattere dipendente dal font emoji di iOS. */
#top #lvu-site-menu nav a::after {
  content: ""; display: block; flex: 0 0 18px; width: 18px; height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
#top :is(.lv-button,.lb-button,.pc-button,.lv-about-source,.lb-guide-arrow) {
  font-variant-emoji: text;
}
#top :is(button,a,input,textarea,select,summary) { -webkit-tap-highlight-color: rgba(240,192,43,.2); }
#top :is(a,button,summary):focus-visible { outline: 2px solid #5f7f84; outline-offset: 5px; }

@media (max-width: 760px) {
  #top #lvn-header { -webkit-backdrop-filter: blur(14px); }
  #top #lvn-header .sn-global-row { gap: 10px; min-height: 68px; }
  #top #lvn-header .sn-brand { font-size: 20px; gap: 7px; }
  #top #lvn-header .sn-brand svg { width: 36px; height: 36px; flex-shrink: 0; }
  #top #lvn-header .sn-local a { min-height: 44px; display: flex; align-items: center; }
  #top #lvn-header .sn-local { -webkit-overflow-scrolling: touch; }
  #top #lvu-site-menu {
    height: 100vh; max-height: 100vh;
    height: 100dvh; max-height: 100dvh;
    padding: max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
    -webkit-overflow-scrolling: touch;
  }
  #top #lvu-site-menu nav a { gap: 16px; }
  #top #wrap_all :is(.lv,.lb,.pc) :is(p,h1,h2,h3),
  #top .lvn-prose { overflow-wrap: break-word; }
  #top #wrap_all :is(.lv,.lb,.pc) :is(section,article,figure),
  #top #lv-course :is(section,article,figure) { min-width: 0; }
  #top #wrap_all .lv .lv-hero { padding: 42px 0 48px; gap: 28px; }
  #top #wrap_all .lv h1 { font-size: clamp(36px,9.7vw,48px) !important; line-height: 1.06 !important; }
  #top #wrap_all .lv .lv-hero p { font-size: 17px !important; line-height: 1.75 !important; }
  #top #wrap_all .lv .lv-orbit { width: 80%; margin: 18px auto 30px; }
  #top #wrap_all .lv .lv-planet-label { font-size: 10px !important; padding: 5px 8px; }
  #top #wrap_all .lv .lv-section,
  #top #wrap_all .lv .lv-library { padding-block: 48px; }
  #top #wrap_all .lv .lv-head { margin-bottom: 28px; }
  #top #wrap_all .lv .lv-bio-v3 .lv-portrait { max-height: none; }
  #top #wrap_all .lv .lv-bio-v3 .lv-portrait img { width: 100%; height: auto; }
  #top #wrap_all .lv .lv-bio-v3 .lv-proof-cards { gap: 20px !important; padding-bottom: 12px; }
  #top #wrap_all .lv .lv-bio-v3 .lv-auto-bio { padding: 24px; }
  #top #wrap_all .lv .lv-proof-card {
    transform: translate3d(0,var(--bio-y,0px),0) !important;
  }
  #top #wrap_all .lv.lv-motion.lv-force-motion .lv-card {
    transform: translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1)) !important;
  }
  #top #wrap_all .lv .lv-card-track > .lv-card { min-height: 260px; }
  #top #wrap_all .lv .lv-card-desc { font-size: 16px; line-height: 1.65; }
  #top #wrap_all .lv .lv-card-icon svg,
  #top #wrap_all .lv .lv-proof-card svg { display: block; flex-shrink: 0; }
  #top #wrap_all .lv .lv-course-outcomes { text-align: left; font-size: 15px; }
  #top #wrap_all .lv .lv-scene-copy p { font-size: 16px !important; max-width: 32em; }
  #top #wrap_all .lv .lv-pullquote { padding-left: 18px; }
  #top #wrap_all .lb p { font-size: 16px !important; line-height: 1.75 !important; }
  #top #wrap_all .lb .lb-guide-book { font-size: 12px; line-height: 1.6; }
  #top #wrap_all .lb .lb-filters { gap: 8px; }
  #top #wrap_all .lb .lb-filters button { min-height: 44px; font-size: 12px; }
  #top #wrap_all .lb .lb-book-details summary { min-height: 48px; font-size: 15px; }
  #top #wrap_all :is(.lv-button,.lb-button,.pc-button) { min-height: 48px; }
  #top .lvn-prose :is(pre,table) { max-width: 100%; overflow-x: auto; }
  #top .lvn-prose :is(input,select,textarea) { font-size: 16px; }
  #top .lvn-prose .lv-end { align-items: flex-start; }
  #top #lvn-footer nav { flex-wrap: wrap; }
  #top #lvn-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Il percorso del corso resta leggibile anche in orizzontale e sugli iPhone piccoli.
   Il disegno animato conserva il proprio spazio; tutti i passaggi sono accessibili. */
@media (max-width: 850px), (max-height: 650px) {
  #top #lv-course .lv-flow-track { height: auto; min-height: 0; }
  #top #lv-course .lv-flow { position: relative; top: auto; padding: 0; }
  #top #lv-course .lv-flow-controls { min-height: 0; }
  #top #lv-course .lv-flow-choice {
    display: flex; min-height: 0; opacity: 1; max-height: none;
    padding: 20px 16px !important; border-bottom: 1px solid rgba(23,59,63,.15);
    animation: none !important; transform: none !important;
  }
  #top #lv-course .lv-impact-extra { max-height: none; opacity: 1; }
}
@media (max-width: 360px) {
  #top #lvn-header .sn-brand { font-size: 17px; gap: 5px; }
  #top #lvn-header .sn-brand svg { width: 30px; height: 30px; }
  #top .lvu-trigger { padding-inline: 10px; gap: 8px; font-size: 11px; }
  #top #wrap_all .lb .lb-guide-grid { grid-template-columns: 1fr; }
  #top #wrap_all .lv .lv-planet-label { font-size: 9px !important; }
}
/* Effetti touch indipendenti da hover e dalle scroll timeline di Safari. */
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  #top #wrap_all .lv .lv-planet-dot { animation: lvnMobilePulse 3.6s ease-in-out infinite; }
  #top #wrap_all .lv .lv-track:nth-child(even) .lv-planet-dot { animation-delay: -1.8s; }
  #top #wrap_all .pc .pc-headphones { animation: lvnMobileFloat 5s ease-in-out infinite; }
}
@keyframes lvnMobilePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(240,192,43,0); } 50% { box-shadow: 0 0 0 7px rgba(240,192,43,.17); } }
@keyframes lvnMobileFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
/* Prevale anche sulle vecchie regole con !important. */
@media (prefers-reduced-motion: reduce) {
  #top #wrap_all .lv .lv-proof-card,
  #top #wrap_all .lv.lv-motion.lv-force-motion .lv-card { transform: none !important; }
  #top #wrap_all .lv .lv-proof-card svg,
  #top #wrap_all .lv .lv-planet-dot,
  #top #wrap_all .pc .pc-headphones { animation: none !important; }
}
/* Fine LVN MOBILE 24 ottobre 2026 */


/* LVN SAFARI 24 ottobre 2026. Contrasto scheda e contenuti sempre accessibili. */
@media (max-width: 760px) {
  #top.lvn-native #wrap_all .lv .lv-bio-v3 .lv-auto-bio:nth-child(4),
  #top.lvn-native #wrap_all .lv .lv-bio-v3 .lv-auto-bio:nth-child(4).is-focus {
    --lvn-fg: #f6f7f4;
    --lvn-action: #f0c02b;
    color: #f6f7f4 !important;
    background: #173b3f !important;
  }
  #top.lvn-native #wrap_all .lv .lv-bio-v3 .lv-auto-bio:nth-child(4) :is(h3,p,a,.lv-proof-date,.lv-proof-extra) {
    color: #f6f7f4 !important;
  }
  #top.lvn-native #wrap_all .lv .lv-bio-v3 .lv-auto-bio:nth-child(4) header svg {
    color: #f0c02b;
  }
}
#top #wrap_all .lv[data-safari-motion="1"] [data-lv-reveal],
#top #wrap_all .lv[data-safari-motion="1"] .lv-title-entrance {
  opacity: 1 !important;
  clip-path: none !important;
}
#top #wrap_all .lv .lv-auto-bio .lv-proof-extra a {
  display: inline-flex; align-items: center; min-height: 44px; flex-wrap: wrap;
}
#top #wrap_all .lv svg.lv-symbol { flex-shrink: 0; }
/* Fine LVN SAFARI 24 ottobre 2026 */


/* Safari senza scroll timeline: gli elementi restano visibili.
   Gli effetti scroll esistenti continuano a usare le variabili JavaScript. */
#top #wrap_all .lv.lv-motion [data-lv-reveal],
#top #wrap_all .lv.lv-cinema .lv-title-entrance {
  opacity: 1 !important; clip-path: none !important;
}


/* Scelta esplicita delle animazioni, anche con Riduci movimento attivo. */
#top #wrap_all .lv .lv-safari-motion-control {
  display: block; min-height: 44px; margin: 12px 0 0; padding: 8px 0;
  background: transparent; color: #173b3f; border: 0; border-bottom: 1px solid #5f7f84;
  border-radius: 0; font: 500 13px/1.5 Manrope,Arial,sans-serif; cursor: pointer;
}
#top #wrap_all .lv.lv-user-motion.lv-motion.lv-force-motion .lv-card {
  transform: translate3d(var(--card-x,0px),var(--card-y,0px),0) rotateY(var(--card-ry,0deg)) rotateZ(var(--card-rz,0deg)) scale(var(--card-scale,1)) !important;
}
#top #wrap_all .lv.lv-user-motion .lv-cover .lv-cover-art {
  transform: translate3d(0,var(--book-y,0px),0) rotateY(var(--book-ry,0deg)) rotateZ(var(--book-rz,0deg)) scale(var(--book-scale,1)) !important;
}
#top #wrap_all .lv.lv-user-motion.lv-cinema .lv-portrait img {
  transform: scale(var(--portrait-scale,1)) !important;
}
#top #wrap_all .lv.lv-user-motion .lv-planet-dot {
  animation: lvnMobilePulse 3.6s ease-in-out infinite !important;
}
#top #wrap_all .lv.lv-motion-off .lv-card,
#top #wrap_all .lv.lv-motion-off .lv-proof-card,
#top #wrap_all .lv.lv-motion-off .lv-cover .lv-cover-art,
#top #wrap_all .lv.lv-motion-off .lv-portrait img {
  transform: none !important;
}
#top #wrap_all .lv.lv-motion-off *,
#top #wrap_all .lv.lv-motion-off *::before,
#top #wrap_all .lv.lv-motion-off *::after { animation: none !important; }
@media(max-width:760px) {
  #top #wrap_all .lv.lv-user-motion.lv-motion.lv-force-motion .lv-card {
    transform: translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1)) !important;
  }
}
/* Fine scelta movimento */

/* LVN BOX AUTORE E CTA DI CHIUSURA, 25 ottobre 2026. Blocco aggiunto in coda al CSS aggiuntivo, regole precedenti conservate.
Da integrare nel tema alla release 2.3.0 (vedi ISTRUZIONI_TEMA.md). */

/* Box autore uguale in tutti gli articoli, di Luca e degli studenti.
Il blocco e un div con lo stile inline del modello (align-items) che ha come figlio diretto la foto allineata a sinistra. Un eventuale div esterno che avvolge il box (alcuni articoli degli studenti) non viene toccato, per non avere un riquadro dentro un riquadro.
La foto puo stare dentro un paragrafo (articoli vecchi, dopo il passaggio di WordPress) oppure direttamente nel div (bozze nuove):
la regola copre entrambi i casi e non dipende dal link LinkedIn. Il prefisso #top batte la regola precedente senza cambiarne i valori. */
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) {
display: grid; grid-template-columns: 170px 1fr; gap: 0 28px; align-items: start;
background: #fff; padding: 28px 30px; border-radius: 18px; margin: 40px 0 18px; clear: both;
}
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) > p:first-child { margin: 0; }
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) > p:nth-child(2) { display: none; }
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) img.alignleft {
float: none; display: block; width: 170px; max-width: 170px; height: auto; margin: 0;
}
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) > div { grid-column: 2; min-width: 0; }
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) > div > p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) { grid-template-columns: 1fr; padding: 22px; }
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) img.alignleft { width: 130px; max-width: 130px; margin-bottom: 14px; }
#top .lvn-prose div[style*="align-items"]:has(> img.alignleft, > p:first-child > img.alignleft):not(.lv-end) > div { grid-column: 1; }
}

/* CTA di chiusura: scheda scura con foto tonda cerchiata di giallo e link giallo.
Si distingue dal box autore (fondo bianco) e dalla CTA al libro (fondo bianco con barra gialla).
Regge sia il blocco con un solo invito sia quello vecchio con due paragrafi, che si impilano. */
#top .lvn-prose .lv-end {
display: grid; grid-template-columns: 64px 1fr; gap: 0 18px; align-items: center;
background: #173b3f; color: #e5e1da; border: 0; border-radius: 18px;
padding: 22px 28px; margin: 18px 0 0; clear: both;
}
#top .lvn-prose .lv-end img {
grid-column: 1; grid-row: 1 / span 2; width: 64px !important; height: 64px !important;
border-radius: 50%; margin: 0 !important; float: none !important; box-shadow: 0 0 0 3px #f0c02b;
}
#top .lvn-prose .lv-end p { grid-column: 2; margin: 0 !important; font-size: 17px; line-height: 1.55; color: #e5e1da; }
#top .lvn-prose .lv-end p + p { margin-top: 6px !important; }
#top .lvn-prose .lv-end a { color: #f0c02b !important; font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
#top .lvn-prose .lv-end a:hover, #top .lvn-prose .lv-end a:focus-visible { color: #fff !important; }
@media (max-width: 560px) {
#top .lvn-prose .lv-end { grid-template-columns: 48px 1fr; gap: 0 14px; padding: 18px 20px; align-items: start; }
#top .lvn-prose .lv-end img { width: 48px !important; height: 48px !important; }
#top .lvn-prose .lv-end p { font-size: 16px; }
}
/* Fine LVN BOX AUTORE E CTA DI CHIUSURA 25 ottobre 2026 */

/* LVN ICONE CTA DI CHIUSURA, 25 ottobre 2026. Blocco aggiunto in coda al CSS aggiuntivo.
Al posto della foto di Luca la chiusura mostra un cerchio giallo con un simbolo che dipende dall'invito: LinkedIn, newsletter, community.
Il simbolo si sceglie dal link presente nel blocco, quindi vale anche per gli articoli gia online che hanno ancora la foto nel markup (la foto viene nascosta).
Da integrare nel tema alla release 2.3.0 (vedi ISTRUZIONI_TEMA.md). */
#top .lvn-prose .lv-end img { display: none !important; }
#top .lvn-prose .lv-end::before {
content: ""; grid-column: 1; grid-row: 1 / span 2; width: 56px; height: 56px; border-radius: 50%;
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23f0c02b%22/%3E%3Cg%20transform%3D%22translate(-3%200)%22%20fill%3D%22%23173b3f%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%224.2%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2228%22%20width%3D%228%22%20height%3D%2218%22/%3E%3Cpath%20d%3D%22M33%2028h8v3.2c1.5-2.4%204-3.8%207-3.8%206%200%208%204%208%209.6V46h-8v-8c0-3-1-4.4-3.4-4.4S41%2035%2041%2038v8h-8z%22/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
#top .lvn-prose .lv-end:has(a[href*="newsletters"])::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23f0c02b%22/%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23173b3f%22%20stroke-width%3D%223.6%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%2215%22%20y%3D%2220%22%20width%3D%2234%22%20height%3D%2224%22%20rx%3D%223.5%22/%3E%3Cpath%20d%3D%22M16.5%2022.5%2032%2034l15.5-11.5%22/%3E%3C/g%3E%3C/svg%3E"); }
#top .lvn-prose .lv-end:has(a[href*="discord"])::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%23f0c02b%22/%3E%3Cg%20fill%3D%22%23173b3f%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2228%22%20r%3D%224.3%22/%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2228%22%20r%3D%224.3%22/%3E%3Cpath%20d%3D%22M8%2045c0-5%204-8.2%209.5-8.2%201.2%200%202.3.2%203.3.5-2.6%202-4.1%204.6-4.1%207.7z%22/%3E%3Cpath%20d%3D%22M56%2045c0-5-4-8.2-9.5-8.2-1.2%200-2.3.2-3.3.5%202.6%202%204.1%204.6%204.1%207.7z%22/%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2225%22%20r%3D%226.2%22/%3E%3Cpath%20d%3D%22M20.5%2047c0-6.5%205-10.5%2011.5-10.5S43.5%2040.5%2043.5%2047z%22/%3E%3C/g%3E%3C/svg%3E"); }
#top .lvn-prose .lv-end { grid-template-columns: 56px 1fr; }
@media (max-width: 560px) {
#top .lvn-prose .lv-end { grid-template-columns: 44px 1fr; }
#top .lvn-prose .lv-end::before { width: 44px; height: 44px; }
}
/* Fine LVN ICONE CTA DI CHIUSURA 25 ottobre 2026 */