/* SP_FAST_VAPOR_ASSETS_V1 */
:root {
  --sp-vapor-fast: 720ms;
  --sp-vapor-soft: 980ms;
}

/* Rendering più leggero delle sezioni sotto viewport */
main section,
main .card,
main .panel,
main .box,
main .news-card,
main .dashboard-card,
main .stat-card,
main .table-wrap,
main .filters,
main .hero-card,
main .sp-card,
main .sp-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}

/* Tabelle news: stile ordinato tipo screenshot 1 */
table.sp-news-fast-vapor-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

table.sp-news-fast-vapor-table th {
  padding: 14px 16px !important;
  font-weight: 800 !important;
  color: #334155 !important;
  background: #f8fafc !important;
  border-bottom: 1px solid rgba(148,163,184,.30) !important;
  text-align: left !important;
  vertical-align: middle !important;
}

table.sp-news-fast-vapor-table td {
  padding: 16px 16px !important;
  line-height: 1.42 !important;
  color: #0f172a !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(148,163,184,.20) !important;
  background: #fff !important;
}

table.sp-news-fast-vapor-table th:nth-child(1),
table.sp-news-fast-vapor-table td:nth-child(1) {
  width: 14% !important;
  white-space: nowrap !important;
}

table.sp-news-fast-vapor-table th:nth-child(2),
table.sp-news-fast-vapor-table td:nth-child(2) {
  width: 28% !important;
}

table.sp-news-fast-vapor-table th:nth-child(3),
table.sp-news-fast-vapor-table td:nth-child(3) {
  width: 58% !important;
}

table.sp-news-fast-vapor-table td a {
  color: #2563eb !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Vapore sezioni */
.sp-fast-vapor-section {
  animation: spFastVaporSection var(--sp-vapor-soft) ease both;
}

/* Vapore news visibili per tutti */
.sp-fast-vapor-news-row td {
  animation: spFastVaporNews var(--sp-vapor-soft) ease both;
}

/* Vapore contatori admin/founder */
.sp-fast-vapor-counter {
  animation: spFastVaporCounter var(--sp-vapor-fast) ease both;
}

@keyframes spFastVaporSection {
  0% { opacity: 0; filter: blur(10px); transform: translateY(10px); }
  55% { opacity: .72; filter: blur(4px); transform: translateY(0); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes spFastVaporNews {
  0% { opacity: 0; filter: blur(12px); transform: translateY(-8px); }
  55% { opacity: .72; filter: blur(4px); transform: translateY(0); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes spFastVaporCounter {
  0% { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
  42% { opacity: .42; filter: blur(8px); transform: translateY(-2px) scale(1.025); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .sp-fast-vapor-section,
  .sp-fast-vapor-news-row td,
  .sp-fast-vapor-counter {
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }
}
