body {
  background-color: #f5f7fa;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.titulo-landing {
  font-size: 2.8rem;
  color: #333;
  font-weight: bold;
}

.botones .btn {
  padding: 15px 30px;
  font-size: 1.1rem;
  border-radius: 10px;
  transition: all 0.3s ease;
  color: white;
  border: none;
}

.botones .btn:hover {
  transform: scale(1.05);
}


.btn-morado-claro {
  background-color: #c084fc; 
}

.btn-morado-claro:hover {
  background-color: #a855f7;
}

.btn-morado-medio {
  background-color: #9333ea; 
}

.btn-morado-medio:hover {
  background-color: #7e22ce;
}

.btn-morado-oscuro {
  background-color: #6b21a8; 
}

.btn-morado-oscuro:hover {
  background-color: #581c87;
}