/* =========================================================
   ✂️ SERVIZI
   ========================================================= */
#servizi {
  background: linear-gradient(180deg, #0d0d0d, #1a1a1a);
}

.service-card {
  transition: all 0.4s ease;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.service-card.hovered {
  border-color: #d4a373 !important;
  box-shadow: 0 0 25px rgba(212, 163, 115, 0.2);
  transform: translateY(-5px);
}

.service-card .image-wrapper {
  height: 250px;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
  position: relative;
}

.service-card.hovered .image-wrapper {
  transform: scale(1.1);
}

.service-card .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2));
}

.service-card .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}

.service-card h5 {
  font-size: 1.25rem;
}

.service-card p.text-warning {
  color: #d4a373 !important;
}

.service-card .p-3 p {
  color: #aaa;
}

.service-card .text-secondary.mb-0
{
  height: 100px;
}

/* =========================================================
   📞 CONTATTI
   ========================================================= */
#contatti {
  background: linear-gradient(180deg, #0d0d0d, #1a1a1a);
}

#contatti .icon-box {
  transition: all 0.3s ease;
}

#contatti .d-flex.hovered {
  border-color: #d4a373 !important;
  box-shadow: 0 0 20px rgba(212, 163, 115, 0.3);
}

#contatti .d-flex.hovered .icon-box {
  background-color: rgba(212, 163, 115, 0.2);
}

#contatti .d-flex.hovered i {
  color: #e0b97d !important;
  transform: scale(1.2);
}

#contatti input,
#contatti textarea {
  background-color: #1a1a1a;
  border: 1px solid #333;
  color: #eee;
  transition: border 0.3s ease, background-color 0.3s ease;
}

#contatti input:focus,
#contatti textarea:focus {
  border-color: #d4a373;
  background-color: #222;
  box-shadow: 0 0 10px rgba(212, 163, 115, 0.2);
}

#contatti button {
  background-color: #d4a373;
  border: none;
  transition: all 0.3s ease;
}
#contatti button:hover {
  background-color: #e1b97d;
  box-shadow: 0 0 15px rgba(212, 163, 115, 0.5);
}

/* Aggiungi nel tuo file CSS principale (es. style.css) */
.map-container {
    overflow: hidden;
    padding-bottom: 60%; /* Rapporto 16:9 */
    position: relative;
    height: 0;
}
.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* =========================================================
   🧔 CHI SIAMO
   ========================================================= */
#chi-siamo {
  background: linear-gradient(180deg, #0d0d0d, #1a1a1a);
}

#chi-siamo h2 span {
  color: #d4a373;
}

.stat-card {
  transition: all 0.3s ease;
}

.stat-card.hovered {
  border-color: #d4a373 !important;
  box-shadow: 0 0 20px rgba(212, 163, 115, 0.3);
  transform: translateY(-5px);
}

.icon-circle i {
  transition: transform 0.3s ease, color 0.3s ease;
}

.stat-card.hovered .icon-circle i {
  transform: scale(1.2);
  color: #e1b97d !important;
}