@import url("variaveis.css");

.cabecalho-curriculo {
  background: linear-gradient(310deg, var(--primary), var(--primary-dark));
  color: var(--white);
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 10;
}

.cabecalho .container {
  position: relative;
  z-index: 2;
}

.foto-perfil {
  border: 3px solid var(--dark);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
  box-shadow: var(--shadow);
  transition: var(--transition);
}

.foto-perfil:hover {
  transform: scale(1.1);
}

.nome {
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-weight: 700;
}

.cargo {
  font-size: 1.25rem;
  margin-bottom: 30px;
  opacity: 0.9;
}