/* ===== COLORES BASE ===== */
:root {
  --verde: #2ecc71;
  --verde-oscuro: #27ae60;
  --beige: #f5efe4;
  --gris-tenue: #f7f7f7;
}

/* ===== HERO ===== */
.hero-section {
  position: relative;
  height: 90vh;
  background: url('../img/hero.jpg') center/cover no-repeat;
}

.hero-video {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

.hero-section .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.55);
}

.hero-section .content {
  z-index: 2;
}

/* ===== DIAGONAL SECTION ===== */
.diagonal-section {
  background: var(--beige);
  clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
}

/* ===== CARDS ===== */
.service-card:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}

.price-card {
  border-radius: 12px;
  background: white;
  padding: 25px;
}

.price-card.highlight {
  border: 2px solid var(--verde);
  transform: scale(1.05);
}

/* ===== FOOTER ===== */
footer {
  background: #222;
}