/* 1. Video Hero Background Placeholder & 5. Gold Palette */
:root {
  --gold-primary: #D4AF37;
  --gold-glow: rgba(212, 175, 55, 0.4);
  --glass-bg: rgba(15, 15, 15, 0.6);
}
.hero { position: relative; overflow: hidden; }
.hero::before {
  content: ''; position: absolute; top:0; left:0; width:100%; height:100%;
  background: radial-gradient(circle at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
  z-index: 1; pointer-events: none;
}
.hero-content { z-index: 2; position: relative; }

/* 2. Glassmorphism */
nav, .card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.05);
}

/* 3. Hover Reveals no Card */
.card { position: relative; overflow: hidden; transition: transform 0.3s ease; }
.card-img { transition: transform 0.5s ease, filter 0.3s; }
.card:hover .card-img { transform: scale(1.05); filter: brightness(0.5); }
.card-hover-overlay {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  opacity: 0; transition: opacity 0.3s ease; text-align: center; width: 100%;
}
.card:hover .card-hover-overlay { opacity: 1; }
.btn-gold {
  background: linear-gradient(45deg, #B8860B, #FFD700);
  color: #000; padding: 10px 20px; border-radius: 20px; font-weight: bold;
  text-decoration: none; display: inline-block; margin-top: 10px;
}

/* 4. Stats Section */
.stats-row {
  display: flex; justify-content: space-around; padding: 40px 20px;
  background: linear-gradient(to right, #050505, #111, #050505);
  border-top: 1px solid #333; border-bottom: 1px solid #333;
}
.stat-item { text-align: center; }
.stat-num { font-size: 2.5rem; font-family: 'Playfair Display', serif; color: var(--gold-primary); }
.stat-label { font-size: 0.9rem; color: #aaa; text-transform: uppercase; letter-spacing: 1px; }

/* 6. CTA Micro-interactions */
.hero-cta {
  position: relative; overflow: hidden;
  box-shadow: 0 0 20px var(--gold-glow);
  transition: all 0.3s ease;
}
.hero-cta::after {
  content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
  transform: rotate(45deg); animation: sweep 3s infinite;
}
@keyframes sweep { 0% { left: -100%; } 100% { left: 100%; } }

/* 9. Tipografia Mista */
.hero-title span { font-family: 'Playfair Display', serif; font-style: italic; color: var(--gold-primary); font-weight: 700; }

/* 10. Footer Lead Capture & 8. Quick View Modal */
.footer-lead { margin-top: 20px; }
.footer-lead input { padding: 10px; border-radius: 5px; border: none; outline: none; background: #222; color: #fff; }
.footer-lead button { padding: 10px 15px; border: none; border-radius: 5px; background: var(--gold-primary); color: #000; font-weight: bold; cursor: pointer; }

.modal-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index: 9999;
    align-items: center; justify-content: center;
}
.modal-content {
    background: #111; padding: 30px; border-radius: 15px; border: 1px solid var(--gold-primary);
    text-align: center; max-width: 400px; width: 90%; position: relative;
}
.modal-close { position: absolute; top: 15px; right: 15px; cursor: pointer; color: #fff; font-size: 1.5rem; }