/* =====================================================
   DGF TRIVELMORRA — sicurezza.css
   Safety Grid · Stats Banner · Normativa
   ===================================================== */

/* Stats banner */
.sic-stats-banner {
  background: linear-gradient(90deg,#1A0800,#0E0E0E);
  border: 1px solid var(--border); border-radius: 4px; overflow: hidden;
}
.sic-stats-row { display: grid; grid-template-columns: repeat(4,1fr); }
.sic-stat { padding: 32px 24px; text-align: center; border-right: 1px solid var(--border); }
.sic-stat:last-child { border-right: none; }
.sic-stat-num { font-size: 40px; font-weight: 900; color: var(--orange); letter-spacing: -2px; line-height: 1; margin-bottom: 8px; }
.sic-stat-label { font-size: 11px; color: var(--text-dim); line-height: 1.5; letter-spacing: 1px; }

/* Cards grid */
.sicurezza-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 48px; }
.sicurezza-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: 32px;
  position: relative; overflow: hidden; transition: border-color .3s;
}
.sicurezza-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--orange); }
.sicurezza-card:hover { border-color: var(--orange); }
.sic-card-icon { margin-bottom: 20px; }
.sic-card-icon svg { width: 40px; height: 40px; color: var(--orange); }
.sicurezza-card h3 { font-size: 15px; font-weight: 800; margin-bottom: 10px; }
.sicurezza-card p { font-size: 13px; line-height: 1.65; color: var(--text-dim); margin-bottom: 16px; }
.sic-list { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.sic-list li { font-size: 12px; color: var(--text-dim); padding-left: 14px; position: relative; }
.sic-list li::before { content:'›'; color: var(--orange); position: absolute; left: 0; }

/* Normativa */
.normativa-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 48px; }
.norma-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: 4px;
  padding: 24px; transition: border-color .2s;
}
.norma-card:hover { border-color: var(--orange); }
.norma-ref { font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(--orange); margin-bottom: 8px; }
.norma-card h4 { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.norma-card p { font-size: 12px; color: var(--text-dim); line-height: 1.5; }